:root{--navy:#102743;--navy2:#193957;--gold:#d8b45d;--ink:#182536;--muted:#6b7786;--paper:#f3f5f8;--line:#e2e7ed}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.topbar{background:var(--navy);color:#fff;display:flex;align-items:center;gap:13px;padding:18px max(22px,calc((100% - 980px)/2));box-shadow:0 3px 14px #10274322}.topbar strong,.topbar small{display:block}.topbar small{color:#d6dfeb;font-size:12px}.brand-mark{width:42px;height:42px;border:2px solid var(--gold);border-radius:12px;display:grid;place-items:center;color:var(--gold);font-weight:800}.wrap{max-width:980px;margin:38px auto;padding:0 18px;min-height:70vh}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 8px 28px #172b4209;margin-bottom:20px}.login-panel{max-width:460px;margin:55px auto}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:800;color:#9a792e;margin:0 0 7px}h1{font-size:28px;line-height:1.2;margin:0 0 8px;color:var(--navy)}h2{font-size:20px;margin:0 0 12px;color:var(--navy)}.muted,.hint{color:var(--muted)}.hint{font-size:13px;margin-top:18px}form{display:grid;gap:15px;margin-top:22px}label{display:grid;gap:7px;font-weight:650;font-size:14px}input{border:1px solid #cfd7e1;border-radius:10px;padding:13px;font:inherit;width:100%}input:focus{outline:2px solid #d8b45d88;border-color:#b38b37}button{border:0;border-radius:10px;padding:12px 18px;font:700 14px system-ui;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--navy);color:white}.gold{background:var(--gold);color:#17283b}.secondary{background:#e9eef4;color:var(--navy)}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions button{min-width:150px}.message{min-height:22px;font-size:14px;color:#a13c32}.message.ok{color:#24764a}.welcome,.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.welcome h1{margin-bottom:4px}.section-head h2{margin-bottom:2px}.hidden{display:none!important}.table-wrap{overflow:auto;margin-top:15px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}th{background:#f6f8fa;color:var(--navy)}footer{text-align:center;color:#7b8794;font-size:12px;padding:24px}@media(max-width:560px){.wrap{margin:20px auto}.panel{padding:20px}.login-panel{margin:28px auto}.welcome,.section-head{align-items:flex-start}.actions{display:grid}.actions button{width:100%}h1{font-size:24px}}