:root{--text:#3f3f46;--text-h:#18181b;--bg:#fff;--bg-muted:#f8f8fa;--border:#e5e4e7;--status-online:#22c55e;--status-offline:#9ca3af;--status-stale:#f59e0b;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#d4d4d8;--text-h:#f4f4f5;--bg:#16171d;--bg-muted:#1f2028;--border:#2e303a}}*{box-sizing:border-box}body{margin:0}#root{max-width:960px;margin:0 auto;padding:16px}.app-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:8px;padding-bottom:16px;display:flex}.app-header-logo{flex-shrink:0;position:relative;overflow:hidden}.app-header-logo img{position:absolute;top:0;left:0}.app-header-title{color:var(--text-h);font-size:18px;font-weight:600}h1{color:var(--text-h);margin:8px 0 16px;font-size:28px}h2{color:var(--text-h);margin:24px 0 8px;font-size:18px}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:6px 12px}button:disabled{opacity:.4;cursor:default}select,input[type=search]{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:6px 10px}.back-link{color:var(--text);font-size:14px;text-decoration:none}.loading{color:var(--status-offline);padding:24px 0}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px;display:grid}.summary-card{border:1px solid var(--border);background:var(--bg-muted);border-radius:8px;padding:12px 16px}.summary-card-value{color:var(--text-h);font-size:24px;font-weight:600}.summary-card-label{color:var(--text);opacity:.75;font-size:13px}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.filter-search{flex:1;min-width:160px}.status-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.status-dot--online{background:var(--status-online)}.status-dot--offline{background:var(--status-offline)}.status-dot--stale{background:var(--status-stale)}.device-table{border-collapse:collapse;width:100%;font-size:14px}.device-table th{text-align:left;color:var(--text);opacity:.7;border-bottom:1px solid var(--border);padding:6px 8px;font-weight:500}.device-row{cursor:pointer}.device-row td{border-bottom:1px solid var(--border);padding:8px}.device-row:hover{background:var(--bg-muted)}.device-id-cell{color:var(--text-h);font-weight:500}.device-table-empty,.app-ranking-empty{text-align:center;opacity:.7;padding:24px 0}.mini-bar-cell{align-items:center;gap:8px;display:flex}.mini-bar-track{background:var(--border);border-radius:3px;flex:1;min-width:60px;height:6px}.mini-bar-fill{background:#2a78d6;border-radius:3px;height:100%}.mini-bar-label{white-space:nowrap;opacity:.8;font-size:12px}.pagination{justify-content:center;align-items:center;gap:12px;margin-top:12px;display:flex}.pagination-page{font-size:14px}.tab-bar{border-bottom:1px solid var(--border);gap:4px;margin-bottom:12px;display:flex}.tab-button{opacity:.7;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:8px 12px}.tab-button--active{opacity:1;color:#2a78d6;border-bottom-color:#2a78d6;font-weight:600}.usage-chart{height:280px;margin-bottom:16px}.usage-chart-empty{opacity:.7;justify-content:center;align-items:center;display:flex}.usage-chart--scrollable{overflow:auto hidden}.usage-chart-inner{height:100%}.app-ranking-legend{opacity:.8;gap:16px;margin-bottom:6px;font-size:12px;display:flex}.app-ranking-legend-item{align-items:center;gap:6px;display:flex}.app-ranking-legend-swatch{border-radius:2px;width:10px;height:10px}.app-ranking-legend-swatch--single{background:#2a78d6}.app-ranking-legend-swatch--multi{background:#185fa5}.app-ranking-list{margin:0;padding:0;list-style:none}.app-ranking-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 4px;font-size:14px;display:flex}.app-ranking-rank{text-align:right;opacity:.6;width:20px}.app-ranking-name{min-width:90px}.app-ranking-bars{flex-direction:column;flex:1;gap:4px;min-width:80px;display:flex}.app-ranking-bar-row{align-items:center;gap:8px;display:flex}.app-ranking-bar-track{background:var(--border);border-radius:3px;flex:1;min-width:60px;height:6px;overflow:hidden}.app-ranking-bar-fill{border-radius:3px;height:100%;display:block}.app-ranking-bar-fill--single{background:#2a78d6}.app-ranking-bar-fill--multi{background:#185fa5}.app-ranking-bar-value{text-align:right;opacity:.8;white-space:nowrap;width:56px;font-size:12px}.app-ranking-total{text-align:right;white-space:nowrap;width:70px}.interval-detail{margin-top:16px}.interval-detail-toggle{text-align:left;width:100%}.interval-detail-body{margin-top:8px;font-size:13px}.interval-detail-group{border-bottom:1px solid var(--border);padding:6px 0}.interval-detail-time{margin-bottom:4px;font-weight:600}.interval-detail-group ul{margin:0;padding-left:20px}.mock-data-description{opacity:.75;margin-bottom:16px}.mock-data-result{border:1px solid var(--border);background:var(--bg-muted);border-radius:8px;margin-bottom:16px;padding:16px}.mock-data-result--error{border-color:var(--status-stale)}.mock-data-devices{opacity:.8;font-size:13px}.mock-data-actions{align-items:center;gap:16px;display:flex}