@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{margin:0;background:#f4f6fb;color:#18243a;font:14px Poppins,Arial}header{background:#071d49;color:#fff;padding:17px 24px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:700;letter-spacing:1px}.brand small{display:block;color:#d4a017;font-size:10px;letter-spacing:2px}.layout{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 60px)}nav{background:#0b2453;padding:18px 12px;display:flex;flex-direction:column;gap:7px}nav button{background:transparent;color:#e5ecf8;text-align:left;border:0;border-radius:8px;padding:12px;cursor:pointer}nav button.active,nav button:hover{background:#1a3b70}main{padding:28px;min-width:0}.login{max-width:420px;margin:10vh auto;background:#fff;padding:28px;border-radius:16px;box-shadow:0 8px 35px #12264a14}h1{color:#071d49}label{display:block;margin:13px 0;color:#58657a;font-weight:600}input,select{display:block;width:100%;padding:11px;margin-top:6px;border:1px solid #dce2ed;border-radius:8px;font:inherit}button.primary{background:#d4a017;color:#071d49;border:0;border-radius:8px;padding:11px 16px;font-weight:700;cursor:pointer}button.light{background:#eaf0f8;color:#071d49;border:0;border-radius:8px;padding:10px;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:13px}.card,.panel{background:#fff;border:1px solid #e5eaf1;border-radius:13px;padding:17px;margin-bottom:15px}.metric{font-size:23px;font-weight:700;color:#071d49;margin-top:8px}.muted{color:#8290a5;font-size:12px}.toolbar{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0}.toolbar input{max-width:250px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{text-align:left;padding:11px;border-bottom:1px solid #edf0f5;font-size:12px}th{background:#f7f8fb;color:#64738b}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notice{background:#fff7df;padding:12px;border-radius:8px;color:#755600;font-size:12px;margin:12px 0}.modalbg{position:fixed;top:0;right:0;bottom:0;left:0;background:#071d4988;display:grid;place-items:center;padding:15px}.modal{background:#fff;border-radius:14px;padding:22px;width:min(520px,100%);max-height:90vh;overflow:auto}.modal .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}@media(max-width:760px){.layout{grid-template-columns:1fr}nav{position:sticky;top:0;z-index:2;flex-direction:row;overflow:auto;padding:8px}nav button{white-space:nowrap;padding:9px}main{padding:14px}.row{grid-template-columns:1fr}header{padding:13px}}