:root{--bg:#f6f7f9;--fg:#1c2530;--mut:#667085;--card:#fff;--line:#e3e7ec;--acc:#1f4e79;--err:#b42318;--ok:#067647}
@media (prefers-color-scheme:dark){:root{--bg:#10151b;--fg:#e6eaf0;--mut:#98a2b3;--card:#18202a;--line:#2a3441;--acc:#6aa7e0;--err:#f97066;--ok:#47cd89}}
*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;background:var(--bg);color:var(--fg)}
a{color:var(--acc)}h1{font-size:1.4rem;margin:.2rem 0 1rem}h2{font-size:1.1rem;margin-top:2rem}
.plain{display:grid;place-items:center;min-height:100vh;padding:1rem}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.5rem;width:100%;max-width:420px}
label{display:block;margin:.8rem 0;font-size:.9rem;color:var(--mut)}label.check{display:flex;gap:.5rem;align-items:center}
input,select{display:block;width:100%;padding:.65rem;margin-top:.25rem;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);font:inherit}
input[type=checkbox]{width:auto;margin:0}
button{padding:.65rem 1rem;border:0;border-radius:8px;background:var(--acc);color:#fff;font:inherit;cursor:pointer}
button.link{background:none;color:var(--acc);padding:.2rem .4rem}
.notice{background:#eaf2fb;color:#12365a;padding:.7rem 1rem;border-radius:8px;word-break:break-word}@media (prefers-color-scheme:dark){.notice{background:#1b2b3d;color:#cfe3f8}}
.error{color:var(--err)}.ok{color:var(--ok)}.muted,small{color:var(--mut)}.secret{font:1.2rem monospace;letter-spacing:.1rem;word-break:break-all}
.top{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;background:var(--card);border-bottom:1px solid var(--line)}
.top form{margin-left:auto;display:flex;align-items:center;gap:.5rem}.who{color:var(--mut);font-size:.85rem}
.burger{display:none;cursor:pointer;font-size:1.3rem}.nav-toggle{display:none}
.shell{display:flex;min-height:calc(100vh - 52px)}.side{width:210px;padding:1rem;border-right:1px solid var(--line);background:var(--card)}
.side a{display:block;padding:.55rem .7rem;border-radius:8px;text-decoration:none;color:var(--fg)}.side a.cur,.side a:hover{background:var(--bg);color:var(--acc)}
main{flex:1;padding:1.2rem;max-width:960px;min-width:0}
.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--card)}th,td{text-align:left;padding:.6rem;border-bottom:1px solid var(--line);font-size:.9rem;vertical-align:top}
main form:not(.inline){max-width:480px}
@media (max-width:760px){.burger{display:block}.side{display:none;position:absolute;top:52px;left:0;right:0;width:auto;z-index:5;border-right:0;border-bottom:1px solid var(--line)}.nav-toggle:checked~.shell .side{display:block}.who{display:none}}