:root{--navy:#0f2a43;--navy2:#16405f;--accent:#f5a623;--accent2:#2e86c1;--bg:#f2f4f7;--card:#fff;--ink:#1c2733;--muted:#66788a;--line:#dde4ea;--danger:#c0392b;--ok:#1e8449}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--accent2)}header.topbar{background:var(--navy);color:#fff;flex-wrap:wrap;align-items:baseline;gap:8px 24px;padding:18px 24px;display:flex}header.topbar h1{letter-spacing:.5px;margin:0;font-size:26px}header.topbar h1 span{color:var(--accent)}header.topbar p{color:#b9c9d8;margin:0;font-size:14px}main{max-width:1180px;margin:0 auto;padding:20px 16px 60px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:18px;padding:18px 20px;box-shadow:0 1px 3px #0f2a430f}.card h2{margin:0 0 4px;font-size:19px}.card .sub{color:var(--muted);margin:0 0 14px;font-size:13px}.row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.field{flex-direction:column;flex:1;gap:4px;min-width:150px;display:flex}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.field label .type{color:var(--accent2);text-transform:none;letter-spacing:0}input,select{font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;width:100%;padding:9px 10px}input:focus,select:focus{outline:2px solid var(--accent2);outline-offset:0;border-color:var(--accent2)}button{font:inherit;background:var(--navy2);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 18px;font-weight:600}button:hover{background:var(--navy)}button.primary{background:var(--accent);color:#231a05}button.primary:hover{background:#e09612}button.ghost{color:var(--ink);background:#eef2f5}button.danger{color:var(--danger);background:#fdecea;padding:6px 10px;font-size:13px}button:disabled{opacity:.55;cursor:default}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:9px 10px}th{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);background:#f7f9fb;font-size:12px}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr:hover td{background:#fafbfc}.pill{color:var(--accent2);background:#eaf3fb;border-radius:20px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-block}.pill.warn{color:#9c6a0a;background:#fdf3e3}.pill.err{color:var(--danger);background:#fdecea}.pill.ok{color:var(--ok);background:#e6f4ea}.msg{margin:10px 0 0;font-size:14px}.msg.err{color:var(--danger)}.msg.ok{color:var(--ok)}.checks{flex-wrap:wrap;gap:8px 16px;margin:8px 0;display:flex}.checks label{cursor:pointer;align-items:center;gap:6px;font-size:14px;display:flex}.checks input{width:auto}.legend{color:var(--muted);font-size:13px}.empty{color:var(--muted);padding:12px 0;font-size:14px}footer{text-align:center;color:var(--muted);padding:10px 0 30px;font-size:13px}nav.navbar{background:var(--navy2);z-index:10;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 16px;display:flex;position:sticky;top:0}nav.navbar button{color:#d7e3ee;background:0 0;border-radius:8px;padding:8px 14px;font-size:14px}nav.navbar button:hover{color:#fff;background:#ffffff1f}nav.navbar button.active{background:var(--accent);color:#231a05}nav.navbar .spacer{flex:1}nav.navbar .who{color:#b9c9d8;white-space:nowrap;font-size:13px}nav.navbar .who b{color:#fff}.loginwrap{max-width:420px;margin:48px auto 0}.chip{color:var(--accent2);cursor:pointer;background:#eaf3fb;border:1px solid #cfe3f5;border-radius:20px;margin:0 6px 6px 0;padding:4px 10px;font-size:13px;font-weight:600;display:inline-block}.chip:hover{background:#d6e9fa}input:disabled{color:var(--muted);background:#f2f4f7}@media (max-width:640px){header.topbar h1{font-size:21px}.field{min-width:130px}}
