*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#082b4c;font:15px Arial,sans-serif}header{height:72px;background:#062945;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}header a{color:#fff;text-decoration:none;margin-left:24px}.brand{font-weight:800;letter-spacing:.08em}.brand b{color:#e8b44a}.wrap{width:min(94%,1500px);margin:34px auto}.muted{color:#6a7885}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:25px 0}.stats div,.detail,.edit{background:#fff;border:1px solid #dde5ec;border-radius:14px;padding:20px}.stats b{font-size:28px;display:block;color:#c78e22}.stats span{color:#627181}.filters{display:grid;grid-template-columns:1fr 220px 130px;gap:10px;margin:18px 0}input,select,textarea{width:100%;padding:12px;border:1px solid #cfd9e2;border-radius:8px;background:#fff}button{border:0;border-radius:9px;padding:12px 18px;background:#e7b44b;color:#062945;font-weight:800;cursor:pointer}.table{overflow:auto;background:#fff;border-radius:14px;border:1px solid #dde5ec}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid #edf1f4;white-space:nowrap}th{background:#f8fafc}.badge{background:#eef3f7;padding:6px 9px;border-radius:20px;text-transform:capitalize}.link{color:#a56e09;font-weight:700}.login-card{width:min(92%,440px);margin:10vh auto;background:#fff;padding:34px;border-radius:18px;box-shadow:0 18px 60px #09284422}.login-card label,.edit label{display:block;margin:15px 0}.err{background:#fff0f0;color:#9b1c1c;padding:12px;border-radius:8px}.ok{background:#eefbf1;color:#17672d;padding:12px;border-radius:8px}.detail{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 25px}.edit{margin-top:18px;max-width:800px}@media(max-width:760px){header{padding:0 18px}header nav a{margin-left:10px}.stats{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}.detail{grid-template-columns:1fr}.wrap{width:94%}}