*{box-sizing:border-box}body{margin:0;background:#f4f6f9;color:#172033;font-family:Arial,sans-serif}a{color:#12335b}.top{background:#12335b;color:#fff;padding:16px 22px;display:flex;justify-content:space-between}.top a{color:#fff}.wrap{max-width:1250px;margin:auto;padding:22px}.narrow{max-width:850px}.grid4,.grid3{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.grid3{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:1px solid #e1e6ed;border-radius:12px;padding:18px;margin-bottom:15px}.card strong{display:block;font-size:28px;margin-top:6px}.card small{color:#667085}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 0}.filters{display:flex;gap:10px;margin-bottom:15px}.filters input{flex:1}.filters select{max-width:220px}.btn{display:inline-block;background:#12335b;color:#fff;border:0;border-radius:7px;padding:10px 15px;font-weight:700;cursor:pointer;text-decoration:none}.btn.secondary{background:#fff;color:#12335b;border:1px solid #b9c4d1}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:11px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:13px}th{background:#f8fafc}.tablewrap{overflow:auto}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formgrid .full{grid-column:1/-1}label{display:block;font-size:13px;font-weight:700}input,select{width:100%;padding:10px;margin-top:6px;border:1px solid #cfd6df;border-radius:7px}.alert,.success{padding:12px;border-radius:8px;margin:12px 0}.alert{background:#fef3f2;color:#b42318}.success{background:#ecfdf3;color:#027a48}.landing{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#12335b,#1d4f85);color:#fff;text-align:center}.hero{padding:30px}.brandmark{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#12335b;font-weight:800;margin:0 auto 15px}.hero h1{font-size:34px}.auth{min-height:100vh;display:grid;place-items:center;padding:18px}.authbox{background:#fff;border:1px solid #e1e6ed;border-radius:14px;padding:25px;width:min(430px,100%)}.authbox form{display:grid;gap:13px}.authbox .btn{width:100%;margin-top:8px}@media(max-width:800px){.grid4,.grid3{grid-template-columns:1fr 1fr}}@media(max-width:600px){.grid4,.grid3,.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}.filters{display:grid}.filters select{max-width:none}.toolbar{align-items:flex-start}.hero h1{font-size:27px}}