:root{--bg:#f4f5f7;--panel:#fff;--border:#d8dce2;--text:#1c2333;--muted:#68718a;--accent:#2f6fed;--accent-dark:#1f56c4;--danger:#d43d3d;--ok:#1e9e57;--warn:#c07c16;--radius:10px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text);cursor:pointer;padding:.5rem 1.1rem}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-dark)}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}input{font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text);padding:.5rem .75rem}input:focus{outline:2px solid var(--accent);outline-offset:1px}.nav{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:1.25rem;padding:.75rem 1.5rem;display:flex}.nav .brand{color:var(--text);font-weight:700}.nav .spacer{flex:1}.badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:.1rem .6rem;font-size:.8rem;font-weight:600;display:inline-block}.badge.waiting{color:var(--muted);background:#e8ebf5}.badge.active{color:var(--ok);background:#dcf5e7}.badge.frozen{color:var(--accent-dark);background:#dfeeff}.badge.ended{color:var(--danger);background:#fbe3e3}.error{color:var(--danger);font-size:.9rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.center-page{place-items:center;min-height:calc(100vh - 57px);padding:2rem 1rem;display:grid}