*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#172536;font:15px system-ui}button,input,textarea{font:inherit}button{border:0;border-radius:9px;padding:11px 15px;background:#12345a;color:white;font-weight:700;cursor:pointer}input,textarea{display:block;width:100%;padding:11px;border:1px solid #ccd7e2;border-radius:8px;margin-top:5px}label{display:block;margin:14px 0;font-weight:650}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#102d50,#2468a6)}.card{background:white;border-radius:18px;padding:28px;width:min(100%,420px)}.logo{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#12345a;color:white;font-size:25px;font-weight:800}.card small,header small{color:#2468a6;letter-spacing:1px;font-weight:800}.card h1{margin-bottom:4px}.card p{color:#64748b}details{border-top:1px solid #ddd;padding-top:15px;margin-top:20px}#app{min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:220px;background:#12345a;color:white;padding:18px;display:flex;flex-direction:column}aside h2{margin:8px 0 24px}nav{display:grid;gap:7px}nav button{text-align:left;background:#ffffff18}#logout{margin-top:auto;background:#ffffff22}main{margin-left:220px;padding:26px;max-width:1300px}header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:22px}header h1{margin:4px 0}.panel,.stat{background:white;border:1px solid #e1e8ef;border-radius:12px;padding:17px;margin-bottom:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat strong{display:block;font-size:24px;margin-top:8px}.stat span{color:#64748b;font-size:13px}table{border-collapse:collapse;width:100%;background:white}th,td{text-align:left;padding:12px;border-bottom:1px solid #e6edf3;font-size:13px}th{color:#64748b;text-transform:uppercase;font-size:11px}.tablebox{overflow:auto;border:1px solid #e1e8ef;border-radius:12px}footer{color:#8290a0;font-size:11px;margin-top:30px}@media(max-width:700px){aside{width:64px;padding:10px}aside h2,nav button{font-size:0}nav button{height:44px}nav button:after{content:'•';font-size:22px}#logout{font-size:0;padding:8px}main{margin-left:64px;padding:15px 10px}.stats{grid-template-columns:repeat(2,1fr)}}