*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f9;color:#1d2939}aside{position:fixed;inset:0 auto 0 0;width:220px;background:#0b2450;color:white;padding:22px 14px}.brand{font-size:24px;font-weight:700;margin:0 8px 25px}.brand small,header small{display:block;font-size:11px;font-weight:400;opacity:.75;margin-top:4px}nav a,.logout{display:block;color:#dbe7ff;text-decoration:none;padding:11px 12px;border-radius:8px;margin:4px 0}nav a:hover{background:#173a73;color:#fff}.logout{position:absolute;bottom:18px;left:14px;right:14px}main{margin-left:220px}header{height:70px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 26px}.content{padding:25px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px;margin-bottom:16px}.metric b{font-size:25px;display:block;margin-top:8px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tabs a,.btn{background:#eef4ff;color:#164eaa;padding:9px 13px;border-radius:8px;text-decoration:none;border:0;cursor:pointer}.btn{background:#175cd3;color:white}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #eee;font-size:14px}input,select,textarea{width:100%;padding:9px;border:1px solid #d0d5dd;border-radius:7px}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.muted{color:#667085;font-size:13px}@media(max-width:900px){aside{width:180px}main{margin-left:180px}.grid,.formgrid{grid-template-columns:1fr 1fr}}@media(max-width:650px){aside{position:static;width:auto}.logout{position:static}main{margin:0}.grid,.formgrid{grid-template-columns:1fr}}
.tabs a.active{background:#245bd7;color:#fff;border-color:#245bd7}.notice{background:#ecfdf3;border:1px solid #b7ebc6;color:#176b35;padding:12px 14px;border-radius:10px;margin:0 0 16px}.tabs a{cursor:pointer;text-decoration:none}