:root{color-scheme:light;--bg:#f7f8f5;--paper:#fff;--ink:#1e3029;--muted:#69766f;--line:#dce2dc;--green:#287158;--dark:#182d25;--soft:#e6eee7;--danger:#923e31;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #80a994;outline-offset:3px}button{transition:background .16s ease,opacity .16s ease}button:hover{filter:brightness(.96)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:32px;font-weight:600;letter-spacing:-1px;margin:10px 0}h2{font-size:19px;letter-spacing:-.4px}h3{font-size:15px;margin:26px 0 10px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px}.muted{color:var(--muted);font-size:12px;line-height:1.7}.workspace{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:100svh}.sidebar{background:var(--dark);color:#eff6ef;padding:32px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100svh}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:25px;font-weight:650;letter-spacing:-1px}.brand-mark{font-size:19px;border:1px solid currentColor;width:29px;height:31px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px 0 8px 0}.sidebar>.eyebrow{color:#9bb1a4;margin:46px 12px 15px}.nav-item{width:100%;background:none;color:#a8bcb0;border:0;padding:14px 12px;text-align:left;border-radius:5px;margin-bottom:4px;display:flex;justify-content:space-between}.nav-item.selected{background:#30483c;color:white}.sidebar-bottom{margin-top:auto;font-size:11px;color:#afc1b5;padding:16px 12px 0}.status-dot{display:inline-block;width:6px;height:6px;background:#9cbea7;border-radius:50%;margin-right:5px}.logout{display:block;background:none;color:#bbc9c0;border:0;padding:22px 0 0;font-size:12px}main{padding:39px clamp(24px,4vw,64px) 0;min-width:0;max-width:1660px;width:100%;margin:auto}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:35px}.secondary,.primary{border:1px solid var(--line);border-radius:5px;padding:10px 16px;min-height:40px;background:var(--paper);color:var(--ink);white-space:nowrap}.primary{background:var(--green);color:white;border-color:var(--green)}.secondary span{margin-left:10px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 0 32px;border-bottom:1px solid var(--line);gap:24px}.metrics>div{display:flex;flex-direction:column;gap:9px}.metrics span{font-size:12px;color:var(--muted)}.metrics strong{font-size:29px;letter-spacing:-1px;font-weight:550;font-variant-numeric:tabular-nums}.metrics #rate{font-size:20px;min-height:35px;display:flex;align-items:center}.metrics small{font-size:10px;color:var(--muted);line-height:1.5}.traffic-section{padding:28px 0 25px;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.section-heading .muted{margin-top:6px}.window-label{font-size:11px;color:var(--muted);display:flex;gap:10px;align-items:center;white-space:nowrap}select,input{border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);padding:9px 11px;min-height:39px;max-width:100%}select{font-size:12px}.chart-legend{display:flex;gap:22px;font-size:10px;color:var(--muted);margin-bottom:5px}.legend-down:before,.legend-up:before{content:"";display:inline-block;width:15px;height:2px;vertical-align:middle;background:var(--green);margin-right:7px}.legend-up:before{background:#a1aba4}#chart-unit{margin-left:auto}.chart{height:215px;position:relative}.chart svg{width:100%;height:100%;overflow:visible}.chart text{font-size:10px;fill:var(--muted);font-family:inherit}.chart .grid{stroke:var(--line);stroke-width:1}.chart .down{stroke:var(--green);fill:none;stroke-width:2}.chart .up{stroke:#89978e;fill:none;stroke-width:1.6}.chart .partial{stroke-dasharray:3 3}.chart-empty{position:absolute;inset:0;display:grid;place-content:center;color:var(--muted);font-size:13px}.chart-note{font-size:10px;color:var(--muted);line-height:1.7;margin-top:7px;max-width:790px}.subscriptions{padding-top:28px}.search-label input{width:210px;font-size:12px;background:transparent}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}th{font-size:10px;color:var(--muted);font-weight:500;padding:11px 12px;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid #e8ece6;font-variant-numeric:tabular-nums}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}tbody tr{transition:background .16s}tbody tr:hover{background:#edf1eb}.device-button{border:0;background:none;padding:4px 0;text-align:left;color:var(--ink);min-height:35px;max-width:220px;white-space:normal;overflow-wrap:anywhere;display:block}.device-button strong{font-size:13px;font-weight:550;display:block}.device-button small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.state{font-size:10px;color:var(--green);display:inline-flex;gap:5px;align-items:center}.state:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.state.inactive{color:#8b8e85}.state.pending{color:#996d27}.notice{background:#f2ece0;color:#6e572b;border-left:2px solid #b49d62;padding:12px 15px;font-size:12px;margin:-10px 0 25px;line-height:1.7}.error{color:var(--danger);line-height:1.6;font-size:12px;min-height:20px;animation:reveal .2s}.health-list{display:grid;grid-template-columns:1fr 1fr;margin:30px 0 40px;gap:0 40px}.health-list>div,.detail-list>div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:17px 0;font-size:12px}.health-list dt,.detail-list dt{color:var(--muted)}dd{margin:0;text-align:right;overflow-wrap:anywhere}.audit-heading{margin-bottom:20px}footer{padding:35px 0 22px;color:var(--muted);font-size:10px;display:flex;justify-content:space-between;gap:10px}.detail{position:fixed;inset:0 0 0 auto;margin:0;height:100svh;max-height:100svh;width:435px;max-width:100%;border:0;border-left:1px solid var(--line);padding:30px;background:var(--bg);color:var(--ink);overflow-y:auto;animation:drawer .18s ease}.detail::backdrop{background:#13291e38}.detail-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.icon-button{font-size:25px;border:0;background:none;color:var(--muted);width:35px;height:35px}.detail h2{font-size:27px;overflow-wrap:anywhere}.detail #detail-owner{margin-top:8px}.detail-list{margin:20px 0}.sources{padding-left:18px;font-size:12px;line-height:1.8;overflow-wrap:anywhere;margin:16px 0 30px}.sources small{display:block;color:var(--muted)}.login-shell{min-height:100svh;padding:40px 5vw;display:flex;flex-direction:column}.login-brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:600;letter-spacing:-1px}.login-brand .eyebrow{margin-left:auto;color:var(--muted);font-size:9px;letter-spacing:1.5px}.login-shell form{width:360px;max-width:100%;margin:auto; padding:70px 0}.login-shell form>label{display:block;font-size:12px;margin-top:30px;margin-bottom:10px}.login-shell input{width:100%;height:48px}.login-shell .primary{margin-top:20px;width:100%;display:flex;justify-content:space-between}.login-shell .error{margin-top:16px}.login-foot{font-size:9px;letter-spacing:2px;color:var(--muted)}.boot{min-height:100svh;display:grid;place-items:center;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes drawer{from{transform:translateX(24px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes reveal{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.chart{height:260px}}
@media(max-width:1100px){.workspace{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding:28px 14px}main{padding:32px 26px 0}.metrics{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:25px}.metrics strong{font-size:28px}.metrics #rate{font-size:23px}.chart{height:210px}}
@media(max-width:700px){.workspace{display:block}.sidebar{height:auto;position:static;display:grid;grid-template-columns:1fr auto;gap:22px 14px;padding:21px 20px 0}.brand{font-size:23px}.sidebar>.eyebrow{display:none}.sidebar nav{grid-column:1/-1;grid-row:2;display:flex;gap:10px}.nav-item{font-size:12px;padding:12px 14px;margin:0;border-radius:5px 5px 0;gap:20px;width:auto}.sidebar-bottom{grid-row:1;grid-column:2;margin:0;padding:0;align-self:center;font-size:0}.status-dot{display:none}.logout{font-size:11px;padding:10px 0}main{padding:27px 20px 0}.page-header{margin-bottom:28px}h1{font-size:28px}.page-header .secondary{font-size:11px;padding:8px 12px}.metrics{gap:25px 15px}.metrics strong{font-size:25px}.metrics #rate{font-size:16px;min-height:30px}.metrics small{font-size:9px}.section-heading{align-items:flex-start}.section-heading h2{font-size:18px}.window-label{font-size:0;gap:0}select{max-width:136px;font-size:11px}.chart{height:190px}.chart text{font-size:10px}.chart-note{font-size:9px}.subscriptions .section-heading{display:block}.search-label input{margin-top:12px;width:100%}table{font-size:11px}th,td{padding:12px 10px}#devices td:nth-child(4),#devices td:nth-child(5),#devices td:nth-child(6),.subscriptions th:nth-child(4),.subscriptions th:nth-child(5),.subscriptions th:nth-child(6){display:none}.device-button{max-width:125px}.device-button strong{font-size:12px}.state{font-size:9px}.health-list{grid-template-columns:1fr}footer{font-size:9px;flex-direction:column;gap:6px}.detail{padding:24px}.login-brand .eyebrow{display:none}.login-shell{padding:30px 24px}.login-shell h1{font-size:29px}.notice{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.header-actions,.subscription-actions{display:flex;gap:10px;align-items:center}.subscription-actions .primary{font-size:12px;min-height:39px}.detail-actions{border-top:1px solid var(--line);margin-top:28px}.export-actions,.lifecycle-actions{display:flex;gap:10px;margin-top:14px}.lifecycle-actions{border-top:1px solid var(--line);padding-top:24px;margin-top:18px}.danger{color:var(--danger)}.manage-dialog{border:1px solid var(--line);border-radius:8px;padding:30px;width:440px;max-width:calc(100% - 28px);max-height:calc(100svh - 28px);background:var(--bg);color:var(--ink);animation:reveal .18s ease}.manage-dialog::backdrop{background:#13291e60}.manage-dialog h2{font-size:23px;margin-bottom:12px}.manage-dialog label{display:block;font-size:12px;margin:20px 0 9px}.manage-dialog input,.manage-dialog select{width:100%;min-height:42px}.manage-dialog small{display:block;margin-top:8px}.manage-target{font-size:15px;margin:22px 0 12px;overflow-wrap:anywhere}.manage-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.manage-dialog .error{margin:12px 0 0}.manage-dialog #manage-status{font-size:13px;line-height:1.7}.operation-reference{font-size:10px;color:var(--muted);line-height:1.7;overflow-wrap:anywhere;margin-top:18px}.manage-dialog textarea{width:100%;background:white;border:1px solid var(--line);border-radius:5px;padding:12px;font:11px/1.7 ui-monospace,monospace;resize:vertical;color:var(--ink);margin-bottom:16px;box-sizing:border-box}.manage-dialog #copy-status{margin-top:10px}@media(max-width:700px){.header-actions{flex-direction:column;align-items:flex-end}.header-actions .secondary{font-size:10px}.subscription-actions{margin-top:16px;flex-wrap:wrap}.subscription-actions .search-label{width:100%}.search-label input{margin-top:0}.manage-dialog{padding:22px}.export-actions select{min-width:0}}