:root{--navy:#102a43;--orange:#f97316;--paper:#f4f7fa;--ink:#243b53;--muted:#627d98;--green:#16865c;--red:#c7362f;--yellow:#d99a00}*{letter-spacing:0}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.boot{height:100vh;display:grid;place-items:center}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--navy);color:#fff;padding:22px 14px;z-index:20}.brand{font-size:1.55rem;font-weight:800;padding:0 10px 22px}.brand i{color:var(--orange)}.brand small{display:block;font-size:.7rem;font-weight:400;color:#bcccdc}.nav-link{color:#d9e2ec;border-radius:6px;margin:3px 0;padding:11px}.nav-link:hover,.nav-link.active{background:#243f5c;color:#fff}.nav-link i{width:24px}.main{margin-left:240px;min-height:100vh;padding-bottom:70px}.topbar{height:68px;background:#fff;border-bottom:1px solid #d9e2ec;padding:0 26px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.content{padding:24px;max-width:1500px;margin:auto}.page-title{font-size:1.45rem;font-weight:750;margin:0}.metric{background:#fff;border:1px solid #d9e2ec;border-left:4px solid var(--navy);border-radius:6px;padding:16px;height:100%}.metric .label{font-size:.78rem;text-transform:uppercase;color:var(--muted);font-weight:700}.metric .value{font-size:1.45rem;font-weight:750;margin-top:6px}.metric.orange{border-left-color:var(--orange)}.metric.green{border-left-color:var(--green)}.metric.red{border-left-color:var(--red)}.panel{background:#fff;border:1px solid #d9e2ec;border-radius:6px;padding:18px}.table>:not(caption)>*>*{padding:.8rem .65rem;vertical-align:middle}.badge-status{padding:6px 9px;border-radius:20px;font-size:.72rem}.status-paid{background:#d7f2e6;color:#096844}.status-overdue{background:#fde0dc;color:#a3221c}.status-due_today{background:#ffead5;color:#b44700}.status-pending{background:#dcecff;color:#175a96}.status-cancelled{background:#e6e9ed;color:#52606d}.btn-primary{background:var(--navy);border-color:var(--navy)}.btn-warning{background:var(--orange);border-color:var(--orange);color:#fff}.mobile-nav{display:none}.empty{text-align:center;padding:45px 15px;color:var(--muted)}.empty i{font-size:2rem;display:block;margin-bottom:10px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-art{background:linear-gradient(145deg,#102a43,#243f5c);display:flex;align-items:flex-end;padding:8vw;color:#fff}.login-art h1{font-weight:800}.login-box{display:grid;place-items:center;padding:24px}.login-form{width:min(390px,100%)}.form-control,.form-select{min-height:44px;border-color:#bcccdc}.action-group{display:flex;gap:5px}.chart-wrap{height:280px}@media(max-width:767px){.sidebar{display:none}.main{margin-left:0}.topbar{height:58px;padding:0 15px}.content{padding:15px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid #d9e2ec;z-index:30;justify-content:space-around}.mobile-nav a{color:#627d98;text-decoration:none;text-align:center;font-size:.65rem;padding:8px 5px;min-width:56px}.mobile-nav i{font-size:1.25rem;display:block}.mobile-nav .active{color:var(--orange)}.login{grid-template-columns:1fr}.login-art{display:none}.table-responsive{border:0}.modal-dialog{margin:.5rem}.page-title{font-size:1.2rem}.desktop-user{display:none}}@media(min-width:768px){.modal-lg{--bs-modal-width:760px}}