:root{--accent:#0050f0;--accent-soft:#e6eeff;--bg:#f7f8fa;--surface:#fff;--text:#16191f;--muted:#687078;--border:#e3e6ea;--danger:#c0392b;--radius:10px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.app{max-width:920px;margin:0 auto;padding:0 20px 40px}.topbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:24px;padding:16px 0;display:flex}.brand{align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.brand.big{justify-content:center;margin-bottom:12px;font-size:22px}.brand-mark{background:linear-gradient(135deg, var(--accent), #00d2ff);border-radius:4px;width:14px;height:14px;display:inline-block}nav{flex:1;gap:4px;display:flex}.tab{border-radius:var(--radius);cursor:pointer;color:var(--muted);background:0 0;border:none;padding:8px 14px;font-size:14px}.tab.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.userbox{align-items:center;gap:12px;font-size:13px;display:flex}main{min-height:60vh}footer{text-align:center;margin-top:48px;font-size:13px}.centered{justify-content:center;align-items:center;min-height:100vh;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:16px}.card.login{width:360px;padding:28px}.card.highlight{border-color:var(--accent);background:var(--accent-soft);word-break:break-all}.list{padding:0;list-style:none}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.spread{justify-content:space-between}input,textarea,select{font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;margin-bottom:8px;padding:9px 12px}.row input,.row select{flex:1;width:auto;margin-bottom:0}textarea{resize:vertical;min-height:70px}button{font:inherit;border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:9px 16px;font-weight:600}button:disabled{opacity:.6;cursor:default}button.ghost{color:var(--accent);border:1px solid var(--border);background:0 0;font-weight:500}button.ghost.danger{color:var(--danger)}table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-size:14px}th{background:var(--bg);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:12px}.disabled-row{opacity:.55}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--danger)}code{background:var(--bg);border-radius:4px;padding:2px 6px;font-size:13px}