:root{--navy:#10233f;--blue:#176baf;--bg:#f4f7fb;--muted:#637083}body{background:var(--bg);color:#182230;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.sidebar{width:245px;background:linear-gradient(170deg,#10233f,#17385f);position:sticky;top:0;height:100vh}.brand{color:#fff;text-decoration:none;font-size:1.35rem;font-weight:750}.brand span{display:inline-grid;place-items:center;background:#23a8e0;width:38px;height:38px;border-radius:10px;margin-right:8px}.sidebar .nav-link{color:#dce8f5;border-radius:9px;padding:.65rem .8rem}.sidebar .nav-link:hover{background:#ffffff17;color:#fff}.topbar{background:#fff;border-bottom:1px solid #e4eaf2}.card{border:0;border-radius:14px;box-shadow:0 5px 20px #10233f0b}.stat{border-left:4px solid var(--blue)}.table thead th{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-bottom-width:1px}.badge-active{background:#dff7ec;color:#14724a}.badge-inactive{background:#fbe9e9;color:#a43535}.page-title{font-weight:750;color:var(--navy)}.form-label{font-weight:600}.login-bg{min-height:100vh;background:radial-gradient(circle at 15% 20%,#2697d9 0,transparent 30%),linear-gradient(140deg,#0b1d35,#173f6b)}nav[aria-label="Pagination Navigation"]{margin-top:1rem}nav[aria-label="Pagination Navigation"] .pagination{margin-bottom:0;flex-wrap:wrap;gap:.2rem}nav[aria-label="Pagination Navigation"] svg{width:1rem;height:1rem}@media(max-width:850px){.sidebar{width:76px}.sidebar .nav-link,.sidebar small{font-size:0;overflow:hidden}.sidebar .nav-link:before{content:"•";font-size:1.5rem}.brand{font-size:0}.brand span{font-size:1rem;margin:0}}