:root{color-scheme:light dark;--bg:#f7f7f8;--surface:#fff;--text:#202124;--muted:#62646c;--line:#dddde1;--control:#e9e9ed;--blue:#2768cb;--green:#277544;--warn:#925000;--red:#b52a36;--soft-warn:#fff5e6;--soft-red:#fff0f1;--series2:#7b8598;--series3:#806ead;--series4:#34877b;font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
@media(prefers-color-scheme:dark){:root{--bg:#222326;--surface:#2b2c30;--text:#f1f1f2;--muted:#b0b1b8;--line:#424348;--control:#36373c;--blue:#83b1f5;--green:#8bcda0;--warn:#ecc18c;--red:#ffa0a9;--soft-warn:#383026;--soft-red:#3c2b2f;--series2:#9ba3b2;--series3:#bca9e9;--series4:#83c9bc}}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,input,select,textarea,a{-webkit-app-region:no-drag}button{border:1px solid transparent;background:none;padding:7px 10px;border-radius:6px;cursor:pointer;min-height:32px;font-weight:500}button:hover{background:var(--control)}button:active{opacity:.75}button:disabled{opacity:.55;cursor:default}button:disabled:hover{background:inherit}button.primary{background:var(--text);color:var(--surface)}button.primary:hover{opacity:.85}button.bordered{border-color:var(--line);background:var(--surface)}button.danger{color:var(--red)}button[aria-pressed=true]{background:var(--surface);box-shadow:0 1px 3px #0002}a{color:var(--blue);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}::selection{background:var(--blue);color:var(--surface)}input,textarea{caret-color:var(--blue)}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:21px;font-weight:600;letter-spacing:-.4px;line-height:1.3}h2{font-size:15px;font-weight:600;line-height:1.4}h3{font-size:13px;font-weight:600}p{max-width:72ch}svg.icon{width:17px;height:17px;flex-shrink:0;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:7px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:99;left:12px;top:-60px;padding:8px 12px;background:var(--surface)}.skip-link:focus{top:8px}.muted{color:var(--muted)}.small{font-size:11px}.num{font-variant-numeric:tabular-nums}.good{color:var(--green)}.warning{color:var(--warn)}.danger{color:var(--red)}.row{display:flex;justify-content:space-between;align-items:center;gap:14px}.inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.grow{flex:1;min-width:0}.space{margin-top:20px}.top-gap{margin-top:10px}.boot{max-width:440px;padding:32px;margin:60px auto}.boot p{margin-top:10px;color:var(--muted)}.titlebar{height:53px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:var(--surface);padding:8px 18px;-webkit-app-region:drag}.app-name{font-size:13px;font-weight:600;display:flex;align-items:center;gap:9px}.app-mark{width:18px;height:18px;color:var(--muted)}.shell{display:grid;grid-template-columns:174px minmax(0,1fr);min-height:calc(100vh - 53px)}.rail{padding:20px 10px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px;background:var(--bg)}.rail button{display:flex;align-items:center;gap:10px;text-align:left;width:100%;font-weight:400}.rail button[aria-current=page]{background:var(--control);font-weight:600}.rail .rail-note{padding:24px 10px 4px;margin-top:auto;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.rail .divider{border-top:1px solid var(--line);margin:10px 8px}.main{padding:28px 32px;max-width:1300px;width:100%;min-width:0;margin:0 auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.page-heading p{font-size:12px;color:var(--muted);margin-top:4px}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 6px}.filter{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}select,input,textarea{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:7px 9px;min-height:33px;max-width:100%}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input:not([type=checkbox]),select,textarea{min-width:0}textarea{resize:vertical}input[type=checkbox]{accent-color:var(--blue);width:16px;height:16px;min-height:0;margin:0}.custom-range{display:flex;gap:8px;flex-wrap:wrap;align-items:end;width:100%;margin-top:5px}.notice{font-size:12px;color:var(--warn);background:var(--soft-warn);padding:10px 12px;border-radius:6px;margin:12px 0;overflow-wrap:anywhere}.notice.error{background:var(--soft-red);color:var(--red)}.notice p+p{margin-top:5px}.notice button{padding:3px 7px;min-height:25px}.summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.stat{font-size:30px;font-weight:600;line-height:1.3;letter-spacing:-.7px;margin:4px 0;font-variant-numeric:tabular-nums}.summary .caption{font-size:12px;color:var(--muted)}.summary .subline{font-size:11px;color:var(--muted);margin-top:4px}.section{padding:22px 0;border-bottom:1px solid var(--line)}.section:last-child{border-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:center;gap:14px}.section-header p{font-size:11px;color:var(--muted);margin-top:3px}.ledger{margin:10px 0 0}.ledger-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line)}.ledger-row:last-child{border-bottom:0}.ledger-row>span:last-child{text-align:right;font-variant-numeric:tabular-nums}.quota{padding:18px 0;border-bottom:1px solid var(--line)}.quota:last-child{border:0}.quota-account{overflow-wrap:anywhere}.limit{margin-top:14px}.limit .row{font-size:12px}.bar{height:6px;border-radius:4px;background:var(--control);overflow:hidden;margin:7px 0 5px}.bar-fill{height:100%;background:var(--blue);border-radius:4px}.bar-fill.high{background:var(--warn)}.bar-fill.critical{background:var(--red)}.empty{padding:25px 0;color:var(--muted)}.empty h2{color:var(--text);margin-bottom:6px}.empty p{font-size:12px}.empty button{margin-top:12px}.table-wrap{overflow:auto;margin-top:10px}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}caption{padding:0;text-align:left}th{font-size:11px;color:var(--muted);font-weight:500;padding:9px 10px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:top;max-width:300px;overflow-wrap:anywhere}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}th.numeric,td.numeric{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tbody tr:hover{background:var(--control)}td small{display:block;color:var(--muted);font-size:11px;margin-top:3px}th button{font:inherit;padding:0 3px;min-height:24px;color:inherit;white-space:nowrap}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;font-size:12px}.search{max-width:270px;width:100%}.chart-scroll{overflow-x:auto;margin-top:14px}.chart{display:flex;align-items:stretch;gap:8px;min-width:100%;height:180px;border-bottom:1px solid var(--line);padding:5px 2px 0}.chart-column{min-width:22px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;background:none;padding:0 0 6px;border-radius:3px;position:relative;font-weight:400;min-height:0}.chart-column:hover,.chart-column:focus-visible{background:var(--control)}.chart-stack{width:70%;max-width:40px;display:flex;flex-direction:column-reverse;border-radius:3px 3px 0 0;overflow:hidden;min-height:1px;flex-shrink:0}.chart-stack span{width:100%;background:var(--blue)}.chart-label{font-size:10px;color:var(--muted);white-space:nowrap}.chart-value{font-size:10px;color:var(--muted);white-space:nowrap}.chart-detail{min-height:24px;font-size:11px;color:var(--muted);padding-top:10px}.legend{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin-top:8px}.swatch{width:7px;height:7px;border-radius:2px;display:inline-block;margin-right:5px}.device-item{padding:20px 0;border-bottom:1px solid var(--line)}.device-item h2{display:flex;align-items:center;gap:9px;font-size:13px}.device-item .meta{font-size:11px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.device-item .device-total{margin-top:15px;font-size:12px}.explanation{font-size:12px;color:var(--muted);margin-top:18px;max-width:72ch}.form-section{padding:22px 0;border-bottom:1px solid var(--line)}.form-section h2{margin-bottom:5px}.form-section>p{font-size:12px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin-top:17px;max-width:780px}.field{display:flex;flex-direction:column;gap:5px;font-size:12px}.field input,.field select,.field textarea{width:100%}.field small{color:var(--muted);font-size:11px}.field.wide{grid-column:1/-1}.toggle-row{display:flex;align-items:center;gap:9px;margin:12px 0;font-size:12px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:18px}.sticky-actions{position:sticky;bottom:0;background:var(--bg);border-top:1px solid var(--line);padding:14px 0;margin-top:24px}.editor-row{margin:16px 0;padding:14px 0;border-bottom:1px solid var(--line)}.editor-row .form-grid{margin-top:10px}.editor-row .row-label{font-size:12px;font-weight:600}.settings-note{font-size:11px;color:var(--muted)}.code-result{margin-top:15px;border:1px solid var(--line);padding:14px;border-radius:6px}.code-result code{font-size:20px;letter-spacing:2px;overflow-wrap:anywhere}.compact{max-width:480px;margin:auto;min-height:100vh;background:var(--bg)}.compact .compact-head{padding:15px 18px}.compact .app-name{font-size:13px}.compact .section,.compact .summary{padding:17px 18px}.compact .summary{gap:22px}.compact .stat{font-size:26px}.compact .quota{padding:0 0 18px;margin-bottom:17px}.compact .quota:last-child{margin-bottom:0;padding-bottom:0}.compact .section-header h2{font-size:12px}.compact .filters{margin:13px 0 0}.compact .filter{flex:1}.compact .filter select{width:100%}.compact .notice{margin:0 18px 12px}.compact .device-mini{padding:7px 0;font-size:11px}.compact .footer{border-top:1px solid var(--line);padding:8px;display:flex;justify-content:space-between;align-items:center;gap:5px}.compact .compact-utils{display:flex;gap:2px}.compact .summary .caption{font-size:11px}.segments{display:flex;background:var(--control);padding:3px;gap:2px;border-radius:8px}.segments button{flex:1;padding:4px 9px;min-height:28px;font-size:12px}.login{padding:34px;max-width:440px;margin:8vh auto}.login p{color:var(--muted);font-size:12px;margin:12px 0 22px}.login form{display:grid;gap:16px}.login .notice{margin:0}dialog{border:1px solid var(--line);border-radius:12px;padding:24px;color:var(--text);background:var(--surface);max-width:440px;width:calc(100% - 32px);box-shadow:0 16px 50px #0004}dialog::backdrop{background:#0005}dialog p{margin-top:12px;font-size:13px;color:var(--muted)}dialog .actions{justify-content:flex-end}#toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--text);color:var(--surface);border-radius:8px;padding:11px 16px;box-shadow:0 5px 20px #0002;z-index:100;max-width:calc(100% - 28px);font-size:12px}.loading-line{height:2px;background:var(--line);position:fixed;top:0;left:0;right:0;z-index:101;overflow:hidden}.loading-line::after{content:"";position:absolute;width:30%;height:100%;background:var(--blue);animation:loading 1.2s ease-in-out infinite}@keyframes loading{from{left:-30%}to{left:100%}}@media(prefers-reduced-motion:reduce){.loading-line::after{animation:none;width:100%;opacity:.5}}
@media(min-width:1600px){.main{padding-right:48px;padding-left:48px}}
@media(max-width:760px){.shell{grid-template-columns:1fr}.rail{flex-direction:row;flex-wrap:wrap;padding:8px;border-right:0;border-bottom:1px solid var(--line);gap:3px}.rail button{width:auto;min-height:34px;font-size:12px}.rail .rail-note,.rail .divider{display:none}.main{padding:22px 18px}.titlebar{padding:8px 12px}.titlebar .sync-label{display:none}.page-heading{flex-wrap:wrap}.summary{gap:15px}.form-grid{gap:14px}.stat{font-size:28px}}
@media(max-width:430px){.form-grid{grid-template-columns:1fr}.row{gap:10px}.titlebar{gap:5px}.titlebar button{padding:6px}.filter{flex:1}.filter select{width:100%}.filters{align-items:stretch}.filter{flex-direction:column;align-items:stretch}.compact .filter{flex-direction:row}.main{padding:20px 15px}.summary .stat{font-size:26px}.section-header{align-items:flex-start;flex-wrap:wrap}.compact .footer button{font-size:12px}.chart-value{display:none}.device-item .row{align-items:flex-start;flex-wrap:wrap}}
@media(pointer:coarse){button,select,input:not([type=checkbox]){min-height:42px}.chart-column{min-height:0}.segments button{min-height:38px}}

.segments button{white-space:nowrap}.compact .footer>button{display:inline-flex;align-items:center;gap:5px}.compact .empty{padding:20px 18px}.compact .section .empty{padding:8px 0}
