:root{--bg:#f4f6f5;--panel:#fff;--fg:#17211e;--muted:#5d6b66;--line:#d8dfdc;--accent:#1f5c4a;--on-accent:#fff;--ok:#1b7a55;--warn:#9a6400;--bad:#b3362b;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#111715;--panel:#1a2320;--fg:#e6ece9;--muted:#9aa8a3;--line:#2e3a36;--accent:#7cc9ae;--on-accent:#0f1a16;--ok:#6fd0a6;--warn:#e0b05c;--bad:#ef8f85;color-scheme:dark}}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--fg);font:15px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;padding-bottom:env(safe-area-inset-bottom)}
[hidden]{display:none!important}
h1{font-size:1.4rem;margin:0 0 1rem}h2{font-size:1.15rem;margin:0 0 .25rem}
.muted{color:var(--muted);font-size:.87rem;margin:.1rem 0 .8rem}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.msg{margin:.5rem 16px;color:var(--bad);font-size:.9rem}.msg:empty{display:none}
input,select,button{font:inherit;color:inherit}
input,select{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:.5rem .6rem;width:100%}
button{background:var(--accent);color:var(--on-accent);border:0;border-radius:6px;padding:.5rem .8rem;cursor:pointer}
button.ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.auth{max-width:22rem;margin:12vh auto;padding:0 16px}
.auth form{display:flex;flex-direction:column;gap:.5rem}.auth label{font-size:.87rem;color:var(--muted)}
.auth button{margin-top:.5rem}#qr{display:block;background:#fff;margin:.5rem 0}
code{word-break:break-all}
.top{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;padding:.6rem max(16px,env(safe-area-inset-left));padding-top:calc(.6rem + env(safe-area-inset-top));background:var(--panel);border-bottom:1px solid var(--line)}
.top nav{display:flex;gap:.25rem;flex:1;overflow-x:auto}
.top nav button{background:transparent;color:var(--muted);white-space:nowrap}
.top nav button.on{color:var(--fg);box-shadow:inset 0 -2px 0 var(--accent);border-radius:0}
section{padding:1rem max(16px,env(safe-area-inset-left));max-width:70rem;margin:0 auto}
.tools{display:grid;grid-template-columns:1fr 9rem;gap:.5rem;margin:.6rem 0}
.row{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.7rem .8rem;margin-bottom:.5rem;display:flex;flex-direction:column;gap:.4rem;min-width:0}
.row .head{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline}
.row .name{font-weight:600}.sub{color:var(--muted);font-size:.87rem;overflow-wrap:anywhere}
.Active{color:var(--ok);font-weight:600}.Warm{color:var(--warn);font-weight:600}.Dormant,.Light,.None{color:var(--muted);font-weight:600}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr));gap:.5rem}
.fields label{font-size:.78rem;color:var(--muted);display:flex;flex-direction:column;gap:.15rem}
.fields .wide{grid-column:1/-1}
.actions{display:flex;gap:.5rem}
table{border-collapse:collapse;width:100%;background:var(--panel)}td,th{padding:.45rem .6rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:.9rem}