:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}.hidden{display:none!important}.center-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#0f2d5c,#1a5a8d)}.login-card{width:min(430px,100%);background:white;padding:32px;border-radius:20px;box-shadow:0 24px 70px #061a3366;text-align:center}.brand-mark{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#17365d;color:#f2c94c;font-weight:800;font-size:24px;border:4px solid #e2b93b}.brand-mark.small{width:44px;height:44px;margin:0;font-size:16px;border-width:3px}.muted{color:#6b7280}.login-card form{display:grid;gap:14px;text-align:left;margin-top:24px}label{font-size:13px;font-weight:700;display:grid;gap:6px}input{padding:11px 12px;border:1px solid #d5dbe5;border-radius:10px;font:inherit}button{border:0;border-radius:10px;padding:11px 14px;background:#17365d;color:#fff;font-weight:700;cursor:pointer}.secondary{background:#eef3f8;color:#17365d}.message{min-height:20px;font-size:13px;color:#b42318}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#122b4e;color:white;padding:22px 18px;display:flex;flex-direction:column;justify-content:space-between}.logo-row{display:flex;gap:12px;align-items:center;margin-bottom:28px}.logo-row small{display:block;color:#9fb2c9;margin-top:2px}.sidebar nav{display:grid;gap:7px}.nav{background:transparent;text-align:left;color:#d9e4f1}.nav:hover,.nav.active{background:#214875;color:white}main{padding:24px 28px;overflow:auto}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.topbar h2{margin:0 0 4px}.topbar p{margin:0}.user-badge{background:white;border:1px solid #e2e8f0;border-radius:999px;padding:8px 12px;font-size:13px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.metric,.panel{background:white;border:1px solid #e4e9f1;border-radius:16px;box-shadow:0 5px 18px #25364d0b}.metric{padding:20px}.metric span{display:block;color:#6b7280;font-size:13px}.metric strong{font-size:28px;display:block;margin-top:8px;color:#17365d}.panel{padding:18px}.panel h3{margin:0 0 14px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel-head{display:flex;justify-content:space-between;align-items:center}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:11px 10px;border-bottom:1px solid #edf0f4;text-align:left;vertical-align:top}th{color:#526071;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef3f8;color:#214875;font-size:12px}.list-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #edf0f4}.list-row:last-child{border-bottom:0}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:5;padding:12px;display:block}.logo-row{margin-bottom:10px}.sidebar nav{display:flex;overflow:auto}.nav{white-space:nowrap}.sidebar>.secondary{margin-top:10px;width:100%}.cards{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}main{padding:18px}}@media(max-width:560px){.cards{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.login-card{padding:24px}}