:root{color:var(--ink);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f1f3f5;--panel:#fcfdfd;--panel-soft:#f8f9fa;--ink:#181a1d;--muted:#6d727b;--muted-soft:#8a9098;--ink-strong:#1c1c1e;--muted-icon:#8e8e93;--line:#a3a9b157;--line-strong:#767d876b;--inner-line:#ffffffe6;--surface-sunken:#e9ecefb8;--surface-hover:#eff1f3e0;--surface-raised:#ffffffeb;--surface-track:#e1e5e9b8;--surface-muted:#ffffffc2;--surface-panel:#fcfdfdf7;--highlight:#ffffffeb;--highlight-soft:#ffffffc2;--highlight-strong:#fff3;--hairline:#d1d1d673;--inset-shadow:#1c1c1e0b;--track-thumb:#aeb4bc;--solid-ink:#2c2f33;--on-solid:#fff;--solid-bg:var(--ink);--scrim:#23262a47;--scrim-strong:#141b268c;--green:#147a55;--green-soft:#dcefe6;--blue:#2563b8;--blue-soft:#e1ebf8;--cyan:#0d7188;--cyan-soft:#dceff2;--red:#bd3645;--red-soft:#fbe0e3;--amber:#a86608;--amber-soft:#f8eccb;--red-soft-translucent:#ffebedd1;--red-line:#c93c472e;--red-ink:#9f2933;--amber-soft-translucent:#faebcbb3;--blue-soft-translucent:#3267b21a;--neutral-ink:#959ba3;--radius-lg:24px;--shadow-lg:0 26px 60px -34px #141b2661, 0 1px 0 #ffffffe6 inset;--shadow-sm:0 14px 30px -24px #141b2670, 0 1px 0 #ffffffeb inset;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-emphasis:cubic-bezier(.16, 1, .3, 1);--duration-fast:.16s;--duration-base:.32s;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Noto Sans SC,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14171b;--panel:#1b1f25;--panel-soft:#20252c;--ink:#e6e9ed;--muted:#a4adb9;--muted-soft:#8b939f;--ink-strong:#f0f2f5;--muted-icon:#9aa1ab;--line:#a4adb938;--line-strong:#a4adb961;--inner-line:#ffffff12;--surface-sunken:#22272e;--surface-hover:#262c34;--surface-raised:#2b323a;--surface-track:#232830;--surface-muted:#242a32;--surface-panel:#1b1f25;--highlight:#ffffff12;--highlight-soft:#ffffff0d;--highlight-strong:#ffffff0f;--hairline:#a4adb933;--inset-shadow:#00000047;--track-thumb:#4a525c;--solid-ink:#dce4ef;--on-solid:#14171b;--solid-bg:#dce4ef;--scrim:#05080c9e;--scrim-strong:#05080cb8;--green:#6ecfa4;--green-soft:#1b3a2d;--blue:#7fa9f0;--blue-soft:#1e3452;--cyan:#6cc4d4;--cyan-soft:#1a3840;--red:#f08a94;--red-soft:#40242a;--amber:#eec07a;--amber-soft:#3d301c;--red-soft-translucent:#f08a9424;--red-line:#f08a9452;--red-ink:#f4a1a9;--amber-soft-translucent:#eec07a24;--blue-soft-translucent:#7fa9f024;--neutral-ink:#8b939f;--shadow-lg:0 26px 60px -34px #000000b8, 0 1px 0 #ffffff0f inset;--shadow-sm:0 14px 30px -24px #000000b3, 0 1px 0 #ffffff0f inset}[hidden]{display:none!important}html{background:var(--bg);scrollbar-gutter:stable;min-width:320px;min-height:100%}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}::selection{color:var(--on-solid);background:var(--solid-bg)}button,input,select,textarea{font:inherit}button{color:inherit}button,[role=button]{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:14px;font-size:3.15rem;font-weight:820;line-height:1.04}h2{letter-spacing:0;margin-bottom:0;font-size:1.8rem;line-height:1.15}h3{letter-spacing:0}.muted{color:var(--muted);line-height:1.6}.eyebrow{letter-spacing:0;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:10px;font-weight:800}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes stage-in{0%{transform:translateY(14px)}}@keyframes modal-in{0%{transform:translateY(18px)scale(.985)}}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)scale(.985)}}@keyframes scrim-in{0%{opacity:0}}@keyframes progress-in{0%{transform:scaleX(0)}}.badge{letter-spacing:0;text-transform:none;white-space:nowrap;border-radius:99px;align-items:center;gap:.3rem;margin-left:6px;padding:1px 7px;font-size:9px;font-weight:800;line-height:1.5;display:inline-flex}.badge-ok{background:var(--green-soft);color:var(--green)}.native-select{appearance:none;background-color:var(--surface-sunken);width:100%;min-height:52px;color:var(--ink);cursor:pointer;box-shadow:inset 0 1px 3px var(--inset-shadow), inset 0 0 0 1px var(--line), 0 1px 0 var(--surface-muted);transition:background-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f6670' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:17px;border:0;border-radius:12px;padding:0 34px 0 15px;font-size:15px}.native-select:hover{background-color:var(--surface-hover)}.native-select:focus{background-color:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--line-strong), 0 0 0 3px var(--blue-soft-translucent);outline:none}.settings-divider{border-top:1px solid var(--line);margin-top:30px;padding-top:26px}.settings-divider .section-title{margin-bottom:20px}.notification-action-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.confirm-strip{background:var(--red-soft-translucent);color:var(--red-ink);box-shadow:inset 0 0 0 1px var(--red-line);border-radius:11px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding:11px 14px;font-size:12px;display:flex}.device-list{gap:9px;display:grid}.device-actions{justify-content:flex-end;display:flex}.device-row{background:var(--surface-muted);border:1px solid var(--surface-muted);min-height:64px;box-shadow:0 0 0 1px var(--line);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 14px;padding:11px 14px;display:grid}.device-row__title{align-items:center;gap:8px;min-width:0;display:flex}.device-row__title b{font-size:13px;font-weight:700}.device-row>span:nth-child(2){color:var(--muted-soft);overflow-wrap:anywhere;grid-column:1;font-size:10px;line-height:1.5}.device-row>button{grid-area:1/2/span 2;place-self:center end}.settings-section .device-list{padding-bottom:8px}.settings-section .field .input-shell{width:100%}.account-editor__head small{font-variant-numeric:tabular-nums}.glass-card,.settings-panel,.chart-modal{background:var(--panel);border:1px solid var(--inner-line);box-shadow:0 0 0 1px var(--line), var(--shadow-lg)}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-lockup--center{justify-content:center}.brand-lockup b{letter-spacing:0;font-size:14px;font-weight:750;display:block}.brand-mark{width:42px;height:42px;color:var(--on-solid);background:var(--solid-bg);box-shadow:0 14px 24px -16px #000000b8, inset 0 1px 0 var(--highlight-strong);transition:transform var(--duration-base) var(--ease-emphasis), box-shadow var(--duration-base) ease;border-radius:12px;place-items:center;display:grid}.brand-lockup:hover .brand-mark{box-shadow:0 18px 28px -17px #000000c2, inset 0 1px 0 var(--highlight-strong);transform:translateY(-2px)rotate(-2deg)}.center-stage,.login-shell{grid-template-columns:minmax(320px,500px);place-content:center;place-items:center;gap:0;min-height:100vh;padding:32px;display:grid}.center-stage{align-content:center;gap:26px}.loading-glyph{width:26px;height:26px;color:var(--muted-soft)}.login-card-stack{width:min(100%,500px);animation:stage-in .7s var(--ease-out) both}.auth-card{border-radius:28px;width:min(100%,500px);padding:clamp(30px,5vw,54px)}.form-stack{grid-auto-rows:max-content;align-content:start;gap:20px;max-width:620px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:20px;display:grid}.field{min-width:0;position:relative}.field>label{letter-spacing:0;color:var(--muted);text-transform:uppercase;margin:0 0 9px 3px;font-size:10px;font-weight:800;display:block}.input-shell{background:var(--surface-sunken);min-height:52px;box-shadow:inset 0 1px 3px var(--inset-shadow), inset 0 0 0 1px var(--line), 0 1px 0 var(--surface-muted);transition:background var(--duration-fast) ease, box-shadow var(--duration-fast) ease, transform var(--duration-fast) ease;border-radius:12px;align-items:center;gap:10px;padding:0 15px;display:flex}.input-shell:hover{background:var(--surface-hover)}.input-shell:focus-within{background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--line-strong), 0 0 0 3px var(--blue-soft-translucent)}.input-shell>svg{color:var(--muted-soft);flex:none}.input-shell input,.input-shell textarea{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.input-shell input::placeholder,.input-shell textarea::placeholder{color:var(--neutral-ink)}.input-shell input{height:50px}.input-shell textarea{resize:vertical;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;border-radius:0 6px 6px 0;min-height:80px;margin:6px 0;padding:8px 9px 8px 0}.input-shell textarea::-webkit-scrollbar{width:8px}.input-shell textarea::-webkit-scrollbar-thumb{background:var(--track-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:99px}.input-shell input[type=number]{font-variant-numeric:tabular-nums;appearance:textfield}.input-shell input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.input-shell input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.suffix{color:var(--muted-icon);white-space:nowrap;flex:none;font-size:13px;font-weight:700}.field-hint{color:var(--muted-soft);margin:9px 0 0 3px;font-size:11px;line-height:1.55}.inline-error{color:var(--red-ink);background:var(--red-soft-translucent);box-shadow:inset 0 0 0 1px var(--red-line);border-radius:10px;align-items:center;gap:9px;margin-top:18px;padding:12px 15px;font-size:13px;display:flex}.segmented{background:var(--surface-track);min-height:48px;box-shadow:inset 0 1px 4px var(--inset-shadow);border-radius:12px;align-items:stretch;padding:4px;display:flex}.segmented button{cursor:pointer;min-width:0;color:var(--neutral-ink);text-align:center;word-break:break-word;transition:color var(--duration-fast) ease, background var(--duration-fast) ease, box-shadow var(--duration-base) var(--ease-out), transform var(--duration-fast) ease;background:0 0;border:0;border-radius:9px;flex:1;padding:6px 8px;font-size:12px;font-weight:700;line-height:1.25}.segmented button:hover:not(.active){color:var(--ink)}.segmented button.active{background:var(--surface-muted);color:var(--ink-strong);box-shadow:0 4px 12px -8px #0006, inset 0 0 0 1px var(--surface-raised)}.toggle-row{background:var(--surface-muted);border:1px solid var(--surface-muted);min-height:58px;box-shadow:0 0 0 1px var(--line);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), background var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border-radius:13px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px 14px;display:grid}.toggle-row:hover{background:var(--surface-muted);transform:translateY(-1px)}.toggle-row:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:3px}.toggle-row>span{background:var(--surface-track);border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.toggle-row svg{width:17px;height:17px}.toggle-row b{font-size:13px;font-weight:600}.toggle-row input{opacity:0;pointer-events:none;position:absolute}.toggle{background:var(--track-thumb);width:45px;height:27px;transition:background var(--duration-base) ease;border-radius:99px;padding:3px;box-shadow:inset 0 2px 4px #0000001f}.toggle em{background:var(--surface-raised);width:21px;height:21px;box-shadow:0 2px 6px var(--inset-shadow);transition:transform var(--duration-base) var(--ease-emphasis);border-radius:50%;display:block}.toggle-row input:checked+.toggle{background:var(--solid-bg)}.toggle-row input:checked+.toggle em{transform:translate(18px)}.button{cursor:pointer;min-height:48px;transition:transform var(--duration-fast) var(--ease-out), background var(--duration-fast) ease, color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-size:14px;font-weight:750;display:inline-flex}.button:active:not(:disabled),.icon-button:active:not(:disabled),.mini-icon:active:not(:disabled),.empty-state:active{transform:scale(.96)}.button--primary{color:var(--on-solid);background:var(--solid-bg);box-shadow:0 14px 26px -16px #000000b8, inset 0 1px 0 var(--highlight-strong)}.button--primary:hover:not(:disabled){background:var(--solid-ink);box-shadow:0 18px 30px -17px #000000c2, inset 0 1px 0 var(--highlight-strong);transform:translateY(-1px)}.button--secondary{background:var(--surface-muted);box-shadow:0 8px 18px -15px #0006, inset 0 0 0 1px var(--surface-raised), 0 0 0 1px var(--hairline)}.button--secondary:hover:not(:disabled){background:var(--surface-raised);transform:translateY(-1px)}.button--small{min-height:40px;padding:0 14px;font-size:12px}.button--full{width:100%;margin-top:24px}.button svg{width:18px;height:18px}.icon-button,.mini-icon{cursor:pointer;background:var(--surface-muted);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--surface-raised), 0 0 0 1px var(--line), 0 10px 20px -18px #000000b8;transition:transform var(--duration-fast) var(--ease-out), background var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border:0;border-radius:10px;flex:none;place-items:center;display:grid}.mini-icon{width:36px;height:36px}.icon-button:hover:not(:disabled),.mini-icon:hover:not(:disabled){background:var(--surface-raised);box-shadow:inset 0 0 0 1px white, 0 0 0 1px var(--line-strong), 0 14px 24px -18px #000000c7;transform:translateY(-1px)}.icon-button svg,.mini-icon svg{stroke-width:1.8px;width:18px;height:18px}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);z-index:60;background:var(--panel);color:var(--ink);border:1px solid var(--line-strong);box-shadow:0 10px 22px -14px var(--scrim-strong);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out), visibility var(--duration-fast);border-radius:8px;padding:5px 9px;font-size:11px;font-weight:650;line-height:1.35;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px)}[data-tip]:hover:not(:disabled):after,[data-tip]:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%)}.topbar-actions [data-tip]:after{left:auto;right:0;transform:translateY(4px)}.topbar-actions [data-tip]:hover:not(:disabled):after,.topbar-actions [data-tip]:focus-visible:after{transform:translate(0)}.icon-button--positive{color:var(--green)}.icon-button--danger{color:var(--red)}.app-shell{width:min(100%,1320px);margin:0 auto;padding:18px 32px 56px}.topbar{min-height:66px;animation:stage-in .55s var(--ease-out) both;justify-content:space-between;align-items:center;gap:24px;display:flex}.topbar-actions{align-items:center;gap:10px;display:flex}.mobile-menu{display:none}.metric-strip{border-radius:var(--radius-lg);background:var(--surface-muted);border:1px solid var(--surface-raised);box-shadow:0 0 0 1px var(--line), var(--shadow-lg);animation:stage-in .68s .12s var(--ease-out) both;grid-template-columns:repeat(4,1fr);margin-top:22px;display:grid;overflow:hidden}.metric{min-height:92px;transition:background var(--duration-base) ease;align-items:center;gap:14px;padding:17px 22px;display:flex;position:relative}.metric:hover{background:var(--surface-muted)}.metric:not(:last-child):after{content:"";background:var(--hairline);width:1px;position:absolute;top:20px;bottom:20px;right:0}.metric-icon{width:44px;height:44px;color:var(--muted);background:var(--surface-track);box-shadow:inset 0 1px 3px #00000009, inset 0 0 0 1px var(--surface-muted);border-radius:12px;flex:none;place-items:center;display:grid}.metric--blue .metric-icon{color:var(--blue);background:var(--blue-soft)}.metric--green .metric-icon{color:var(--green);background:var(--green-soft)}.metric--cyan .metric-icon{color:var(--cyan);background:var(--cyan-soft)}.metric--amber .metric-icon{color:var(--amber);background:var(--amber-soft)}.metric--red .metric-icon{color:var(--red);background:var(--red-soft-translucent)}.metric label{letter-spacing:0;color:var(--muted);text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.metric strong{letter-spacing:0;font-variant-numeric:tabular-nums;font-size:24px}.metric small{color:var(--muted-soft);margin-left:4px;font-size:11px}.account-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;margin-top:20px;display:grid}.account-grid>*{max-width:440px}.account-card{min-width:0;animation:stage-in .7s .22s var(--ease-out) both;transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) ease, background var(--duration-base) ease;border-radius:20px;padding:21px 22px}.account-card:nth-child(2){animation-delay:.28s}.account-card:nth-child(3){animation-delay:.34s}.account-card:nth-child(4){animation-delay:.4s}.account-card:hover{background:var(--surface-raised);box-shadow:0 0 0 1px var(--line-strong), 0 32px 62px -40px var(--scrim-strong), inset 0 1px 0 var(--surface-raised);transform:translateY(-2px)}.account-card--alert{box-shadow:0 0 0 1px var(--red-line), var(--shadow-lg)}.account-card__header{grid-template-columns:46px minmax(0,1fr) auto;align-items:start;gap:14px;display:grid}.status-icon{background:var(--surface-track);width:46px;height:46px;box-shadow:inset 0 1px 0 var(--highlight);border-radius:12px;place-items:center;display:grid}.status-icon svg{stroke-width:1.8px;width:20px;height:20px}.status-icon.positive{color:var(--green);background:var(--green-soft)}.status-icon.negative{color:var(--muted)}.status-icon.warning{color:var(--amber);background:var(--amber-soft-translucent)}.account-title{min-width:0}.account-title h3{white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:16px;font-weight:700;overflow:hidden}.account-title>span{color:var(--muted-soft);font-size:11px}.account-address{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;margin-top:3px;font-size:11px;display:flex}.account-address__value{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out);border-radius:4px;font-size:11px}.account-address__value:hover{color:var(--ink)}.account-address__value:active{opacity:.6}.account-address--empty{color:var(--muted-soft)}.account-card__side{flex-direction:column;align-items:flex-end;gap:8px;min-width:clamp(132px,38%,168px);display:flex}.status-pill{background:var(--surface-track);height:30px;color:var(--muted);border-radius:99px;align-items:center;gap:7px;padding:0 11px;font-size:10px;font-weight:800;display:flex}.status-pill i{background:currentColor;border-radius:50%;width:6px;height:6px}.status-pill.positive{color:var(--green);background:var(--green-soft)}.status-pill.negative{color:var(--muted)}.status-pill.warning{color:var(--amber);background:var(--amber-soft-translucent)}.account-billing{text-align:right;grid-template-columns:auto auto;justify-content:end;align-items:baseline;gap:2px 16px;display:grid}.account-billing>div{gap:2px;display:grid}.account-billing span{color:var(--muted-soft);font-size:9px;font-weight:750}.account-billing b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:12px}.traffic-value{justify-content:space-between;align-items:flex-end;margin-top:20px;display:flex}.traffic-value span{color:var(--muted-soft);letter-spacing:0;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.traffic-value strong{letter-spacing:0;font-variant-numeric:tabular-nums;font-size:30px}.traffic-value small{color:var(--muted-soft);font-variant-numeric:tabular-nums;font-weight:700}.progress-track{background:var(--surface-track);height:7px;box-shadow:inset 0 1px 3px var(--inset-shadow);border-radius:99px;margin-top:13px;overflow:hidden}.progress-track i{border-radius:inherit;background:var(--solid-bg);transform-origin:0;height:100%;animation:progress-in .8s .35s var(--ease-emphasis) both;display:block}.progress-track i.warning{background:var(--amber)}.progress-track i.danger{background:var(--red)}.progress-meta{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;font-size:10px;font-weight:700;display:flex}.account-card__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}.account-card__footer .control-group{flex-shrink:0}.account-card__footer>span{color:var(--muted-soft);font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-size:10px;display:flex}.account-card__footer>span svg{width:14px;height:14px}.account-card__footer>span.stale{color:var(--amber)}.control-group{gap:8px;display:flex}.control-group .icon-button{border-radius:9px;width:36px;height:36px}.empty-state{border:1px dashed var(--line-strong);background:var(--highlight-soft);cursor:pointer;width:100%;min-height:220px;color:var(--muted);transition:transform var(--duration-base) var(--ease-out), background var(--duration-base) ease, border-color var(--duration-base) ease;animation:stage-in .7s .22s var(--ease-out) both;border-radius:20px;align-content:center;place-items:center;gap:9px;display:grid}.empty-state:hover{background:var(--surface-muted);border-color:var(--line-strong);transform:translateY(-2px)}.empty-state>svg{width:35px;height:35px;color:var(--muted-icon)}.empty-state h3{color:var(--ink-strong);margin:8px 0 0;font-size:1.05rem}.empty-state p{margin:0;font-size:13px}.empty-state span{color:var(--ink-strong);align-items:center;gap:5px;margin-top:8px;font-size:12px;font-weight:750;display:flex}.error-banner{background:var(--red-soft);color:var(--red);box-shadow:inset 0 0 0 1px var(--red-line);border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 15px;font-size:13px;display:flex}.error-banner>span{flex:1;line-height:1.55}.modal-layer{z-index:50;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-layer[hidden]{display:none}.modal-scrim{background:var(--scrim);animation:.24s both scrim-in;position:absolute;inset:0}.settings-panel{background:var(--panel-soft);width:min(1180px,96vw);height:min(850px,94vh);animation:modal-in .46s var(--ease-emphasis) both;border-radius:26px;grid-template-rows:auto auto 1fr;display:grid;position:relative;overflow:hidden}.settings-panel>header,.chart-modal>header{justify-content:space-between;align-items:center;gap:16px;padding:25px 28px 18px;display:flex}.settings-panel>header>div,.chart-modal>header>div{min-width:0}.settings-panel>header h2,.chart-modal>header h2{text-overflow:ellipsis;min-width:0;margin:0;overflow:hidden}.settings-tabs{background:var(--surface-track);box-shadow:inset 0 1px 4px var(--inset-shadow);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:13px;gap:4px;margin:0 28px;padding:4px;display:flex;overflow:auto hidden}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs button{min-width:0;min-height:42px;color:var(--muted);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) ease, background var(--duration-fast) ease, box-shadow var(--duration-base) var(--ease-out), transform var(--duration-fast) ease;background:0 0;border:0;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:12px;font-weight:750;display:flex}.settings-tabs button:hover:not(.active){color:var(--ink)}.settings-tabs button.active{color:var(--ink);background:var(--surface-raised);box-shadow:0 10px 20px -17px #00000080, inset 0 0 0 1px var(--highlight)}.settings-tabs svg{width:17px;height:17px}.settings-content{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:26px 30px 84px;overflow:auto}.settings-content::-webkit-scrollbar{width:10px}.settings-content::-webkit-scrollbar-thumb{background:var(--track-thumb);background-clip:padding-box;border:3px solid #0000;border-radius:99px}.settings-section{width:100%;max-width:940px;margin:0 auto}.section-title,.section-title-row{align-items:center;display:flex}.section-title-row{justify-content:space-between;gap:20px}.section-title{gap:13px;margin-bottom:23px}.section-title>span{width:42px;height:42px;color:var(--blue);background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--surface-raised), 0 0 0 1px var(--line);border-radius:10px;place-items:center;display:grid}.section-title svg{width:19px;height:19px}.section-title p{letter-spacing:0;color:var(--muted-soft);margin:0 0 3px;font-size:9px;font-weight:800}.section-title h3{margin:0;font-size:18px}.settings-form{margin-bottom:24px}.toggle-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.settings-footer{pointer-events:none;z-index:5;background:0 0;border:0;justify-content:flex-end;gap:12px;padding:0;display:flex;position:absolute;bottom:24px;right:30px}.settings-footer>*{pointer-events:auto}.settings-footer .button--primary{box-shadow:0 18px 34px -18px var(--scrim-strong), 0 1px 0 var(--highlight-strong) inset}.account-settings-list{gap:14px;display:grid}.account-editor{background:var(--surface-muted);border:1px solid var(--highlight-soft);box-shadow:0 0 0 1px var(--line);border-radius:16px;padding:20px}.account-editor--row{padding:14px 18px}.account-editor--row .account-editor__head{margin-bottom:0}.account-editor__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.account-editor__head>div{min-width:0}.account-editor__head b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:800;display:block;overflow:hidden}.account-editor__head small{color:var(--muted-soft);margin-top:3px;font-size:10px;display:block}.account-editor__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.account-fields .toggle-row{align-self:end}.account-fields__full{grid-column:1/-1}.subtle-empty{min-height:170px;color:var(--muted-soft);align-content:center;place-items:center;gap:10px;font-size:12px;display:grid}.subtle-empty svg{width:28px;height:28px}.chart-modal{width:min(900px,94vw);height:min(650px,85vh);animation:modal-in .46s var(--ease-emphasis) both;border-radius:24px;grid-template-rows:auto auto 1fr;padding-bottom:28px;display:grid;position:relative}.chart-modal>div>.segmented{width:230px;margin:0 30px 15px}.chart-area{min-width:0;min-height:300px;padding:12px 22px 0 10px}.log-toolbar{align-items:center;gap:14px;margin-bottom:4px;display:flex}.log-toolbar .segmented{flex:none;min-height:42px}.log-toolbar .segmented button{white-space:nowrap;flex:none;padding:6px 12px}.log-confirm-host{margin-top:8px}.log-confirm-host:empty{display:none}.log-body{overscroll-behavior:contain;min-height:0;padding:12px 0;overflow-y:auto}.search-input{background:var(--surface-sunken);min-width:0;min-height:42px;color:var(--ink);box-shadow:inset 0 1px 3px var(--inset-shadow), inset 0 0 0 1px var(--line), 0 1px 0 var(--surface-muted);transition:background var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border:0;border-radius:12px;flex:1;padding:0 14px}.search-input:focus{background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--line-strong), 0 0 0 3px var(--blue-soft-translucent);outline:none}.search-input::placeholder{color:var(--neutral-ink)}.log-list{gap:9px;display:grid}.log-row{background:var(--surface-muted);min-height:64px;box-shadow:0 0 0 1px var(--line);transition:background var(--duration-fast) ease;border-radius:11px;grid-template-columns:10px 1fr;align-items:center;gap:12px;padding:12px 16px;display:grid}.log-row:hover{background:var(--surface-muted)}.log-row>div{min-width:0}.log-row p{margin:0 0 5px;font-size:12px;line-height:1.5}.log-row span{color:var(--muted-soft);letter-spacing:0;font-size:9px;font-weight:700}.log-dot{background:var(--muted-icon);border-radius:50%;width:7px;height:7px}.log-dot--error{background:var(--red)}.log-dot--info{background:var(--green)}.toast-stack{z-index:100;pointer-events:none;gap:10px;display:grid;position:fixed;bottom:24px;right:24px}.toast{background:var(--surface-raised);min-width:270px;max-width:430px;min-height:54px;box-shadow:0 0 0 1px var(--line), 0 20px 38px -22px #0000006b;pointer-events:auto;animation:toast-in .32s var(--ease-out);border-radius:11px;align-items:center;gap:11px;padding:13px 17px;font-size:12px;font-weight:700;display:flex}.toast svg{flex:none;width:18px;height:18px}.toast>span{overflow-wrap:anywhere;flex:1;line-height:1.5}.toast--success svg{color:var(--green)}.toast--error svg{color:var(--red)}.toast-close{color:var(--muted-soft);cursor:pointer;opacity:.7;transition:opacity var(--duration-fast) ease, background var(--duration-fast) ease;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:4px;display:grid}.toast-close:hover{opacity:1;background:var(--surface-track)}.toast-close svg{width:13px;height:13px}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}@media (max-width:900px){.login-shell{grid-template-columns:minmax(0,500px)}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2):after{display:none}.metric:nth-child(-n+2){border-bottom:1px solid var(--hairline)}.account-grid{grid-template-columns:1fr}.account-grid>*{max-width:none}.toggle-list{grid-template-columns:1fr}}@media (max-width:640px){h1{font-size:2.35rem}.center-stage,.login-shell{padding:20px}.auth-card{border-radius:22px;padding:34px 25px}.form-grid{grid-template-columns:1fr}.field--wide{grid-column:auto}.app-shell{padding:14px 16px 60px}.topbar{z-index:20;min-height:64px;position:relative}.topbar>.brand-lockup{min-width:0}.mobile-menu{display:grid}.topbar-actions{z-index:30;background:var(--surface-raised);box-shadow:var(--shadow-lg), 0 0 0 1px var(--line);transform-origin:100% 0;animation:menu-in .24s var(--ease-out) both;border-radius:14px;padding:10px;display:none;position:absolute;top:60px;right:0}.topbar-actions.open{display:flex}.metric-strip{border-radius:18px}.metric{gap:11px;min-height:93px;padding:17px}.metric-icon{border-radius:10px;width:37px;height:37px}.metric strong{font-size:20px}.account-card{border-radius:18px;padding:20px}.account-card__header{grid-template-columns:43px minmax(0,1fr)}.account-card__side{border-top:1px solid var(--hairline);flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;margin-top:14px;padding-top:12px}.account-billing{flex:1;min-width:0}.modal-layer{padding:12px}.settings-panel{border-radius:20px;width:100%;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}.settings-panel>header{padding:20px 18px 15px}.settings-tabs{margin:0 14px}.settings-tabs button{flex-direction:column;flex:0 0 62px;gap:4px;min-width:62px;padding:0 4px;font-size:9px}.settings-content{padding:24px 18px 76px;overflow-x:hidden}.settings-section{min-width:0}.settings-footer{bottom:18px;right:18px}.section-title-row{flex-wrap:wrap;align-items:flex-start;gap:12px;width:100%}.chart-modal{border-radius:20px;width:100%;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}.chart-modal>div>.segmented{width:100%;margin:0 18px 10px}.chart-area{min-height:280px;padding:8px 8px 4px 4px}.log-toolbar{flex-direction:column;align-items:stretch;margin:0 18px}.log-toolbar .segmented{width:100%}.log-body{padding:16px 18px 22px}.toast-stack{left:14px;right:14px;bottom:max(14px, env(safe-area-inset-bottom))}.toast{min-width:0}.segmented button{padding:4px;font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.cron-mode-row{align-items:center;gap:12px;display:flex}.cron-mode-row__label{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:700}.cron-mode-row .segmented{flex:1;max-width:280px}.cron-stack{flex-direction:column;gap:6px;display:flex}.cron-stack__label{color:var(--muted);font-size:12px;font-weight:700}.cron-field{flex-direction:column;gap:7px;display:flex}.cron-field__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cron-field__input{border:1px solid var(--line);min-width:0;height:40px;color:var(--ink);background:var(--surface-sunken);font:inherit;border-radius:12px;flex:120px;padding:0 12px;font-size:13px}.cron-field__input:focus-visible{border-color:var(--line-strong);background:var(--surface-raised);outline:none}.cron-field__input--raw{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);letter-spacing:.02em}.cron-field__preview{flex:none}.cron-field__hint{min-height:18px}.cron-field__hint:empty{display:none}.cron-field__error{color:var(--red);margin:0;font-size:11px}.cron-field__preview-list{color:var(--muted-soft);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.cron-field__preview-list time{background:var(--surface-sunken);font-variant-numeric:tabular-nums;border-radius:6px;padding:2px 7px}.settings-section>.log-list{overscroll-behavior:contain;max-height:460px;padding:4px 0;overflow-y:auto}
