:root{--ink:#10203a;--muted:#738198;--bg:#f4f7fb;--panel:#fff;--border:#e7ecf3;--primary:#315efb;--nav:#0f1d33}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{width:250px;background:var(--nav);color:#d8e1ef;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:1040;transition:.25s}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#597bff,#2b4ad8);display:grid;place-items:center;color:#fff;font-weight:800}.brand-name{color:#fff;font-weight:700}.brand-sub{font-size:11px;color:#8da0bd}.nav-section{display:grid;gap:6px}.sidebar .nav-link{color:#aab8cd;border-radius:10px;padding:11px 12px;display:flex;gap:11px;align-items:center;text-decoration:none}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:rgba(255,255,255,.09);color:#fff}.sidebar-footer{margin-top:auto}.main-area{margin-left:250px;width:calc(100% - 250px);min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1030}.content-wrap{max-width:1500px;margin:auto}.card-pro{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 30px rgba(15,29,51,.045)}.metric-card{padding:20px}.metric-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#eef2ff;color:#315efb;font-size:20px}.metric-value{font-size:26px;font-weight:800;letter-spacing:-.5px}.metric-label{color:var(--muted);font-size:13px}.table-pro{margin:0}.table-pro th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#7d8aa0;font-weight:700;border-bottom-color:var(--border)}.table-pro td{vertical-align:middle;border-bottom-color:#edf1f6}.badge-paid{background:#dcfce7;color:#166534}.badge-unpaid{background:#fee2e2;color:#991b1b}.avatar-initial{width:40px;height:40px;border-radius:50%;background:#eef2ff;color:#315efb;display:grid;place-items:center;font-weight:700}.form-control,.form-select{border-color:#dce3ed;min-height:44px}.form-control:focus,.form-select:focus{border-color:#8ba2ff;box-shadow:0 0 0 .2rem rgba(49,94,251,.12)}.btn-primary{background:#315efb;border-color:#315efb}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,#dfe7ff,transparent 35%),#f7f9fc}.auth-card{width:min(440px,92vw);background:#fff;border:1px solid var(--border);border-radius:20px;padding:30px;box-shadow:0 18px 60px rgba(30,45,80,.11)}.invoice-paper{background:#fff;border:1px solid var(--border);border-radius:18px;padding:32px}.text-muted-2{color:var(--muted)}@media(max-width:991px){.sidebar{transform:translateX(-100%)}.sidebar.show{transform:translateX(0)}.main-area{margin-left:0;width:100%}.content-wrap{padding-bottom:80px!important}}@media print{.sidebar,.topbar,.no-print{display:none!important}.main-area{margin:0;width:100%}.content-wrap{padding:0!important}.invoice-paper{border:0;box-shadow:none;padding:0}}