/* pay73 reference-matched Live Bandwidth Rate dashboard. */
.bandwidth-dashboard73{
 --bw-bg:#f7fbff;--bw-panel:#ffffff;--bw-panel-soft:#f3f8fc;--bw-line:#dce8f1;--bw-text:#142f43;--bw-muted:#70869a;--bw-muted-strong:#536c81;--bw-teal:#19c4b6;--bw-teal-deep:#0c9f93;--bw-blue:#4ba9e8;--bw-violet:#8b7cf1;--bw-shadow:0 12px 32px #12384b12;
 position:relative;isolation:isolate;overflow:hidden;margin:20px 0;padding:22px 24px 20px;border:1px solid var(--bw-line);border-radius:23px;background:var(--bw-bg);color:var(--bw-text);box-shadow:var(--bw-shadow);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.bandwidth-dashboard73 *{box-sizing:border-box}
.bandwidth-topbar73{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}
.bandwidth-brand73{display:flex;align-items:center;gap:11px;min-width:0;font-size:18px;font-weight:850;letter-spacing:-.5px;white-space:nowrap}
.bandwidth-brand73 strong{font-weight:850}.bandwidth-brand73 b{color:var(--bw-teal-deep)}
.bandwidth-brand-mark73{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,#e0fbf8,#e5f5ff);color:#12aaa4;box-shadow:0 6px 16px #19c4b620}
.bandwidth-brand-mark73 svg{width:29px;height:29px}
.bandwidth-mode-group73{display:flex;align-items:center;gap:6px;color:var(--bw-muted-strong);font-size:11px;font-weight:700}
.bandwidth-mode-group73>span{margin-right:4px}
.bandwidth-mode-button73{min-height:34px;padding:7px 13px;border:1px solid var(--bw-line);border-radius:20px;background:var(--bw-panel);color:var(--bw-muted-strong);font:700 11px/1.2 Inter,system-ui,sans-serif;cursor:pointer;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}
.bandwidth-mode-button73:hover{border-color:var(--bw-teal)}
.bandwidth-mode-button73:focus-visible,.bandwidth-refresh-switch73:focus-visible{outline:3px solid var(--bw-blue);outline-offset:3px}
.bandwidth-mode-button73.is-active73{border-color:var(--bw-teal);background:#e1f8f5;color:#087f78;box-shadow:0 0 0 2px #1dc8b41a}
.bandwidth-title-row73{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}
.bandwidth-title-copy73{min-width:0}
.bandwidth-title-line73{display:flex;align-items:center;gap:11px}
.bandwidth-title-icon73{display:grid;place-items:center;width:31px;height:31px;color:var(--bw-teal-deep)}
.bandwidth-title-icon73 svg{width:28px;height:28px}
.bandwidth-title-line73 h2{margin:0;color:var(--bw-text);font-size:25px;line-height:1.15;font-weight:850;letter-spacing:-.9px}
.bandwidth-title-copy73 p{margin:5px 0 0 42px;color:var(--bw-muted);font-size:11px;line-height:1.5}
.bandwidth-title-actions73{display:flex;align-items:center;gap:9px;flex:none}
.bandwidth-scope-chip73{padding:6px 10px;border:1px solid var(--bw-line);border-radius:18px;background:var(--bw-panel);color:var(--bw-muted-strong);font-size:9px;font-weight:750}
.bandwidth-refresh-label73{color:var(--bw-muted-strong);font-size:11px;font-weight:700}
.bandwidth-refresh-switch73{position:relative;width:43px;height:24px;padding:0;border:1px solid #a9d8d2;border-radius:20px;background:#cbd8df;cursor:pointer;transition:background .2s,border-color .2s;flex:none}
.bandwidth-refresh-switch73 span{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #1232;transition:transform .2s}
.bandwidth-refresh-switch73[aria-checked=true]{background:#16bd91;border-color:#16bd91}
.bandwidth-refresh-switch73[aria-checked=true] span{transform:translateX(19px)}
.bandwidth-guest-card73{position:relative;overflow:hidden;padding:20px 21px 15px;border:1px solid #1db7ae66;border-radius:20px;background:linear-gradient(145deg,#f2fffd 0%,#f7fcff 54%,#f5f5ff 100%);box-shadow:0 10px 26px #0b8f9b0d}
.bandwidth-guest-card73:before{position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#22c8bc,#52a8ed,#9385f4);content:""}
.bandwidth-guest-head73{display:flex;align-items:center;justify-content:space-between;gap:18px}
.bandwidth-guest-identity73{display:flex;align-items:center;gap:11px;min-width:0}
.bandwidth-guest-icon73{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#dff9f5;color:#0ca99d;flex:none}
.bandwidth-guest-icon73 svg{width:25px;height:25px}
.bandwidth-guest-identity73 h3{margin:0;color:var(--bw-text);font-size:15px;font-weight:850;letter-spacing:-.25px}
.bandwidth-guest-identity73 p{margin:4px 0 0;color:var(--bw-muted);font-size:9px;line-height:1.45}
.bandwidth-live-badge73{display:inline-flex;align-items:center;gap:6px;margin-left:3px;padding:5px 9px;border:1px solid #8ce0c4;border-radius:20px;background:#e5fbf3;color:#098565;font-size:9px;font-weight:850;letter-spacing:.04em;white-space:nowrap}
.bandwidth-live-badge73 i,.bandwidth-wan-coverage73 i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 16%,transparent)}
.bandwidth-live-badge73.stale,.bandwidth-live-badge73.waiting,.bandwidth-live-badge73.partial{border-color:#e8cf8e;background:#fff8e8;color:#9b7128}
.bandwidth-guest-live-rates73{display:flex;align-items:center;gap:25px;flex:none}
.bandwidth-guest-live-rates73>div{display:grid;gap:4px;min-width:100px}
.bandwidth-guest-live-rates73>div+div{padding-left:22px;border-left:1px solid var(--bw-line)}
.bandwidth-guest-live-rates73 span{display:flex;align-items:center;gap:5px;color:var(--bw-muted-strong);font-size:9px;font-weight:750;white-space:nowrap}
.bandwidth-guest-live-rates73 span svg{width:15px;height:15px;color:var(--bw-teal-deep)}
.bandwidth-guest-live-rates73>div+div span svg{color:var(--bw-blue)}
.bandwidth-guest-live-rates73 strong{color:var(--bw-text);font-size:19px;font-weight:850;font-variant-numeric:tabular-nums;letter-spacing:-.5px;white-space:nowrap}
.bandwidth-chart-context73{display:flex;align-items:center;gap:15px;margin:15px 2px 2px;color:var(--bw-muted-strong);font-size:9px;font-weight:750}
.bandwidth-chart-context73>span{display:inline-flex;align-items:center;gap:5px}
.bandwidth-chart-context73 i{display:inline-block;width:7px;height:7px;border-radius:50%}
.legend-download73{background:#19b99b}.legend-upload73{background:#4b9fe5}
.bandwidth-chart-context73 small{margin-left:auto;color:var(--bw-muted);font-size:9px;font-weight:600;text-align:right}
.bandwidth-chart-wrap73{min-height:425px;margin-top:5px}
.bandwidth-dashboard73 .traffic-legend{display:none}
.bandwidth-dashboard73 .traffic-chart-stage73{position:relative;width:100%;min-width:0}
.bandwidth-dashboard73 .traffic-chart{display:block;width:100%;height:400px;overflow:visible;touch-action:pan-y}
.bandwidth-dashboard73 .traffic-chart text{fill:var(--bw-muted-strong);font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:750}
.bandwidth-dashboard73 .traffic-chart .chart-grid73{stroke:var(--bw-line);stroke-width:1}
.bandwidth-dashboard73 .traffic-chart .chart-axis-label73{fill:var(--bw-muted);font-size:10px}
.bandwidth-dashboard73 .traffic-chart .chart-point-dot-download73{fill:#24cdb7;stroke:var(--bw-panel);stroke-width:1.5;pointer-events:none}
.bandwidth-dashboard73 .traffic-chart .chart-point-dot-upload73{fill:#7e8df2;stroke:var(--bw-panel);stroke-width:1.3;pointer-events:none}
.bandwidth-dashboard73 .traffic-chart .chart-sample-hit73{fill:transparent;stroke:transparent;cursor:crosshair;pointer-events:all}
.bandwidth-dashboard73 .traffic-chart .chart-sample-hit73:focus-visible{stroke:var(--bw-blue);stroke-width:1.5;stroke-dasharray:4 3;outline:none}
.bandwidth-dashboard73 .traffic-chart .chart-selection73{pointer-events:none}
.bandwidth-dashboard73 .traffic-chart .chart-selection-line73{stroke:var(--bw-blue);stroke-width:1.5;stroke-dasharray:5 4;opacity:.9}
.bandwidth-dashboard73 .traffic-chart .chart-selection-download73{fill:#22d2bd;stroke:var(--bw-panel);stroke-width:3;filter:drop-shadow(0 0 5px #22d2bd99)}
.bandwidth-dashboard73 .traffic-chart .chart-selection-upload73{fill:#8f83f3;stroke:var(--bw-panel);stroke-width:2.5;filter:drop-shadow(0 0 4px #8f83f399)}
.bandwidth-dashboard73 .traffic-chart-tooltip73{position:absolute;z-index:5;min-width:190px;max-width:min(230px,calc(100% - 16px));padding:11px 13px;border:1px solid var(--bw-teal);border-radius:13px;background:var(--bw-panel);color:var(--bw-text);box-shadow:0 12px 30px #001b2a45;pointer-events:none}
.bandwidth-dashboard73 .traffic-chart-tooltip73[hidden]{display:none}
.bandwidth-dashboard73 .traffic-chart-tooltip-time73{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--bw-text);font-size:11px;font-weight:850;font-variant-numeric:tabular-nums}
.bandwidth-dashboard73 .traffic-chart-tooltip-time73:before{width:8px;height:8px;border:2px solid var(--bw-teal);border-radius:50%;content:"";flex:none}
.bandwidth-dashboard73 .traffic-chart-tooltip-row73{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:3px 0;font-size:10px}
.bandwidth-dashboard73 .traffic-chart-tooltip-row73 span{display:flex;align-items:center;gap:7px;color:var(--bw-muted-strong)}
.bandwidth-dashboard73 .traffic-chart-tooltip-row73 i{width:8px;height:8px;border-radius:50%;background:#20c9ad}
.bandwidth-dashboard73 .traffic-chart-tooltip-row73 .tooltip-upload-dot73{background:#7e8df2}
.bandwidth-dashboard73 .traffic-chart-tooltip-row73 strong{color:var(--bw-text);font-size:12px;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}
.bandwidth-dashboard73 .traffic-chart-empty73{display:grid;place-items:center;min-height:180px;color:var(--bw-muted);font-size:11px}
.bandwidth-dashboard73 .traffic-chart-note73{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:1px;color:var(--bw-muted);font-size:9px}
.bandwidth-dashboard73 .traffic-chart-note73 span:first-child{color:var(--bw-muted-strong);font-weight:700}
.bandwidth-guest-foot73{display:flex;justify-content:space-between;gap:10px;margin-top:2px;color:var(--bw-muted);font-size:9px}
.bandwidth-wan-heading73{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 2px 10px}
.bandwidth-wan-heading73>div>span{color:var(--bw-teal-deep);font-size:8px;font-weight:900;letter-spacing:.15em}
.bandwidth-wan-heading73 h3{margin:3px 0 2px;color:var(--bw-text);font-size:14px;font-weight:850}
.bandwidth-wan-heading73 h3 small{display:inline-block;margin-left:6px;padding:3px 7px;border-radius:10px;background:#dff7eb;color:#128151;font-size:8px;vertical-align:middle}
.bandwidth-wan-heading73 p{margin:0;color:var(--bw-muted);font-size:9px}
.bandwidth-wan-coverage73{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid var(--bw-line);border-radius:20px;background:var(--bw-panel);color:var(--bw-muted);font-size:9px;font-weight:800;white-space:nowrap}
.bandwidth-wan-coverage73.live{border-color:#a0dfca;background:#e8fbf3;color:#0b8967}
.bandwidth-wan-coverage73.partial,.bandwidth-wan-coverage73.stale,.bandwidth-wan-coverage73.waiting{border-color:#e8cf8e;background:#fff8e8;color:#9b7128}
.bandwidth-wan-grid73{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bandwidth-wan-card73{position:relative;overflow:hidden;min-width:0;padding:15px 17px 13px;border:1px solid var(--wan-edge);border-radius:17px;background:linear-gradient(145deg,var(--wan-a),var(--wan-b));box-shadow:0 8px 20px #102b450b}
.bandwidth-wan-card73:after{position:absolute;right:-58px;top:-72px;width:130px;height:130px;border:1px solid var(--wan-accent);border-radius:50%;box-shadow:0 0 0 12px color-mix(in srgb,var(--wan-accent) 8%,transparent),0 0 0 25px color-mix(in srgb,var(--wan-accent) 5%,transparent);content:"";pointer-events:none}
.bandwidth-wan-card73.wan-download73{--wan-edge:#28b89c66;--wan-a:#e7fbf5;--wan-b:#f5fffc;--wan-accent:#19b99b}
.bandwidth-wan-card73.wan-upload73{--wan-edge:#8b7ce166;--wan-a:#f0edff;--wan-b:#faf9ff;--wan-accent:#8b7cf1}
.bandwidth-wan-card-head73{display:flex;align-items:center;gap:10px;position:relative;z-index:1}
.bandwidth-wan-icon73{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:color-mix(in srgb,var(--wan-accent) 13%,white);color:var(--wan-accent);flex:none}
.bandwidth-wan-icon73 svg{width:20px;height:20px}
.bandwidth-wan-label73{display:grid;gap:3px;min-width:0}
.bandwidth-wan-label73 small{color:var(--bw-muted);font-size:7px;font-weight:850;letter-spacing:.12em}
.bandwidth-wan-label73 strong{color:var(--bw-text);font-size:12px;font-weight:850}
.bandwidth-wan-state73{margin-left:auto;color:var(--bw-muted);font-size:8px;font-weight:800;white-space:nowrap}
.bandwidth-wan-state73.live{color:#098565}.bandwidth-wan-state73.partial,.bandwidth-wan-state73.stale,.bandwidth-wan-state73.waiting{color:#9b7128}
.bandwidth-wan-value73{position:relative;z-index:1;margin:10px 0 10px 45px;color:var(--bw-text);font-size:25px;line-height:1.05;font-weight:900;letter-spacing:-.8px;font-variant-numeric:tabular-nums}
.bandwidth-wan-meta73{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px 18px;padding-top:9px;border-top:1px solid color-mix(in srgb,var(--wan-accent) 20%,transparent);color:var(--bw-muted);font-size:9px}
.bandwidth-wan-meta73 span{display:flex;gap:5px}.bandwidth-wan-meta73 b{color:var(--bw-text);font-size:9px;font-variant-numeric:tabular-nums}
.bandwidth-stats73{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.bandwidth-stat73{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 13px;border:1px solid var(--bw-line);border-radius:14px;background:var(--bw-panel);box-shadow:0 5px 16px #102b4508}
.bandwidth-stat-icon73{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:var(--bw-panel-soft);color:var(--bw-teal-deep);flex:none}
.bandwidth-stat-icon73 svg{width:19px;height:19px}
.bandwidth-stat-copy73{display:grid;gap:3px;min-width:0}
.bandwidth-stat-copy73 small{color:var(--bw-muted);font-size:8px;font-weight:750;white-space:nowrap}
.bandwidth-stat-copy73 strong{color:var(--bw-text);font-size:15px;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap}
.bandwidth-stat-copy73 span{color:var(--bw-muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bandwidth-dashboard-foot73{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:var(--bw-muted);font-size:8px;line-height:1.5}
:root[data-appearance=night] .bandwidth-dashboard73{--bw-bg:#071c2a;--bw-panel:#0d2637;--bw-panel-soft:#112f41;--bw-line:#24485b;--bw-text:#e8f6ff;--bw-muted:#9bb5c6;--bw-muted-strong:#c0d5e1;--bw-teal:#22d2c5;--bw-teal-deep:#35d7c7;--bw-blue:#55b9f4;--bw-violet:#a596ff;--bw-shadow:0 14px 38px #0003;background:radial-gradient(ellipse at 70% 0%,#103747 0%,#071c2a 60%);border-color:#28566b}
:root[data-appearance=night] .bandwidth-brand-mark73{background:linear-gradient(145deg,#123e4b,#152f48);color:#31d6cb}
:root[data-appearance=night] .bandwidth-mode-button73{background:#102b3d;color:#b6ccd9;border-color:#31576a}
:root[data-appearance=night] .bandwidth-mode-button73.is-active73{background:#103f45;color:#60eee1;border-color:#13c5b7;box-shadow:0 0 0 2px #18cabb22,0 0 18px #18cabb20}
:root[data-appearance=night] .bandwidth-title-icon73{color:#29d4c8}
:root[data-appearance=night] .bandwidth-guest-card73{background:linear-gradient(145deg,#0c3440 0%,#0c2739 58%,#17263f 100%);border-color:#1b807a;box-shadow:0 12px 30px #0003}
:root[data-appearance=night] .bandwidth-guest-icon73{background:#104b4d;color:#42e4d5}
:root[data-appearance=night] .bandwidth-live-badge73{background:#103d39;border-color:#197e71;color:#72e8d5}
:root[data-appearance=night] .bandwidth-live-badge73.stale,:root[data-appearance=night] .bandwidth-live-badge73.waiting,:root[data-appearance=night] .bandwidth-live-badge73.partial{background:#3a321f;border-color:#7e6937;color:#f0cf82}
:root[data-appearance=night] .bandwidth-wan-heading73 h3 small{background:#124b3b;color:#7fe8b2}
:root[data-appearance=night] .bandwidth-wan-card73.wan-download73{--wan-edge:#287d72;--wan-a:#103e3e;--wan-b:#102d3d;--wan-accent:#3bdcc7}
:root[data-appearance=night] .bandwidth-wan-card73.wan-upload73{--wan-edge:#665a9f;--wan-a:#292747;--wan-b:#182c40;--wan-accent:#a79aff}
:root[data-appearance=night] .bandwidth-wan-icon73{background:color-mix(in srgb,var(--wan-accent) 17%,#0c2637)}
:root[data-appearance=night] .bandwidth-wan-coverage73.live{background:#103c39;border-color:#247d70;color:#7ce8d3}
:root[data-appearance=night] .bandwidth-wan-coverage73.partial,:root[data-appearance=night] .bandwidth-wan-coverage73.stale,:root[data-appearance=night] .bandwidth-wan-coverage73.waiting{background:#3b321f;border-color:#806b39;color:#efd18a}
:root[data-appearance=night] .bandwidth-stat-icon73{background:#123a48;color:#3ad9cf}
:root[data-appearance=compact] .bandwidth-dashboard73{padding:15px 16px 14px;margin:13px 0;border-radius:16px}
:root[data-appearance=compact] .bandwidth-topbar73{margin-bottom:13px}
:root[data-appearance=compact] .bandwidth-brand73{font-size:15px;gap:8px}
:root[data-appearance=compact] .bandwidth-brand-mark73{width:32px;height:32px;border-radius:10px}
:root[data-appearance=compact] .bandwidth-brand-mark73 svg{width:24px;height:24px}
:root[data-appearance=compact] .bandwidth-title-row73{margin-bottom:11px}
:root[data-appearance=compact] .bandwidth-title-line73 h2{font-size:21px}
:root[data-appearance=compact] .bandwidth-guest-card73{padding:14px 15px 11px;border-radius:15px}
:root[data-appearance=compact] .bandwidth-guest-live-rates73 strong{font-size:16px}
:root[data-appearance=compact] .bandwidth-chart-wrap73{min-height:355px}
:root[data-appearance=compact] .bandwidth-dashboard73 .traffic-chart{height:330px}
:root[data-appearance=compact] .bandwidth-wan-heading73{margin-top:12px}
:root[data-appearance=compact] .bandwidth-wan-card73{padding:11px 12px;border-radius:13px}
:root[data-appearance=compact] .bandwidth-wan-value73{font-size:21px;margin:8px 0 8px 42px}
:root[data-appearance=compact] .bandwidth-stats73{gap:7px;margin-top:8px}
:root[data-appearance=compact] .bandwidth-stat73{padding:8px 9px;gap:7px;border-radius:11px}
:root[data-appearance=compact] .bandwidth-stat-icon73{width:27px;height:27px}
:root[data-appearance=compact] .bandwidth-stat-copy73 strong{font-size:12px}
:root[data-appearance=compact] .bandwidth-dashboard-foot73{margin-top:8px}
@keyframes bandwidth-live-pulse73{0%,100%{box-shadow:0 0 0 3px #22c5b61b}50%{box-shadow:0 0 0 6px #22c5b635}}
.bandwidth-live-badge73.live i{animation:bandwidth-live-pulse73 1.8s ease-in-out infinite}
@media(max-width:980px){.bandwidth-guest-head73{align-items:flex-start;flex-direction:column}.bandwidth-guest-live-rates73{width:100%;justify-content:flex-start}.bandwidth-stats73{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.bandwidth-dashboard73{padding:14px;border-radius:16px}.bandwidth-topbar73{align-items:flex-start;flex-direction:column;gap:10px}.bandwidth-mode-group73{width:100%;justify-content:flex-end}.bandwidth-title-row73{align-items:flex-start;flex-direction:column}.bandwidth-title-actions73{width:100%;justify-content:flex-end}.bandwidth-title-line73 h2{font-size:21px}.bandwidth-title-copy73 p{margin-left:0}.bandwidth-guest-identity73{flex-wrap:wrap}.bandwidth-guest-live-rates73{gap:13px}.bandwidth-guest-live-rates73>div{min-width:0;flex:1}.bandwidth-guest-live-rates73>div+div{padding-left:13px}.bandwidth-guest-live-rates73 strong{font-size:17px}.bandwidth-chart-context73{flex-wrap:wrap}.bandwidth-chart-context73 small{width:100%;margin:2px 0 0;text-align:left}.bandwidth-dashboard73 .traffic-chart{height:320px}.bandwidth-chart-wrap73{min-height:340px}.bandwidth-dashboard73 .traffic-chart-note73{align-items:flex-start;flex-direction:column;gap:4px}.bandwidth-dashboard73 .traffic-chart-tooltip73{min-width:170px;padding:9px 11px}.bandwidth-wan-grid73{grid-template-columns:1fr}.bandwidth-wan-heading73{align-items:flex-start}.bandwidth-dashboard-foot73{flex-direction:column;gap:4px}}
@media(max-width:390px){.bandwidth-dashboard73 .traffic-chart{height:290px}.bandwidth-chart-wrap73{min-height:310px}.bandwidth-mode-button73{padding:6px 9px;font-size:10px}.bandwidth-brand73{font-size:14px}.bandwidth-guest-live-rates73 span{font-size:8px}.bandwidth-guest-live-rates73 strong{font-size:15px}.bandwidth-stats73{gap:6px}.bandwidth-stat73{padding:8px 7px}.bandwidth-stat-icon73{width:24px;height:24px}.bandwidth-stat-copy73 strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.bandwidth-dashboard73 .traffic-chart .chart-selection-download73,.bandwidth-dashboard73 .traffic-chart .chart-selection-upload73{filter:none}.bandwidth-mode-button73,.bandwidth-refresh-switch73,.bandwidth-refresh-switch73 span{transition:none!important}.bandwidth-live-badge73.live i{animation:none!important}}

/* pay79 digital graph surface: one visual system, tuned for every appearance. */
.bandwidth-dashboard73{
 --bw-chart-bg:linear-gradient(145deg,#f8fdff 0%,#eef8fc 54%,#f3f5ff 100%);
 --bw-chart-edge:#c7e0e9;
 --bw-chart-grid:#d8e7ee;
 --bw-chart-grid-vertical:#c4dce6;
 --bw-chart-download:#0dbca6;
 --bw-chart-download-end:#25d4bd;
 --bw-chart-upload:#398fe5;
 --bw-chart-upload-end:#8279ec;
 --bw-chart-crosshair:#3b9de3;
 --bw-chart-dot-outline:#f4fbfe;
 --bw-chart-download-glow:#0dbca677;
 --bw-chart-upload-glow:#6d82e966;
 --bw-chart-glow:0 0 0 1px #17b9a81a,0 10px 28px #184b5d12;
 --bw-chart-tooltip-bg:rgba(255,255,255,.97);
 --bw-chart-tooltip-shadow:0 12px 32px #12384b22;
}
:root[data-appearance=night] .bandwidth-dashboard73{
 --bw-chart-bg:linear-gradient(145deg,#041a28 0%,#062b3a 54%,#0a2038 100%);
 --bw-chart-edge:#167c80;
 --bw-chart-grid:#1d4d60;
 --bw-chart-grid-vertical:#155568;
 --bw-chart-download:#13e2c0;
 --bw-chart-download-end:#5cf4d9;
 --bw-chart-upload:#4aaeff;
 --bw-chart-upload-end:#a28bff;
 --bw-chart-crosshair:#55d1f4;
 --bw-chart-dot-outline:#082a37;
 --bw-chart-download-glow:#15e3c288;
 --bw-chart-upload-glow:#7a8eff88;
 --bw-chart-glow:0 0 0 1px #10cfc833,0 0 30px #04c9bb26,0 14px 34px #0007;
 --bw-chart-tooltip-bg:rgba(3,22,34,.97);
 --bw-chart-tooltip-shadow:0 12px 36px #0009,0 0 24px #08d9c22a;
}
:root[data-appearance=compact] .bandwidth-dashboard73{
 --bw-chart-bg:linear-gradient(145deg,#f4fafc 0%,#edf5f9 100%);
 --bw-chart-edge:#c6dbe5;
 --bw-chart-grid:#d4e2e9;
 --bw-chart-grid-vertical:#c4d8e2;
 --bw-chart-download:#0caf9b;
 --bw-chart-download-end:#20c8b3;
 --bw-chart-upload:#3f87d6;
 --bw-chart-upload-end:#7775dc;
 --bw-chart-crosshair:#428bc6;
 --bw-chart-dot-outline:#edf5f9;
 --bw-chart-download-glow:#0db79b44;
 --bw-chart-upload-glow:#657bdc33;
 --bw-chart-glow:0 0 0 1px #0eaaa114,0 5px 14px #17384a0d;
 --bw-chart-tooltip-bg:rgba(255,255,255,.98);
 --bw-chart-tooltip-shadow:0 7px 18px #12384b18;
}
.bandwidth-dashboard73 .traffic-chart-stage73{
 position:relative;isolation:isolate;border:1px solid var(--bw-chart-edge);border-radius:18px;
 background:var(--bw-chart-bg);box-shadow:var(--bw-chart-glow);overflow:visible;
 transition:background .2s,border-color .2s,box-shadow .2s;
}
.bandwidth-dashboard73 .traffic-chart-stage73:before{
 position:absolute;z-index:0;top:0;left:8%;right:8%;height:1px;border-radius:2px;
 background:linear-gradient(90deg,transparent,var(--bw-chart-download),var(--bw-chart-upload),transparent);
 opacity:.72;content:"";pointer-events:none;
}
.bandwidth-dashboard73 .traffic-chart{position:relative;z-index:1;height:400px;padding:4px 2px 2px;filter:drop-shadow(0 2px 8px color-mix(in srgb,var(--bw-chart-download) 8%,transparent))}
.bandwidth-dashboard73 .traffic-chart .chart-grid73{stroke:var(--bw-chart-grid);stroke-width:1;opacity:.95}
.bandwidth-dashboard73 .traffic-chart .chart-grid-vertical73{stroke:var(--bw-chart-grid-vertical);stroke-width:1;stroke-dasharray:3 7;opacity:.72}
.bandwidth-dashboard73 .traffic-chart .chart-axis-label73{fill:var(--bw-muted-strong);font-size:12px;font-weight:800}
.bandwidth-dashboard73 .traffic-chart .chart-download-line73{filter:drop-shadow(0 0 5px var(--bw-chart-download-glow))}
.bandwidth-dashboard73 .traffic-chart .chart-upload-line73{filter:drop-shadow(0 0 4px var(--bw-chart-upload-glow))}
.bandwidth-dashboard73 .traffic-chart .chart-point-dot-download73{fill:var(--bw-chart-download);stroke:var(--bw-chart-dot-outline);stroke-width:1.6;filter:drop-shadow(0 0 3px var(--bw-chart-download-glow))}
.bandwidth-dashboard73 .traffic-chart .chart-point-dot-upload73{fill:var(--bw-chart-upload);stroke:var(--bw-chart-bg);stroke-width:1.5}
.bandwidth-dashboard73 .traffic-chart .chart-sample-hit73{fill:transparent;stroke:transparent;outline:none;cursor:crosshair;pointer-events:all}
.bandwidth-dashboard73 .traffic-chart .chart-sample-hit73:focus,.bandwidth-dashboard73 .traffic-chart .chart-sample-hit73:focus-visible{fill:transparent;stroke:transparent;outline:none}
.bandwidth-dashboard73 .traffic-chart .chart-selection-line73{stroke:var(--bw-chart-crosshair);stroke-width:1.6;stroke-dasharray:4 5;opacity:.95;filter:drop-shadow(0 0 3px var(--bw-chart-crosshair))}
.bandwidth-dashboard73 .traffic-chart .chart-selection-download73{fill:var(--bw-chart-download);stroke:var(--bw-panel);stroke-width:3;filter:drop-shadow(0 0 6px var(--bw-chart-download-glow))}
.bandwidth-dashboard73 .traffic-chart .chart-selection-upload73{fill:var(--bw-chart-upload);stroke:var(--bw-panel);stroke-width:2.5;filter:drop-shadow(0 0 5px var(--bw-chart-upload-glow))}
.bandwidth-dashboard73 .traffic-chart-tooltip73{border:1px solid var(--bw-chart-edge);border-radius:14px;background:var(--bw-chart-tooltip-bg);box-shadow:var(--bw-chart-tooltip-shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.bandwidth-dashboard73 .traffic-chart-tooltip-time73:before{border-color:var(--bw-chart-download);background:color-mix(in srgb,var(--bw-chart-download) 18%,transparent);box-shadow:0 0 10px var(--bw-chart-download-glow)}
.bandwidth-dashboard73 .traffic-chart-tooltip-row73 .tooltip-download-dot73{background:var(--bw-chart-download);box-shadow:0 0 7px var(--bw-chart-download-glow)}
.bandwidth-dashboard73 .traffic-chart-tooltip-row73 .tooltip-upload-dot73{background:var(--bw-chart-upload);box-shadow:0 0 7px var(--bw-chart-upload-glow)}
.bandwidth-dashboard73 .traffic-chart-note73{padding:0 4px;color:var(--bw-muted-strong)}
:root[data-appearance=night] .bandwidth-dashboard73 .traffic-chart-stage73:before{opacity:.95}
:root[data-appearance=compact] .bandwidth-dashboard73 .traffic-chart-stage73{border-radius:13px;box-shadow:var(--bw-chart-glow)}
:root[data-appearance=compact] .bandwidth-dashboard73 .traffic-chart{height:330px;filter:none}
:root[data-appearance=compact] .bandwidth-dashboard73 .traffic-chart-tooltip73{border-radius:11px;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:680px){.bandwidth-dashboard73 .traffic-chart-stage73{border-radius:14px}.bandwidth-dashboard73 .traffic-chart{height:320px}.bandwidth-dashboard73 .traffic-chart-tooltip73{min-width:168px;max-width:calc(100% - 12px);padding:9px 11px}}
@media(max-width:390px){.bandwidth-dashboard73 .traffic-chart{height:290px}.bandwidth-dashboard73 .traffic-chart-tooltip73{min-width:156px;padding:8px 9px}}
@media(prefers-reduced-motion:reduce){.bandwidth-dashboard73 .traffic-chart-stage73,.bandwidth-dashboard73 .traffic-chart{transition:none;filter:none}}

/* pay83: clean Guest sample inspection and the approved multi-mode layout. */
.bandwidth-guest-layout73{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:stretch;min-width:0}
.bandwidth-guest-layout73>.bandwidth-guest-card73{min-width:0;width:100%;height:100%}
.bandwidth-interaction-card73{display:flex;flex-direction:column;gap:15px;min-width:0;min-height:100%;padding:18px;border:1px solid var(--bw-chart-edge);border-radius:18px;background:var(--bw-chart-bg);color:var(--bw-text);box-shadow:var(--bw-chart-glow)}
.bandwidth-interaction-head73{display:flex;align-items:flex-start;gap:11px;min-width:0}
.bandwidth-interaction-icon73{display:grid;place-items:center;width:39px;height:39px;flex:none;border:1px solid color-mix(in srgb,var(--bw-chart-download) 34%,var(--bw-chart-edge));border-radius:12px;background:color-mix(in srgb,var(--bw-chart-download) 13%,var(--bw-chart-bg));color:var(--bw-chart-download)}
.bandwidth-interaction-icon73 svg{width:22px;height:22px}
.bandwidth-interaction-head73>div{min-width:0}
.bandwidth-interaction-head73 h3{margin:1px 0 5px;color:var(--bw-text);font-size:14px;line-height:1.35;font-weight:850}
.bandwidth-interaction-head73 p{margin:0;color:var(--bw-muted);font-size:10px;line-height:1.55}
.bandwidth-inspector-display73{display:grid;align-content:center;min-height:150px;padding:15px;border:1px solid color-mix(in srgb,var(--bw-chart-download) 28%,var(--bw-chart-edge));border-radius:14px;background:color-mix(in srgb,var(--bw-chart-download) 5%,var(--bw-chart-bg))}
.bandwidth-inspector-empty73{display:grid;gap:7px}
.bandwidth-inspector-empty73[hidden],.bandwidth-inspector-values73[hidden]{display:none!important}
.bandwidth-inspector-empty73 small{color:var(--bw-chart-download);font-size:8px;font-weight:850;letter-spacing:.15em}
.bandwidth-inspector-empty73 strong{color:var(--bw-text);font-size:15px;font-weight:850}
.bandwidth-inspector-empty73 p{margin:0;color:var(--bw-muted);font-size:10px;line-height:1.6}
.bandwidth-inspector-values73{display:grid;gap:11px}
.bandwidth-inspector-time73{padding-bottom:8px;border-bottom:1px solid var(--bw-chart-edge);color:var(--bw-text);font-size:14px;font-weight:900;font-variant-numeric:tabular-nums}
.bandwidth-inspector-row73{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--bw-muted-strong);font-size:11px}
.bandwidth-inspector-row73 span{display:flex;align-items:center;gap:7px}
.bandwidth-inspector-row73 b{color:var(--bw-text);font-size:13px;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}
.bandwidth-inspector-row73 i{width:8px;height:8px;border-radius:50%;background:var(--bw-chart-download);box-shadow:0 0 8px var(--bw-chart-download-glow)}
.bandwidth-inspector-row73 .inspector-upload-dot73{background:var(--bw-chart-upload);box-shadow:0 0 8px var(--bw-chart-upload-glow)}
.bandwidth-interaction-points73{display:grid;gap:10px;margin:0;padding:13px 14px;border:1px solid color-mix(in srgb,var(--bw-chart-edge) 75%,transparent);border-radius:13px;background:color-mix(in srgb,var(--bw-chart-bg) 90%,var(--bw-panel));list-style:none}
.bandwidth-interaction-points73 li{display:flex;align-items:flex-start;gap:9px;color:var(--bw-muted-strong);font-size:10px;line-height:1.5}
.bandwidth-interaction-points73 li i{color:var(--bw-chart-download);font-size:13px;font-style:normal;font-weight:900;line-height:1.1}
.bandwidth-dashboard73 .traffic-chart .chart-sample-hit73{pointer-events:none;cursor:default}
.bandwidth-dashboard73 .traffic-chart .chart-sample-hit73 circle[data-chart-hit-point73]{fill:transparent;stroke:transparent;pointer-events:all;cursor:crosshair}
.bandwidth-dashboard73 .traffic-chart .chart-sample-hit73:focus-visible circle[data-chart-hit-point73]{stroke:var(--bw-chart-crosshair);stroke-width:2;stroke-dasharray:3 2}
:root[data-appearance=night] .bandwidth-interaction-card73{border-color:#167c80;box-shadow:0 0 0 1px #10cfc822,0 0 26px #04c9bb18,0 14px 34px #0005}
:root[data-appearance=day] .bandwidth-interaction-card73{border-color:#c7e0e9;box-shadow:0 10px 26px #184b5d12}
:root[data-appearance=compact] .bandwidth-guest-layout73{grid-template-columns:minmax(0,1fr);gap:8px}
:root[data-appearance=compact] .bandwidth-interaction-card73{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:9px;padding:11px 13px;border-radius:13px;box-shadow:var(--bw-chart-glow)}
:root[data-appearance=compact] .bandwidth-interaction-head73{grid-column:1/-1;align-items:center}
:root[data-appearance=compact] .bandwidth-interaction-icon73{width:31px;height:31px;border-radius:9px}
:root[data-appearance=compact] .bandwidth-interaction-head73 h3{font-size:11px;margin:0 0 2px}
:root[data-appearance=compact] .bandwidth-interaction-head73 p{font-size:8px}
:root[data-appearance=compact] .bandwidth-inspector-display73{min-height:82px;padding:9px;border-radius:10px}
:root[data-appearance=compact] .bandwidth-inspector-empty73 strong{font-size:11px}
:root[data-appearance=compact] .bandwidth-inspector-empty73 p{font-size:8px}
:root[data-appearance=compact] .bandwidth-inspector-time73{font-size:11px;padding-bottom:5px}
:root[data-appearance=compact] .bandwidth-inspector-row73{font-size:9px}
:root[data-appearance=compact] .bandwidth-inspector-row73 b{font-size:10px}
:root[data-appearance=compact] .bandwidth-interaction-points73{align-content:center;gap:5px;padding:8px;border-radius:10px}
:root[data-appearance=compact] .bandwidth-interaction-points73 li{gap:5px;font-size:8px}
@media(max-width:980px){.bandwidth-guest-layout73{grid-template-columns:minmax(0,1fr)}.bandwidth-interaction-card73{min-height:0}}
@media(max-width:680px){.bandwidth-interaction-card73{padding:13px;border-radius:14px}.bandwidth-interaction-head73 h3{font-size:13px}.bandwidth-interaction-points73{gap:8px}.bandwidth-interaction-points73 li{font-size:9px}:root[data-appearance=compact] .bandwidth-interaction-card73{grid-template-columns:1fr}:root[data-appearance=compact] .bandwidth-interaction-points73{grid-column:1}}
@media(prefers-reduced-motion:reduce){.bandwidth-interaction-card73,.bandwidth-inspector-display73{transition:none!important}.bandwidth-dashboard73 .traffic-chart .chart-sample-hit73:focus-visible circle[data-chart-hit-point73]{stroke-dasharray:none}}

/* pay87: full-width Guest graph; sample inspection stays inside the chart tooltip. */
.bandwidth-guest-layout73{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
.bandwidth-guest-layout73>.bandwidth-guest-card73{width:100%;min-width:0}
.bandwidth-dashboard73 .traffic-chart .chart-axis-label73{fill:var(--bw-muted-strong);font-size:12px;font-weight:800}
:root[data-appearance=compact] .bandwidth-dashboard73 .traffic-chart .chart-axis-label73{font-size:11px}
@media(max-width:680px){.bandwidth-dashboard73 .traffic-chart{height:320px}.bandwidth-chart-wrap73{min-height:340px}}
@media(max-width:390px){.bandwidth-dashboard73 .traffic-chart{height:290px}.bandwidth-chart-wrap73{min-height:310px}}