*{box-sizing:border-box}:root{--bg: #e4e6ec;--surface: #f7f8fa;--surface-inset: #eceef3;--border: #cfd4dd;--text: #1e2228;--text-muted: #5c6570;--accent: #1a6fd9;--accent-hover: #1558b0;--success: #1a7f37;--danger: #cf222e;--radius: 8px}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}button{font:inherit;cursor:pointer;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.5rem 1rem}button:hover{background:var(--surface-inset)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}input,textarea{font:inherit;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--text);width:100%}select{font:inherit;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--text);max-width:100%}input::placeholder,textarea::placeholder{color:var(--text-muted)}label{display:block;margin-bottom:.25rem;color:var(--text-muted);font-size:.9rem}.form-group{margin-bottom:1rem}.container{max-width:900px;margin:0 auto;padding:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}nav{background:var(--surface);border-bottom:1px solid var(--border);padding:.75rem 1rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}nav a{color:var(--text);text-decoration:none}nav a:hover{color:var(--accent)}.error{color:var(--danger);font-size:.9rem;margin-top:.25rem}.error a{color:var(--accent);font-weight:600;text-decoration:underline}.error a:hover{color:var(--accent-hover)}.success{color:var(--success);font-size:.9rem}