:root{color-scheme:light;--ink:#102a2a;--muted:#687a77;--green:#087f5b;--line:#dbe7e3;--paper:#fff;--bg:#f3f7f5}*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}button,input{font:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:42px 0 64px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}.eyebrow{color:var(--green);font-size:12px;font-weight:800;letter-spacing:.16em;margin:0 0 8px}h1{font-size:clamp(30px,5vw,50px);letter-spacing:-.04em;margin:0}.subtitle{color:var(--muted);margin:8px 0 0}.filters{background:var(--paper);border:1px solid var(--line);border-radius:16px;display:flex;gap:12px;align-items:flex-end;padding:14px;box-shadow:0 12px 30px rgba(31,74,63,.07)}.filters label{color:var(--muted);display:grid;font-size:12px;font-weight:700;grid-gap:6px;gap:6px;text-transform:uppercase}.filters input{border:1px solid var(--line);border-radius:9px;color:var(--ink);padding:10px}.filters button{border:0;border-radius:9px;background:var(--green);color:#fff;cursor:pointer;font-weight:800;padding:11px 18px}.filters button:disabled{cursor:not-allowed;opacity:.55}.banner{border-radius:10px;margin-bottom:18px;padding:12px 15px}.error{background:#fff0f0;color:#b42318}.totals{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:20px}.metric{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px}.metric span{color:var(--muted);display:block;font-size:13px;font-weight:700;margin-bottom:14px;text-transform:uppercase}.metric strong{display:block;font-size:clamp(23px,3vw,34px);letter-spacing:-.03em}.tableCard{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden}.tableTitle{display:flex;justify-content:space-between;align-items:center;padding:21px 24px;border-bottom:1px solid var(--line)}.tableTitle h2{font-size:18px;margin:0}.tableTitle span{color:var(--muted);font-size:13px}.tableWrap{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--line);padding:18px 24px;text-align:right;white-space:nowrap}td:first-child,th:first-child{text-align:left}th{color:var(--muted);font-size:12px;letter-spacing:.07em;text-transform:uppercase}tbody tr:last-child td{border-bottom:0}.area{font-weight:800}.positive{color:var(--green)}.negative{color:#c92a2a!important}.status{border-radius:999px;display:inline-block;font-size:12px;font-weight:700;max-width:250px;overflow:hidden;padding:5px 9px;text-overflow:ellipsis}.online{background:#def7ec;color:#087f5b}.offline{background:#fff0f0;color:#b42318}.empty{color:var(--muted);padding:40px;text-align:center!important}@media (max-width:850px){.topbar{flex-direction:column}.filters,.topbar{align-items:stretch}.filters{display:grid;grid-template-columns:1fr 1fr}.filters button{grid-column:1/-1}.totals{grid-template-columns:1fr}}@media (max-width:700px){.shell{width:min(100% - 16px,1180px);padding:16px 0 32px}.topbar{gap:12px;margin-bottom:14px}.eyebrow{font-size:10px;margin-bottom:4px}h1{font-size:27px}.subtitle{font-size:13px;margin-top:4px}.filters{gap:6px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;padding:8px}.filters label{font-size:10px;min-width:0}.filters button{grid-column:auto;min-height:40px;padding:8px 10px;white-space:nowrap}.filters input{font-size:12px;min-height:40px;min-width:0;padding:6px 4px;width:100%}.totals{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.metric{border-radius:12px;min-width:0;padding:11px 8px}.metric span{font-size:9px;margin-bottom:6px}.metric strong{font-size:clamp(13px,4vw,20px);overflow-wrap:anywhere}.tableCard{background:transparent;border:0;overflow:visible}.tableTitle{align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:11px;flex-direction:row;gap:8px;margin-bottom:6px;padding:10px 12px}.tableTitle h2{font-size:15px}.tableTitle span{font-size:11px;margin-left:auto}.tableWrap{overflow:visible}table,tbody{display:block}thead{display:none}tbody{display:grid;grid-gap:6px;gap:6px}tbody tr{background:var(--paper);border:1px solid var(--line);border-radius:11px;display:grid;overflow:hidden;padding:3px 12px}tbody td,tbody td:first-child{align-items:center;border-bottom:1px solid var(--line);display:flex;font-size:12px;justify-content:space-between;min-width:0;padding:7px 0;text-align:right;white-space:normal}tbody td:before{color:var(--muted);content:attr(data-label);flex:0 0 auto;font-size:9px;font-weight:800;letter-spacing:.05em;margin-right:12px;text-transform:uppercase}tbody td.area{font-size:14px}tbody td:last-child{border-bottom:0}.status{font-size:10px;max-width:58vw;padding:3px 7px}.empty{display:block;padding:30px 12px;text-align:center!important}.empty:before{display:none}}