:root{--navy:#0f204a;--navy-soft:#1b3266;--accent:#2563af;--accent-soft:#e8f0fb;--slate:#3c4858;--muted:#8a94a6;--line:#d2dae6;--bg:#f6f8fb;--card:#ffffff;--danger:#b3261e;--ok:#1b7f4b;--radius:10px}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--slate);font-size:15px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--navy);color:#dbe4f3;padding:20px 14px;flex-shrink:0}.sidebar h1{font-size:17px;color:#fff;margin:0 0 4px}.sidebar .tag{font-size:11px;color:#93a5c8;margin-bottom:24px}.sidebar nav a{display:block;color:#dbe4f3;padding:8px 10px;border-radius:6px;margin-bottom:2px;font-size:14px}.sidebar nav a:hover{background:var(--navy-soft);text-decoration:none}.sidebar nav a.active{background:var(--accent);color:#fff}.main{flex:1 1;padding:28px 34px;max-width:1100px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;margin-bottom:18px}h2{font-size:20px;margin:0 0 14px}h2,h3{color:var(--navy)}h3{font-size:15px;margin:18px 0 8px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;border-bottom:2px solid var(--line)}td{padding:9px 10px;border-bottom:1px solid var(--line)}tr:hover td{background:var(--accent-soft)}input,select{font:inherit;padding:8px 11px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--slate);width:100%}input:focus,select:focus{outline:2px solid var(--accent);border-color:var(--accent)}label{display:block;font-size:13px;font-weight:600;color:var(--navy);margin:12px 0 4px}button{font:inherit;font-weight:600;background:var(--accent);color:#fff;border:0;border-radius:7px;padding:9px 18px;cursor:pointer;margin-top:14px}button:hover{background:var(--navy-soft)}button:disabled{background:var(--muted);cursor:default}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--accent-soft);color:var(--accent)}.pill.ok{background:#e2f3e9;color:var(--ok)}.error,.pill.bad{background:#fbe9e7;color:var(--danger)}.error{border:1px solid #f0c4c0;border-radius:7px;padding:10px 14px;margin:12px 0;font-size:14px}.muted{color:var(--muted);font-size:13px}.spacer{height:8px}