*{box-sizing:border-box}body{margin:0;background:#f4f6fb;color:#182033;font:15px/1.55 Inter,system-ui,Arial}header{background:#101827;color:#fff;padding:16px max(20px,calc((100% - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.brand{font-weight:900;color:#fff;text-decoration:none;font-size:19px;letter-spacing:.4px}.brand span{color:#8db7ff}nav{display:flex;gap:16px;flex-wrap:wrap}nav a{color:#dbe5f5;text-decoration:none;font-size:14px}nav a:hover{color:#fff}main{max-width:1100px;margin:28px auto;padding:0 18px;min-height:75vh}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.card,.panel{background:#fff;border:1px solid #e5e9f1;border-radius:16px;padding:20px;box-shadow:0 6px 24px #17213a08;margin-bottom:16px}.stat{font-size:27px;font-weight:800;margin-top:4px}.muted{color:#6b7485}.btn,button{display:inline-block;border:0;border-radius:10px;background:#245eea;color:white;padding:10px 15px;text-decoration:none;font-weight:700;cursor:pointer}.btn.secondary{background:#eaf0ff;color:#245eea}.btn.danger,button.danger{background:#c9364b}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #d7deea;border-radius:9px;margin:6px 0 14px;font:inherit}label{font-weight:650;font-size:14px}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf0f5;vertical-align:top}th{font-size:13px;color:#667085;background:#f8f9fc}.table-wrap{overflow:auto;border-radius:12px;border:1px solid #e5e9f1}.notice{padding:12px 15px;background:#eaf5ff;border:1px solid #cfe4ff;border-radius:10px;margin-bottom:16px}.badge{display:inline-block;border-radius:99px;padding:4px 9px;background:#edf1f7;font-size:12px;font-weight:700}.badge.pending{background:#fff4d8;color:#8b5d00}.badge.approved{background:#e4f8eb;color:#16733a}.badge.rejected{background:#ffe8e8;color:#a32323}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.row>*{flex:1}h1{font-size:28px;margin:0 0 8px}h2{font-size:19px;margin:0 0 14px}footer{text-align:center;color:#8790a1;padding:25px;font-size:13px}.small{font-size:13px}.warning{background:#fff8e8;border:1px solid #f1dfad;border-radius:12px;padding:14px;margin:14px 0}form.inline{display:inline}form.inline button{padding:7px 10px;font-size:12px}@media(max-width:600px){header{align-items:flex-start}nav{gap:10px}.stat{font-size:23px}th,td{padding:9px;font-size:13px}}