:root{--sidebar-w:375px}*{box-sizing:border-box}html,body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font-ui);margin:0;padding:0;font-size:13px}.mono{font-family:var(--font-mono)}::selection{background:var(--accent);color:var(--bg)}#authGate{z-index:1000;background:radial-gradient(1200px 800px at 50% 20%, var(--panel-2) 0%, var(--bg-deep) 70%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#authGate.hidden{display:none}#authCard{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-10);width:360px;max-width:90vw;box-shadow:0 20px 60px var(--shadow-45);text-align:center;padding:28px 26px 22px}#authCard .auth-mark{width:64px;height:auto;margin:0 auto 12px;display:block}#authCard h1{color:var(--text);text-align:center;letter-spacing:.3px;margin:0 0 2px;font-size:22px;font-weight:700}#authCard .auth-tagline{color:var(--text-dim);text-align:center;letter-spacing:.06em;text-transform:uppercase;margin:0 0 16px;font-size:11px}#authCard h2{color:var(--text-dim);text-align:center;margin:0 0 18px;font-size:12px;font-weight:500}#authCard label{color:var(--text-dim);text-align:left;margin-bottom:6px;font-size:11.5px;display:block}#authCard input[type=password],#authCard input[type=text]{background:var(--panel-alt);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--r-5);letter-spacing:1px;padding:9px 10px;font-family:inherit;font-size:13px}#authCard input[type=password]:focus,#authCard input[type=text]:focus{border-color:var(--accent);outline:none}#authCard #authError{min-height:16px;color:var(--danger);text-align:left;margin-top:8px;font-size:11.5px}#authCard #btnAuthSubmit{border-radius:var(--r-5);border:1px solid var(--accent);background:var(--accent);width:100%;color:var(--bg);cursor:pointer;margin-top:10px;padding:9px;font-family:inherit;font-size:13px;font-weight:700}#authCard #btnAuthSubmit:hover{filter:brightness(1.08)}#authCard .authHint{color:var(--text-faint);text-align:center;margin-top:14px;font-size:10.5px;line-height:1.5}body{overflow:auto}#app{justify-content:center;min-height:100%;padding:48px 16px;display:flex}.home{flex-direction:column;gap:20px;width:100%;max-width:560px;display:flex}.home-top{align-items:center;gap:12px;display:flex}.home-top .auth-mark{flex:none;width:34px;height:auto}.home-top .titles{flex-direction:column;display:flex}.home-top .t1{letter-spacing:.3px;font-size:18px;font-weight:700}.home-top .t2{color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.home-top .spacer{flex:auto}.home-user{color:var(--text-dim);font-size:12px}.home-user b{color:var(--text);font-weight:600}.btn-ghost{border:1px solid var(--border);color:var(--text);border-radius:var(--r-5);font:inherit;cursor:pointer;background:0 0;padding:5px 12px}.btn-ghost:hover{border-color:var(--text-faint)}.btn-ghost:focus-visible,.proj:focus-visible,.btn-accent:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.home h1{color:var(--text);margin:0;font-size:15px;font-weight:600}.home-note{color:var(--text-dim);margin:0;line-height:1.5}.proj-list{border:1px solid var(--border);border-radius:var(--r-8);background:var(--panel);flex-direction:column;display:flex;overflow:hidden}.proj{color:var(--text);border-top:1px solid var(--border-soft);align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.proj:first-child{border-top:none}.proj:hover{background:var(--panel-alt)}.proj .name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.proj .id{color:var(--text-faint);font-size:11.5px}.proj .main{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.proj .last{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}.proj .role{color:var(--text-dim);white-space:nowrap;font-size:12px}.proj .chips{flex-wrap:wrap;justify-content:flex-end;gap:4px 6px;max-width:55%;display:flex}.proj .chip{border-radius:var(--r-8);border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:5px;padding:2px 8px;font-size:11.5px;display:inline-flex}.proj .chip .st-mark{width:10px;height:10px}.proj .chip.bad{color:var(--danger-hi-3,var(--danger));border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.proj .chip.bad.unacked{background:var(--danger-shade)}.proj .chip.warn{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 45%, transparent)}.proj .chip.nodata{color:var(--violet)}.proj .chip.ok{color:var(--ok)}.proj .chip.off{color:var(--text-faint)}.home-total{color:var(--text);margin:-4px 0 0;font-size:13px}.home-total.bad{color:var(--danger-hi-3,var(--danger));font-weight:600}.home-total .dim{color:var(--text-faint);font-size:12px;font-weight:400}.proj .go{color:var(--text-faint)}.new-proj{flex-direction:column;gap:8px;display:flex}.new-proj .row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.new-proj .np-field{min-width:0;color:var(--text-dim);flex-direction:column;gap:4px;font-size:12px;display:flex}.new-proj input{background:var(--panel-alt);border:1px solid var(--border);min-width:0;color:var(--text);border-radius:var(--r-5);font:inherit;padding:7px 9px;font-size:14px}.new-proj input:focus{border-color:var(--accent);outline:none}.new-proj .np-name{flex:2 220px}.new-proj .np-code{flex:150px}.new-proj .np-actions{gap:8px;display:flex}.new-proj-open{margin-top:-4px}.btn-accent{border:1px solid var(--accent);background:var(--accent);color:var(--bg);border-radius:var(--r-5);font-weight:700;font:inherit;cursor:pointer;padding:7px 14px}.btn-accent:disabled{opacity:.6;cursor:default}.home-error{color:var(--danger)}@media (max-width:420px){#app{padding:24px 16px}.proj .role{display:none}.proj .chips{max-width:60%}}
