:root,[data-theme=light]{--bg:#f6f7f9;--surface:#fff;--surface-2:#f0f2f5;--border:#dfe3e8;--text:#10151c;--text-dim:#5a6472;--text-faint:#8b95a3;--accent:#1d6ef5;--accent-text:#fff;--accent-soft:#e7f0ff;--good:#0f9d58;--warn:#d98600;--bad:#d92d20;--shadow:0 1px 2px #10151c14,0 4px 12px #10151c0d}[data-theme=dark]{--bg:#10141a;--surface:#171c24;--surface-2:#1e242e;--border:#2a323d;--text:#e8edf4;--text-dim:#9aa6b6;--text-faint:#6b7787;--accent:#4a90ff;--accent-text:#06101f;--accent-soft:#16233a;--good:#35c47a;--warn:#f0a92c;--bad:#f2604f;--shadow:0 1px 2px #0006,0 8px 24px #0000004d}[data-theme=lights_out]{--bg:#000;--surface:#08090b;--surface-2:#101216;--border:#1c2027;--text:#eef2f7;--text-dim:#8f9aab;--text-faint:#5f6a7a;--accent:#4a90ff;--accent-text:#000;--accent-soft:#0d1728;--good:#35c47a;--warn:#f0a92c;--bad:#f2604f;--shadow:0 0 0 1px #ffffff0a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:15px/1.5 ui-sans-serif,-apple-system,Segoe UI,Inter,system-ui,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{display:grid;grid-template-columns:248px 1fr;height:100%}.sidebar{display:flex;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;flex-direction:column;gap:4px;padding:20px 14px}.brand{display:flex;letter-spacing:-.02em;align-items: center;gap:10px;padding:4px 8px 18px;font-size:19px;font-weight:700}.nav-item{display:flex;color:var(--text-dim);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items: center;gap:10px;width:100%;padding:9px 12px;font-weight:500}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent);color:var(--accent-text)}.nav-item.active svg{opacity:1}.nav-item.nav-external{text-decoration:none;margin-top:4px}.nav-item.nav-external span{flex:1}.nav-item.nav-external svg:last-child{opacity:.45}.nav-item svg{opacity:.75;flex:none}.sidebar-footer{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:16px}.main{display:flex;overflow:hidden;flex-direction:column}.topbar{display:flex;border-bottom:1px solid var(--border);justify-content:space-between;align-items: center;gap:12px;padding:16px 28px}.topbar h1{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:650}.content{overflow-y:auto;flex:1;padding:28px}.page{display:flex;flex-direction:column;gap:20px;max-width:1040px;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px}.card-head{display:flex;border-bottom:1px solid var(--border);justify-content:space-between;align-items: center;gap:12px;padding:14px 18px;font-weight:600}.card-body{padding:18px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}label{display:block}.label-text{display:block;color:var(--text-dim);margin-bottom:6px;font-size:13px;font-weight:600}.field{margin-bottom:16px}.hint{color:var(--text-faint);margin-top:6px;font-size:13px}input,select,textarea{border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;border-radius:8px;width:100%;padding:9px 12px}textarea{resize:vertical;min-height:220px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;line-height:1.6}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}input[type=checkbox]{width:auto}.btn{display:inline-flex;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items: center;gap:7px;padding:9px 15px;font-weight:550}.btn:hover:not(:disabled){border-color:var(--text-faint)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-danger{color:var(--bad);border-color:var(--bad);background:0 0}.btn-ghost{color:var(--text-dim);background:0 0;border-color:#0000}.btn-sm{padding:5px 10px;font-size:13px}.row{display:flex;flex-wrap:wrap;align-items: center;gap:10px}.row>.mono{white-space:nowrap;flex:none}.spread{justify-content:space-between}table{border-collapse:collapse;width:100%}th{border-bottom:1px solid var(--border);background:var(--surface-2);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);text-align:left;cursor:pointer;user-select:none;padding:11px 18px;font-size:12px;font-weight:650}th:first-child{border-top-left-radius:11px}th:last-child{text-align:right;border-top-right-radius:11px}td{border-bottom:1px solid var(--border);padding:12px 18px}td:last-child{text-align:right}tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface-2)}.empty{text-align:center;color:var(--text-faint);padding:40px 18px}.tabs{display:flex;border-bottom:1px solid var(--border);overflow-x:auto;gap:2px}.tab{color:var(--text-dim);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px;font-weight:550}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.segmented{display:inline-flex;border:1px solid var(--border);background:var(--surface-2);border-radius:9px;padding:3px}.segmented button{color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 14px;font-weight:550}.segmented button.active{background:var(--accent);color:var(--accent-text)}.pill{display:inline-block;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600}.pill-good{color:var(--good);border-color:color-mix(in srgb,var(--good)40%,transparent);background:color-mix(in srgb,var(--good)12%,transparent)}.pill-warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn)40%,transparent);background:color-mix(in srgb,var(--warn)12%,transparent)}.pill-bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad)40%,transparent);background:color-mix(in srgb,var(--bad)12%,transparent)}.banner{display:flex;border:1px solid var(--border);background:var(--surface-2);border-radius:10px;align-items: center;gap:10px;padding:12px 16px;font-size:14px}.banner-warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn)40%,transparent);background:color-mix(in srgb,var(--warn)10%,transparent)}.banner-bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad)40%,transparent);background:color-mix(in srgb,var(--bad)10%,transparent)}.banner-good{color:var(--good);border-color:color-mix(in srgb,var(--good)40%,transparent);background:color-mix(in srgb,var(--good)10%,transparent)}.stat{letter-spacing:-.03em;font-size:34px;font-weight:700;line-height:1.1}.stat-label{color:var(--text-dim);font-size:13px}.meter{background:var(--surface-2);overflow:hidden;border-radius:999px;height:8px}.meter>span{display:block;background:var(--accent);height:100%}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy{display:inline-flex;border:1px solid var(--border);background:var(--bg);cursor:pointer;font:inherit;color:inherit;border-radius:6px;align-items: center;gap:6px;max-width:100%;padding:3px 8px}.copy:hover{border-color:var(--accent)}.plan-card{border:1px solid var(--border);background:var(--surface);text-align:center;cursor:pointer;border-radius:12px;padding:20px}.plan-card.active{border-color:var(--accent);background:var(--accent-soft)}.plan-card h3{color:var(--text-dim);margin:0 0 8px;font-size:15px}.auth-wrap{display:grid;place-items: center;height:100%;padding:24px}.auth-card{width:100%;max-width:400px}dialog.dialog{overflow:visible;color:var(--text);background:0 0;border:0;width:100%;max-width:520px;max-height:88vh;margin:auto;padding:0}dialog.dialog>.card{overflow-y:auto;max-height:88vh}dialog.dialog::backdrop{background:#0000008c}.toast{position:fixed;z-index:50;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:10px;max-width:380px;padding:12px 16px;bottom:20px;right:20px}.spinner{border:2px solid var(--border);border-top-color:var(--accent);animation:spin .7s linear infinite;border-radius:50%;width:18px;height:18px}@keyframes spin{to{transform:rotate(360deg)}}.center{display:grid;place-items: center;height:100%}@media (max-width:860px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{position:sticky;z-index:20;border-right:0;border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;flex-direction:row;align-items: center;gap:6px;padding:8px 10px;top:0}.sidebar::-webkit-scrollbar{display:none}.sidebar nav{display:flex;flex-direction:row;gap:6px}.sidebar-footer{display:contents}.sidebar-footer .nav-item{border-top:0}.brand{display:none}.nav-item{white-space:nowrap;width:auto;padding:11px 13px}.nav-item .truncate{max-width:12ch}.topbar{padding:14px 18px}.topbar h1{font-size:18px}.content{padding:18px}.card{overflow-x:auto}dialog.dialog{max-width:none;max-height:92vh;margin:auto 0 0}dialog.dialog>.card{border-radius:14px 14px 0 0;max-height:92vh}input,select,textarea{font-size:16px}.toast{bottom:12px;left:12px;right:12px}.row.actions{flex-direction:column;align-items:stretch}}@media (max-width:420px){.content,.card-body,.card>.card-body{padding:14px}.topbar{padding:12px 14px}}.log-controls{display:flex;flex-wrap:wrap;align-items: center;gap:8px;padding:12px 14px}.log-controls select,.log-controls input{padding:7px 10px;font-size:14px}.log-controls input{flex:220px;min-width:0}.log-view{border:1px solid var(--line);background:var(--sunk);overflow-x:auto;overflow-y:auto;border-radius:10px;max-height:68vh;margin-top:14px}.log-day{position:sticky;z-index:1;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--panel);border-bottom:1px solid var(--line);padding:6px 14px;font-size:12px;font-weight:650;top:0}.log-line{display:grid;grid-template-columns:74px 62px 1fr;border-bottom:1px solid color-mix(in srgb,var(--line)45%,transparent);gap:10px;padding:4px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.55}.log-line:last-child{border-bottom:0}.log-time{color:var(--muted)}.log-sev{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);padding-top:1px;font-size:11px}.log-msg{white-space:pre-wrap;word-break:break-word;min-width:0}.log-bad{background:color-mix(in srgb,var(--bad)9%,transparent)}.log-bad .log-sev{color:var(--bad);font-weight:650}.log-warn{background:color-mix(in srgb,var(--warn)9%,transparent)}.log-warn .log-sev{color:var(--warn);font-weight:650}.log-muted{opacity:.62}@media (max-width:620px){.log-line{grid-template-columns:62px 1fr;row-gap:2px}.log-sev{grid-column:1}.log-msg{grid-column:2}.log-time{grid-column:1}}