:root{font-family:Tahoma,Arial,sans-serif;color:#182433;background:#f3f6fb}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column}
header{background:#102b46;color:#fff;padding:17px 4%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.brand{font-size:22px;font-weight:800}.brand span{font-size:15px;font-weight:500;color:#b9d5ec}
nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
nav a,.link-button{color:#eaf4ff;text-decoration:none;font:inherit;background:none;border:0;cursor:pointer}
main{width:min(1180px,92%);margin:32px auto;flex:1}
h1{font-size:clamp(24px,4vw,34px);margin:5px 0 10px}
.welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.welcome p,.panel p{color:#64748b;line-height:1.9}
.eyebrow{color:#1876b9!important;font-weight:bold;font-size:13px}
.status-pill{background:#e0f7eb;color:#147348;padding:10px 15px;border-radius:30px;font-size:13px}
.status-pill i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#20a36a;margin-left:7px}
.notice{padding:16px 18px;background:#fff8df;border:1px solid #f0df9e;border-radius:12px;margin-bottom:22px;color:#735b16;line-height:1.8}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}
.stat,.panel,.login-card{background:white;border:1px solid #e5ebf2;border-radius:16px;padding:22px;box-shadow:0 5px 20px #19385808}
.stat span,.stat small{display:block;color:#64748b}.stat strong{display:block;font-size:34px;margin:14px 0}.stat small{font-size:12px}
.button,button[type=submit]{display:inline-block;border:0;border-radius:9px;background:#1268a8;color:white;padding:12px 20px;text-decoration:none;font:inherit;cursor:pointer}
footer{text-align:center;color:#8794a5;font-size:12px;padding:22px}
.login-card{width:min(430px,100%);margin:35px auto;padding:32px}
.login-card h1{text-align:center}.muted{text-align:center;color:#77869a;margin-bottom:25px}
.logo-mark{display:grid;place-items:center;background:#102b46;color:white;width:56px;height:56px;border-radius:16px;font-size:28px;font-weight:bold;margin:0 auto 18px}
label{display:block;margin:17px 0 8px;font-weight:bold;font-size:14px}
input{display:block;width:100%;padding:13px;border:1px solid #ccd6e2;border-radius:9px;font:inherit;background:#fbfdff}
input:focus{outline:2px solid #9bcff2;border-color:#2688c7}
.login-card button{width:100%;margin-top:22px}
.error{color:#b42318;background:#fff0ef;border-radius:8px;padding:10px}
.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:700px}
th,td{text-align:right;padding:13px 12px;border-bottom:1px solid #e8edf3;vertical-align:top;line-height:1.6}
th{background:#f6f9fc;color:#53657a;font-size:13px}td{font-size:13px}
.empty{text-align:center;color:#77869a;padding:28px}.inline{display:inline}
@media(max-width:800px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat,.panel{padding:17px}main{margin:22px auto}}
@media(max-width:430px){.stats{grid-template-columns:1fr 1fr;gap:9px}.stat strong{font-size:28px}.stat{padding:14px}}