:root{--nav:#14213d;--accent:#0d6efd;--bg:#f5f7fb}.app-shell{min-height:100vh;background:var(--bg)}.sidebar{width:260px;position:fixed;inset:0 auto 0 0;background:var(--nav);color:#fff;padding:24px 14px;z-index:1040;display:flex;flex-direction:column}.brand{color:white;text-decoration:none;font-weight:700;font-size:1.45rem;padding:0 10px 28px}.brand span{color:#62d6c9}.brand i{margin-right:7px}.sidebar .nav-link{color:#bfcae0;border-radius:8px;margin:2px 0;padding:11px 12px}.sidebar .nav-link i{width:25px}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:#253961;color:white}.nav-label{font-size:.67rem;letter-spacing:1px;color:#71809d;padding:24px 12px 7px}.sidebar-footer{margin-top:auto;padding:14px 12px;border-top:1px solid #2b3c5b;font-size:.9rem}.role-pill{font-size:.68rem;background:#2d8b83;border-radius:12px;padding:2px 8px}.main{margin-left:260px;min-height:100vh}.topbar{height:76px;background:#fff;display:flex;align-items:center;gap:14px;padding:0 32px;border-bottom:1px solid #e9edf4}.metric-card{border:0;border-radius:14px;box-shadow:0 2px 12px #182b4910}.metric-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;font-size:1.25rem}.card{border:0;border-radius:14px;box-shadow:0 2px 10px #182b490b}.table>thead th{color:#697586;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;background:#f8f9fc}.table td,.table th{vertical-align:middle}.btn{border-radius:8px}.form-control,.form-select{border-radius:8px}.empty{padding:42px;text-align:center;color:#7b8794}.amount{font-weight:700;color:#087f5b}.chart-box{height:300px}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.show{transform:translateX(0)}.main{margin-left:0}.topbar{padding:0 16px}.sidebar.show:after{content:'';position:fixed;inset:0 0 0 260px;background:#0004}}@media(max-width:575px){.topbar h5{font-size:1rem}.topbar small{display:none}}