
:root{--brand-orange:#ff5a2a;--brand-orange-dark:#ef4f21;--brand-black:#101010;--brand-bg:#f5f6f8;--brand-card:#ffffff;--brand-muted:#6c757d;--sidebar-width:280px;}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}.app-body{background:var(--brand-bg)}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--brand-black);color:#fff;padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:0;min-height:100vh}.brand-wrap{text-align:center;margin-bottom:1.5rem}.brand-logo{width:100%;max-width:210px;height:auto;display:block;margin:0 auto .5rem}.brand-subtitle{font-size:.9rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.6)}.side-nav .nav-link{color:#fff;border-radius:.8rem;padding:.8rem 1rem;margin-bottom:.4rem;transition:.2s ease}.side-nav .nav-link:hover,.side-nav .nav-link:focus{background:rgba(255,90,42,.18);color:#fff}.main-content{flex:1;padding:1.5rem}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.page-title{font-size:1.8rem;font-weight:700;margin-bottom:.15rem;color:var(--brand-black)}.page-subtitle{color:var(--brand-muted)}.metric-card{background:var(--brand-card);border-radius:1rem;box-shadow:0 .125rem 1rem rgba(0,0,0,.06);padding:1.1rem 1.25rem;height:100%}.metric-label{font-size:.92rem;color:var(--brand-muted);margin-bottom:.35rem}.metric-value{font-size:2rem;font-weight:700;color:var(--brand-black)}.metric-money{font-size:1.4rem}.status-box{border:1px solid #eceef1;border-radius:.9rem;padding:1rem;background:#fff}.btn-brand{background:var(--brand-orange);border-color:var(--brand-orange);color:#fff}.btn-brand:hover,.btn-brand:focus{background:var(--brand-orange-dark);border-color:var(--brand-orange-dark);color:#fff}.login-body{min-height:100vh;background:linear-gradient(135deg,#fff 0%,#f3f4f6 100%);display:flex;align-items:center;justify-content:center;padding:1rem}.login-wrapper{width:100%;max-width:480px}.login-card{border-radius:1.25rem}.login-logo{max-width:280px;width:100%;height:auto}.table thead th{font-size:.9rem;background:#fafafa}.card{border-radius:1rem}.form-control,.form-select{border-radius:.75rem}.btn{border-radius:.75rem}.sidebar-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}@media (max-width: 991.98px){.app-shell{display:block}.sidebar{width:100%;min-height:auto;position:relative}.main-content{padding:1rem}}
