:root{color-scheme:light;--navy:#071a3c;--blue:#145ee8;--gold:#f5b819;--red:#dc1736;--ink:#13213a;--muted:#718096;--line:#e4e9f2;--paper:#fff;--bg:#f3f6fb}*{box-sizing:border-box}body,html{margin:0;min-height:100%;padding:0}body{background:radial-gradient(circle at 90% 5%,#e7efff 0,transparent 27%),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.shell{margin:0 auto;max-width:1260px;padding:24px 28px 48px;width:100%}.hero{align-items:center;background:linear-gradient(118deg,#061938,#0b285a 72%,#123d7a);border:1px solid hsla(0,0%,100%,.08);border-radius:24px;box-shadow:0 22px 50px rgba(4,20,51,.18);display:flex;justify-content:space-between;min-height:180px;overflow:hidden;padding:22px 32px;position:relative}.hero:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.05));content:"";height:240px;position:absolute;right:7%;top:-42px;transform:skewX(-24deg);width:135px}.brandBlock{align-items:center;display:flex;min-width:0;position:relative;z-index:1}.brandLogo{display:block;height:auto;max-height:130px;max-width:min(760px,72vw);object-fit:contain;object-position:left center;width:auto}.brandCopy{border-left:1px solid hsla(0,0%,100%,.22);margin-left:24px;padding-left:24px;white-space:nowrap}.eyebrow{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.2em;margin:0 0 7px}.subtitle{color:#d4def0;font-size:13px;margin:0}.networkBadge{align-items:center;background:hsla(0,0%,100%,.09);border:1px solid hsla(0,0%,100%,.15);border-radius:999px;color:#dce7fb;display:flex;font-size:12px;gap:9px;padding:10px 14px;position:relative;white-space:nowrap;z-index:2}.networkBadge strong{color:#fff}.pulse{background:#8390a5;border-radius:50%;height:8px;width:8px}.pulse.live{background:#36d399;box-shadow:0 0 0 5px rgba(54,211,153,.12)}.controlBar{align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:17px;box-shadow:0 12px 32px rgba(28,45,77,.07);display:flex;justify-content:space-between;margin:18px 0;padding:14px 16px 14px 20px}.periodCopy{display:grid;grid-gap:3px;gap:3px}.periodCopy span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.periodCopy strong{font-size:15px}.filters{align-items:flex-end;display:flex;gap:9px}.filters label{color:var(--muted);display:grid;font-size:9px;font-weight:800;grid-gap:4px;gap:4px;letter-spacing:.08em;text-transform:uppercase}.filters input{background:#f8faff;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:38px;padding:7px 9px}.filters button{align-items:center;background:var(--blue);border:0;border-radius:9px;box-shadow:0 8px 18px rgba(20,94,232,.2);color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:800;gap:7px;min-height:38px;padding:8px 15px}.filters button:disabled{cursor:not-allowed;opacity:.58}.refreshIcon,.spinner{font-size:18px;line-height:0}.spinner{animation:spin 1s linear infinite}.banner{align-items:flex-start;border-radius:12px;display:flex;flex-direction:column;font-size:13px;gap:3px;margin-bottom:18px;padding:12px 16px}.error{background:#fff0f2;border:1px solid #ffd7dd;color:#a60f28}.totals{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:18px}.metric{background:var(--paper);border:1px solid var(--line);border-radius:17px;box-shadow:0 10px 26px rgba(31,47,79,.05);min-width:0;overflow:hidden;padding:18px 20px 17px;position:relative}.metric:before{background:var(--tone);content:"";height:3px;left:0;position:absolute;right:0;top:0}.metric.blue{--tone:var(--blue)}.metric.red{--tone:var(--red)}.metric.gold{--tone:var(--gold)}.metricTop{gap:8px;margin-bottom:13px}.metricIcon,.metricTop{align-items:center;display:flex}.metricIcon{background:#edf3ff;border-radius:7px;color:var(--tone);font-size:14px;font-weight:900;height:28px;justify-content:center;width:28px}.metricLabel{color:#65738a;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.metric strong{display:block;font-size:clamp(23px,3vw,33px);letter-spacing:-.035em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric small{color:#99a3b3;display:block;font-size:11px;margin-top:7px}.tableCard{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 32px rgba(31,47,79,.06);overflow:hidden}.tableTitle{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:18px 22px}.sectionKicker{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.16em;margin:0 0 4px}.tableTitle h2{font-size:18px;margin:0}.legend{color:var(--muted);display:flex;font-size:10px;gap:15px}.legend span{align-items:center;display:flex;gap:5px}.dot{background:currentColor;border-radius:50%;display:inline-block;height:6px;width:6px}.onlineDot{color:#15996d}.offlineDot{color:#c5cad4}.tableWrap{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #edf0f5;padding:16px 22px;text-align:right;white-space:nowrap}td:first-child,th:first-child{text-align:left}th{background:#fafbfe;color:#8590a2;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .18s ease}tbody tr:hover{background:#fbfcff}.area{font-weight:800;gap:11px}.area,.areaMark{align-items:center;display:flex}.areaMark{background:#edf3ff;border-radius:8px;color:var(--blue);font-size:9px;height:32px;justify-content:center;width:32px}.area small{color:#9aa5b5;display:block;font-size:9px;font-weight:500;margin-top:2px}.positive{color:#087f5b;font-weight:800}.negative{color:#c92a43!important}.status{align-items:center;border-radius:999px;display:inline-flex;font-size:10px;font-weight:800;gap:6px;max-width:180px;overflow:hidden;padding:6px 9px;text-overflow:ellipsis}.status.online{background:#e7f8f2;color:#07815b}.status.offline{background:#fff0f2;color:#bb1832}.empty{color:var(--muted);padding:42px;text-align:center!important}.loader{animation:spin 1s linear infinite;border:2px solid #dbe4f3;border-top:2px solid var(--blue);border-radius:50%;display:inline-block;height:14px;margin-right:8px;vertical-align:-2px;width:14px}footer{color:#8c97a8;display:flex;font-size:10px;justify-content:space-between;padding:16px 4px 0}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:1000px){.hero{align-items:flex-start;flex-direction:column}.networkBadge{align-self:flex-end}.brandLogo{max-width:78vw}.brandCopy{display:none}}@media(max-width:760px){.shell{padding:10px 9px 28px}.hero{border-radius:16px;min-height:0;padding:16px}.brandLogo{max-height:100px;max-width:100%}.networkBadge{margin-top:4px}.controlBar{align-items:stretch;flex-direction:column;gap:12px;margin:10px 0;padding:12px}.filters{display:grid;grid-template-columns:1fr 1fr}.filters input{min-width:0;width:100%}.filters button{grid-column:1/-1;justify-content:center}.totals{gap:7px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px}.metric{border-radius:12px;padding:11px 9px}.metricTop{gap:5px;margin-bottom:8px}.metricIcon{flex:0 0 23px;font-size:11px;height:23px;width:23px}.metricLabel{font-size:8px;letter-spacing:.03em}.metric strong{font-size:clamp(13px,4vw,20px)}.metric small{font-size:8px;margin-top:4px}.tableCard{background:transparent;border:0;box-shadow:none;overflow:visible}.tableTitle{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:7px;padding:12px}.legend{display:none}.tableWrap{overflow:visible}table,tbody{display:block}thead{display:none}tbody{display:grid;grid-gap:7px;gap:7px}tbody tr{background:#fff;border:1px solid var(--line);border-radius:12px;display:grid;overflow:hidden;padding:3px 12px}tbody td,tbody td:first-child{align-items:center;border-bottom:1px solid #edf0f5;display:flex;font-size:12px;justify-content:space-between;min-width:0;padding:8px 0;text-align:right;white-space:normal}tbody td:before{color:#8d98aa;content:attr(data-label);flex:0 0 auto;font-size:8px;font-weight:900;letter-spacing:.08em;margin-right:12px;text-transform:uppercase}tbody td.area{font-size:13px;justify-content:flex-start}.area:before{display:none}.areaMark{flex:0 0 29px;height:29px;width:29px}tbody td:last-child{border-bottom:0}.status{font-size:9px}.empty{display:block!important;padding:35px 10px!important;text-align:center!important}.empty:before{display:none}footer{flex-direction:column;gap:3px;text-align:center}}@media(max-width:430px){.networkBadge{font-size:10px;padding:7px 10px}.totals{grid-template-columns:1fr}.metric{display:grid;grid-template-columns:1fr auto}.metricTop{grid-column:1/-1}.metric small{align-self:end;margin:0 0 3px 12px}.periodCopy strong{font-size:13px}}