:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8fa;--bg-elevated:#fff;--bg-sunken:#eef0f4;--bg-hover:#e9ecf1;--border:#dfe3ea;--border-strong:#c6ccd8;--text:#12151a;--text-muted:#5c6472;--text-faint:#8a92a1;--accent:#4f46e5;--accent-hover:#4338ca;--accent-soft:#eef2ff;--on-accent:#fff;--ok:#0f8a4d;--ok-soft:#e6f5ec;--warn:#a15c00;--warn-soft:#fdf3e2;--danger:#c02626;--danger-soft:#fdeceb;--info:#1667c9;--radius:10px;--radius-lg:14px;--shadow:0 1px 2px #10141c0f, 0 4px 12px #10141c0d;--shadow-lg:0 8px 32px #10141c24;--sidebar-w:244px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1014;--bg-elevated:#151a21;--bg-sunken:#0a0d11;--bg-hover:#1e242d;--border:#262d38;--border-strong:#39424f;--text:#e8ecf2;--text-muted:#98a2b3;--text-faint:#6b7688;--accent:#7c74f0;--accent-hover:#918bf5;--accent-soft:#1d1b3a;--on-accent:#fff;--ok:#3ecf8e;--ok-soft:#10281d;--warn:#e0a44a;--warn-soft:#2a1f0d;--danger:#f4776b;--danger-soft:#2c1412;--info:#5aa2f7;--shadow:0 1px 2px #0006, 0 4px 14px #0000004d;--shadow-lg:0 8px 40px #0009}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;font-size:15px;line-height:1.5}a{color:var(--accent)}button{font:inherit;cursor:pointer;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);min-height:44px;padding:10px 14px;transition:background .12s,border-color .12s,opacity .12s}button:hover:not(:disabled){background:var(--bg-hover)}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:550}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger-soft)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--bg-hover)}.btn-sm{min-height:34px;padding:6px 10px;font-size:13px}input,select,textarea{font:inherit;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-elevated);width:100%;min-height:44px;color:var(--text);padding:11px 12px}input::placeholder{color:var(--text-faint)}label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:550;display:block}.field{margin-bottom:16px}.hint{color:var(--text-muted);margin-top:6px;font-size:12.5px}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.mono{font-family:var(--mono);font-size:13px}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:550;display:inline-flex}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-muted{background:var(--bg-sunken);color:var(--text-muted)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.auth-wrap{min-height:100dvh;padding:24px 18px calc(24px + env(safe-area-inset-bottom));place-items:center;display:grid}.auth-card{background:var(--bg-elevated);border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow-lg);border-radius:16px;padding:28px 24px}.auth-brand{align-items:center;gap:10px;margin-bottom:4px;display:flex}.auth-mark{background:linear-gradient(135deg, var(--accent), #9b5cf0);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;font-size:15px;font-weight:700;display:grid}.auth-title{margin:14px 0 4px;font-size:19px;font-weight:650}.auth-sub{color:var(--text-muted);margin:0 0 22px;font-size:13.5px}.alert{border-radius:var(--radius);border:1px solid #0000;margin-bottom:16px;padding:11px 13px;font-size:13.5px}.alert-danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 28%, transparent)}.alert-warn{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb, var(--warn) 28%, transparent)}.alert-info{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 24%, transparent)}.alert-ok{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb, var(--ok) 28%, transparent)}.code-input{font-family:var(--mono);letter-spacing:.32em;text-align:center;padding:14px 12px;font-size:26px}.shell{min-height:100dvh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg-elevated);border-right:1px solid var(--border);z-index:40;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;flex:none;transition:transform .22s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px 16px 14px;display:flex}.sidebar-name{font-size:14.5px;font-weight:650}.sidebar-env{color:var(--text-faint);font-size:11.5px}.nav{flex:1;padding:10px 10px 16px;overflow-y:auto}.nav-item{border-radius:var(--radius);width:100%;color:var(--text-muted);text-align:left;background:0 0;border:none;align-items:center;gap:10px;min-height:40px;margin-bottom:1px;padding:9px 11px;font-size:14px;display:flex}.nav-item:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:550}.nav-item:disabled{opacity:.45;cursor:default}.nav-icon{text-align:center;flex:none;width:17px;font-size:14px}.nav-phase{background:var(--bg-sunken);color:var(--text-faint);border-radius:5px;margin-left:auto;padding:1px 6px;font-size:10.5px}.sidebar-foot{border-top:1px solid var(--border);padding:10px}.scrim{z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#06080c80;position:fixed;inset:0}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:30;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));background:color-mix(in srgb, var(--bg-elevated) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar h1{flex:1;min-width:0;margin:0;font-size:16px;font-weight:620}.content{padding:16px 14px calc(28px + env(safe-area-inset-bottom));width:100%;max-width:1180px}.grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px;display:grid}.stat{padding:14px}.stat-label{color:var(--text-muted);font-size:12px;font-weight:550}.stat-value{letter-spacing:-.02em;margin-top:5px;font-size:25px;font-weight:640}.stat-sub{color:var(--text-faint);margin-top:3px;font-size:12px}.meter{background:var(--bg-sunken);border-radius:3px;height:5px;margin-top:9px;overflow:hidden}.meter-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .4s}.meter-fill.warn{background:var(--warn)}.meter-fill.danger{background:var(--danger)}.section{margin-top:24px}.section-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.section-head h2{margin:0;font-size:14.5px;font-weight:620}.list{flex-direction:column;display:flex}.row{border-bottom:1px solid var(--border);align-items:center;gap:11px;padding:12px 14px;display:flex}.row:last-child{border-bottom:none}.row-main{flex:1;min-width:0}.row-title{overflow-wrap:anywhere;font-size:14px;font-weight:500}.row-sub{color:var(--text-muted);overflow-wrap:anywhere;margin-top:2px;font-size:12.5px}.empty{text-align:center;color:var(--text-faint);padding:28px 16px;font-size:13.5px}.svc-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px;display:grid}.svc{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);align-items:center;gap:8px;padding:10px 12px;font-size:13.5px;display:flex}.tl{padding-left:18px;position:relative}.tl:before{content:"";background:var(--border);width:1.5px;position:absolute;top:6px;bottom:6px;left:4px}.tl-item{padding:7px 0;position:relative}.tl-item:before{content:"";background:var(--accent);border:2px solid var(--bg-elevated);border-radius:50%;width:8px;height:8px;position:absolute;top:13px;left:-18px}.tl-time{font-family:var(--mono);color:var(--text-faint);font-size:11.5px}.tl-text{overflow-wrap:anywhere;font-size:13.5px}.modal-scrim{z-index:60;background:#06080c8c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--border);width:100%;max-width:440px;box-shadow:var(--shadow-lg);border-radius:15px;max-height:88dvh;padding:22px;overflow-y:auto}.modal h3{margin:0 0 6px;font-size:17px}.modal p{color:var(--text-muted);margin:0 0 18px;font-size:13.5px}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.toasts{z-index:80;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed}.toast{pointer-events:auto;background:var(--bg-elevated);border:1px solid var(--border-strong);border-left:3px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:11px 13px;font-size:13.5px;animation:.18s toast-in}.toast.err{border-left-color:var(--danger)}.toast.ok{border-left-color:var(--ok)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.palette-scrim{z-index:70;background:#06080c80;justify-content:center;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.palette{background:var(--bg-elevated);border:1px solid var(--border-strong);width:100%;max-width:520px;height:fit-content;max-height:60dvh;box-shadow:var(--shadow-lg);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.palette input{border:none;border-bottom:1px solid var(--border);border-radius:0;min-height:52px}.palette input:focus-visible{outline:none}.palette-list{padding:6px;overflow-y:auto}.palette-item{text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 11px;font-size:14px;display:flex}.palette-item.sel,.palette-item:hover{background:var(--bg-hover)}.codes{font-family:var(--mono);background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(2,1fr);gap:7px;margin:14px 0;padding:13px;font-size:13.5px;display:grid}.codes span{letter-spacing:.04em;padding:3px 0}.qr{background:#fff;border-radius:10px;width:200px;height:200px;margin:0 auto 14px;padding:10px;display:block}.secret-box{font-family:var(--mono);background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius);overflow-wrap:anywhere;text-align:center;letter-spacing:.05em;padding:10px 12px;font-size:13px}.spinner{border:2px solid color-mix(in srgb, currentColor 25%, transparent);vertical-align:-2px;border-top-color:currentColor;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.placeholder-page{text-align:center;place-items:center;min-height:46dvh;padding:28px 18px;display:grid}.placeholder-icon{opacity:.5;margin-bottom:12px;font-size:38px}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width>=900px){.sidebar{height:100dvh;position:sticky;top:0;transform:none}.scrim,.menu-btn{display:none}.topbar{padding:12px 22px}.content{padding:22px}.grid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:14px}.toasts{width:340px;bottom:20px;left:auto;right:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}