:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172033;background:#eef2f7;line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100vh}header{min-height:170px;background:#112b46;color:#fff;padding:34px max(24px,calc((100% - 1180px)/2));display:flex;align-items:flex-start;justify-content:space-between;border-bottom:5px solid #27a6a1}h1{font-size:clamp(30px,4vw,48px);margin:7px 0 0;letter-spacing:-1px}h2{margin:0 0 6px;font-size:22px}.eyebrow{color:#8fdbd7;font-weight:800;font-size:12px;letter-spacing:1.5px}.logout{color:#fff;text-decoration:none;border:1px solid #668098;border-radius:8px;padding:9px 14px}main{max-width:1180px;margin:-34px auto 40px;padding:0 24px}.card{background:#fff;border-radius:14px;box-shadow:0 12px 35px #18314b18;padding:28px;margin-bottom:22px;border:1px solid #dfe6ee}.login{max-width:480px;margin-left:auto;margin-right:auto}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.section-title p,.login p{color:#617084;margin:0}.badge,.count{background:#e7f6f4;color:#08746e;border-radius:99px;padding:7px 12px;font-size:12px;font-weight:800}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}label{display:block;font-size:13px;font-weight:750;color:#354256}input{display:block;width:100%;margin-top:7px;border:1px solid #cbd5df;border-radius:8px;padding:12px 13px;font:inherit;background:#fbfcfd;color:#172033}input:focus{outline:3px solid #27a6a133;border-color:#168d88}.divider{display:flex;align-items:center;gap:12px;color:#8793a3;font-size:12px;text-transform:uppercase;margin:18px 0}.divider:before,.divider:after{content:"";height:1px;background:#e2e7ed;flex:1}.purpose{margin-top:17px}button{border:0;border-radius:8px;background:#137f7a;color:#fff;font-weight:800;font-size:15px;padding:12px 24px;margin-top:18px;cursor:pointer}button:hover{background:#0d6d68}.alert{background:#fff1f0;color:#9d2424;border:1px solid #f2c5c2;padding:14px 18px;border-radius:10px;margin-bottom:18px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;background:#f3f6f9;color:#4c596b;font-size:11px;text-transform:uppercase;letter-spacing:.5px}th,td{padding:13px 12px;border-bottom:1px solid #e7ebf0;white-space:nowrap}td small{display:block;color:#778395;margin-top:3px}.mono{font-family:Consolas,monospace}.empty{text-align:center;padding:40px;color:#6c7888;background:#f8fafc;border-radius:9px}footer{text-align:center;color:#728092;font-size:12px;padding:12px 24px 32px}@media(max-width:760px){header{min-height:145px}.grid{grid-template-columns:1fr}.section-title{flex-direction:column}.card{padding:20px}main{padding:0 14px}.logout{font-size:12px}th,td{padding:11px 9px}}
nav{display:flex;gap:8px;margin-top:22px}nav a{color:#c9d8e7;text-decoration:none;border:1px solid #526c84;padding:8px 15px;border-radius:8px;font-size:13px;font-weight:800}nav a:hover,nav a.active{background:#27a6a1;border-color:#27a6a1;color:#fff}