:root{--nav:#172033;--bg:#f5f7fb;--accent:#246bfd}body{background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#263142}.sidebar{width:245px;min-height:100vh;background:var(--nav);color:white;position:fixed}.sidebar .brand{font-weight:800;letter-spacing:.05em}.sidebar .brand small{display:block;font-weight:400;opacity:.65;letter-spacing:0}.sidebar a{display:block;color:#cdd5e5;text-decoration:none;padding:.72rem .8rem;border-radius:.65rem;margin:.15rem 0}.sidebar a:hover{background:#24314b;color:#fff}.sidebar i{width:28px;display:inline-block}.content{margin-left:245px;min-height:100vh}.topbar{height:68px;background:white;border-bottom:1px solid #e8ebf1;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}.card{border:0;border-radius:1rem;box-shadow:0 3px 18px rgba(30,45,70,.06)}.metric{font-size:2rem;font-weight:750}.table>:not(caption)>*>*{padding:.85rem}.badge{font-weight:600}.form-control,.form-select{border-radius:.7rem;padding:.65rem .8rem}.btn{border-radius:.7rem}.portal{max-width:650px;margin:5vh auto}.portal-card{border-radius:1.2rem}@media(max-width:850px){.sidebar{width:72px}.sidebar .brand small,.sidebar a{font-size:0}.sidebar a i{font-size:1.25rem}.content{margin-left:72px}}