:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8fa;--panel:#fff;--ink:#18202a;--muted:#657080;--line:#d9dee6;--accent:#087f8c;--warn:#b45309;--danger:#b42318}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}.shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);color:#f8fafc;background:#101820;padding:18px 14px}.brand{margin:0 0 18px;font-size:18px;font-weight:700}.nav{gap:4px;display:grid}.nav a{color:#dbe4ee;border-radius:6px;align-items:center;gap:10px;min-height:36px;padding:8px 10px;font-size:14px;display:flex}.nav a:hover{background:#1d2a36}.nav a.active{color:#fff;background:#263847}.session-box{color:#dbe4ee;overflow-wrap:anywhere;border:1px solid #2e4050;border-radius:8px;gap:6px;margin:0 0 14px;padding:10px;font-size:12px;display:grid}.session-box span{color:#9fb0c3}.signout{color:#dbe4ee;cursor:pointer;background:0 0;border:1px solid #2e4050;border-radius:6px;width:100%;min-height:36px;margin-top:14px}.signout:hover{background:#1d2a36}.main{min-width:0;padding:24px}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}h1{margin:0 0 6px;font-size:28px}.muted{color:var(--muted)}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px}.section-gap{margin-top:12px}.panel h2{margin:0 0 12px;font-size:16px}.metric{font-size:30px;font-weight:700}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:10px}.table.compact td{padding:8px 0}.badge{border:1px solid var(--line);border-radius:999px;align-items:center;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.empty{border:1px dashed var(--line);color:var(--muted);background:#fbfcfd;border-radius:8px;padding:22px}.auth-center,.login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-page{background:radial-gradient(1100px 520px at 50% -8%,#087f8c1a,#0000 60%),linear-gradient(#f7f9fb 0%,#eceff3 100%)}.login-panel{border:1px solid var(--line);background:#fff;border-radius:8px;width:min(100%,380px);padding:28px}.login-icon{color:#fff;background:#101820;border-radius:8px;place-items:center;width:48px;height:48px;margin:0 auto 18px;display:grid}.login-panel h1{text-align:center;font-size:22px}.login-panel .muted{text-align:center;font-size:14px}.login-form{gap:14px;margin-top:22px;display:grid}.login-form label span{margin-bottom:6px;font-size:13px;font-weight:700;display:block}.password-field{border:1px solid var(--line);border-radius:6px;grid-template-columns:minmax(0,1fr) 40px;display:grid;overflow:hidden}.password-field input{min-width:0;font:inherit;border:0;padding:10px 12px}.password-field input:focus{outline:2px solid var(--accent);outline-offset:-2px}.password-field button,.primary-button{cursor:pointer;border:0}.password-field button{color:var(--muted);background:#f2f5f7;place-items:center;display:grid}.primary-button{background:var(--accent);color:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:700;display:inline-flex}.primary-button:disabled{opacity:.65;cursor:wait}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:min(100%,400px);padding:32px 28px;box-shadow:0 1px 2px #1018200a,0 18px 40px -16px #10182038}.login-brand{color:#fff;background:linear-gradient(160deg,#1b2a33,#101820);border-radius:14px;place-items:center;width:52px;height:52px;margin:0 auto 18px;display:grid;box-shadow:0 8px 18px -8px #087f8c8c}.login-eyebrow{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 4px;font-size:11px;font-weight:700}.login-title{text-align:center;letter-spacing:-.01em;margin:0;font-size:21px;font-weight:750}.login-sub{text-align:center;color:var(--muted);margin:8px 0 0;font-size:13.5px;line-height:1.6}.login-body{gap:14px;margin-top:24px;display:grid}.login-google{border:1px solid var(--line);color:#1f2937;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:46px;font-size:14px;font-weight:650;text-decoration:none;transition:border-color .15s,box-shadow .15s,background .15s;display:inline-flex}.login-google:hover{background:#fcfdfe;border-color:#c2ccd6;box-shadow:0 2px 12px -5px #10182038}.login-google[aria-disabled=true]{opacity:.6;pointer-events:none}.login-verified{border:1px solid var(--line);color:var(--muted);background:#f3f6f8;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.login-verified strong{color:var(--ink);font-weight:650}.login-field{gap:6px;display:grid}.login-field>span{color:var(--ink);font-size:12.5px;font-weight:700}.login-input{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:minmax(0,1fr) 44px;transition:border-color .15s,box-shadow .15s;display:grid;overflow:hidden}.login-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #087f8c26}.login-input input{min-width:0;font:inherit;background:0 0;border:0;outline:none;padding:11px 13px}.login-input button{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.login-input button:hover{color:var(--ink)}.login-primary{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;font-size:14px;font-weight:700;transition:background .15s,box-shadow .15s,transform 20ms;display:inline-flex}.login-primary:hover{background:#0a6f7a;box-shadow:0 8px 18px -9px #087f8cbf}.login-primary:active{transform:translateY(1px)}.login-primary:disabled{opacity:.6;cursor:wait;box-shadow:none}.login-error{color:var(--danger);background:#fff4f4;border:1px solid #f3c0c4;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.login-state{text-align:center}.login-state-icon{border-radius:14px;place-items:center;width:52px;height:52px;margin:0 auto 16px;display:grid}.login-state-icon.is-warn{color:var(--warn);background:#fff7ed;border:1px solid #fed7aa}.login-state-icon.is-error{color:var(--danger);background:#fef2f2;border:1px solid #fecaca}.login-foot{border-top:1px dashed var(--line);text-align:center;color:#9aa6b2;margin-top:20px;padding-top:16px;font-size:11.5px}.login-link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.chart-box{width:100%;height:280px;margin-top:4px}.metric-sub{color:var(--muted);margin-top:4px;font-size:12px}.metric.small{font-size:22px}.badge.ok{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.badge.bad{color:var(--danger);background:#fef2f2;border-color:#fecaca}.badge.warn{color:var(--warn);background:#fffbeb;border-color:#fde68a}.mono{font-family:Cascadia Code,Consolas,monospace;font-size:12px}.truncate{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:380px;display:inline-block;overflow:hidden}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ghost-button{border:1px solid var(--line);font:inherit;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:inline-flex}.ghost-button:hover{border-color:var(--accent);color:var(--accent)}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.inline-form label{gap:4px;font-size:12px;font-weight:700;display:grid}.inline-form input,.inline-form select{border:1px solid var(--line);font:inherit;background:#fff;border-radius:8px;padding:8px 10px}.modal-overlay{z-index:50;background:#10182080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:min(100%,760px);max-height:86vh;padding:20px;overflow:auto;box-shadow:0 24px 60px -20px #10182066}.clickable{cursor:pointer}.clickable:hover{background:#f5f8fa}.error-box{color:var(--danger);background:#fff1f2;border:1px solid #fecdd3;border-radius:6px;padding:10px;font-size:14px}.notice-box{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:10px;font-size:14px}.stack-form{gap:12px;display:grid}.stack-form label span{margin-bottom:6px;font-size:13px;font-weight:700;display:block}.stack-form input,.stack-form textarea{border:1px solid var(--line);width:100%;font:inherit;border-radius:6px;padding:10px 12px}.stack-form textarea,.json-block{font-family:Cascadia Code,Consolas,monospace;font-size:12px}.json-block{border:1px solid var(--line);background:#fbfcfd;border-radius:6px;max-height:420px;padding:12px;overflow:auto}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.row-actions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:4px;padding:6px 8px;display:inline-flex}.check-grid{flex-wrap:wrap;gap:8px;display:flex}.check{border:1px solid var(--line);background:#fbfcfd;border-radius:999px;padding:6px 10px;font-size:13px}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:static}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:16px}}