:root{--bg:#f6f7f9;--surface:#fff;--text:#1c2430;--muted:#5d6b7c;--border:#dfe3e8;--accent:#1f5fbf;--error:#b42318;--ok:#067647;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;padding:24px clamp(16px,4vw,40px)}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:24px;padding:12px clamp(16px,4vw,40px);display:flex}.brand{font-size:18px;font-weight:700}.topbar nav{flex:1;gap:16px;display:flex}.topbar nav a{color:var(--muted);text-decoration:none}.topbar nav a.active{color:var(--text);font-weight:600}.who{color:var(--muted);gap:12px;display:flex}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:12px;padding:24px;display:flex}.card h1,.card h3{margin:0}.narrow{max-width:420px;margin-top:24px}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login .card{width:min(360px,100%)}label{color:var(--muted);flex-direction:column;gap:4px;font-size:14px;display:flex}label.check{flex-direction:row;align-items:center;gap:8px}input{font:inherit;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px 10px}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:8px 14px}button:disabled{opacity:.6}button.link{color:var(--accent);background:0 0;padding:0}.error{color:var(--error);margin:0}.ok{color:var(--ok);margin:0}table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);width:100%;display:block;overflow-x:auto}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px}td.actions{gap:12px;display:flex}tr.inactive td{color:var(--muted)}