:root{--df-primary:#4f46e5;--df-primary-2:#6366f1;--df-accent:#06b6d4;--df-bg:#f6f7fb;--df-card:#fff;--df-text:#172033;--df-muted:#64748b;--df-border:#e7eaf1;--df-sidebar:#111827;--df-success:#16a34a;--df-danger:#dc2626}
*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--df-bg);color:var(--df-text)}a{text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:linear-gradient(180deg,#111827 0%,#172033 100%);color:#fff;padding:20px 16px;z-index:1030;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:2px 10px 20px;font-weight:800;font-size:1.15rem}.brand-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--df-primary-2),var(--df-accent));display:grid;place-items:center;box-shadow:0 10px 30px rgba(79,70,229,.35)}.workspace-switch{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px;margin-bottom:16px}.sidebar-nav{display:flex;flex-direction:column;gap:4px;overflow:auto}.sidebar-nav a{color:#cbd5e1;padding:10px 12px;border-radius:11px;display:flex;align-items:center;gap:11px;font-size:.93rem}.sidebar-nav a:hover,.sidebar-nav a.active{color:#fff;background:rgba(99,102,241,.22)}.sidebar-nav a.active{box-shadow:inset 3px 0 0 #818cf8}.sidebar-nav .nav-section{font-size:.69rem;text-transform:uppercase;letter-spacing:.11em;color:#6b7280;padding:16px 12px 5px}.main-wrap{margin-left:252px;min-height:100vh}.topbar{height:72px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--df-border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:1020}.content{padding:26px 28px 90px;max-width:1600px;margin:auto}.page-title{font-weight:800;letter-spacing:-.025em}.card{border:1px solid var(--df-border);border-radius:18px;box-shadow:0 5px 20px rgba(15,23,42,.035)}.card-header{background:transparent;border-bottom:1px solid var(--df-border);padding:18px 20px;font-weight:700}.card-body{padding:20px}.metric-card{overflow:hidden;position:relative}.metric-card:after{content:"";position:absolute;width:88px;height:88px;border-radius:999px;background:rgba(99,102,241,.08);right:-22px;top:-24px}.metric-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:1.15rem}.metric-value{font-size:1.52rem;font-weight:800;letter-spacing:-.03em}.bg-soft-primary{background:#eef2ff;color:#4f46e5}.bg-soft-success{background:#ecfdf5;color:#15803d}.bg-soft-danger{background:#fef2f2;color:#dc2626}.bg-soft-warning{background:#fffbeb;color:#d97706}.btn{border-radius:11px;font-weight:600}.btn-primary{background:var(--df-primary);border-color:var(--df-primary)}.btn-primary:hover{background:#4338ca;border-color:#4338ca}.form-control,.form-select{border-color:#dfe3eb;border-radius:11px;padding:.68rem .8rem}.form-control:focus,.form-select:focus{border-color:#818cf8;box-shadow:0 0 0 .22rem rgba(99,102,241,.13)}.table{vertical-align:middle}.table>:not(caption)>*>*{padding:.83rem .8rem;border-color:#edf0f5}.badge{border-radius:999px;padding:.45em .7em}.amount-income{color:#15803d;font-weight:750}.amount-expense{color:#dc2626;font-weight:750}.amount-transfer{color:#4f46e5;font-weight:750}.account-card{border-left:4px solid var(--account-color,#4f46e5)}.avatar{width:38px;height:38px;border-radius:999px;object-fit:cover;background:#e2e8f0}.avatar-sm{width:30px;height:30px}.progress{height:9px;border-radius:99px;background:#eef1f5}.empty-state{text-align:center;padding:46px 20px;color:var(--df-muted)}.empty-icon{width:72px;height:72px;margin:0 auto 15px;border-radius:20px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;font-size:1.7rem}.mobile-nav{display:none}.mobile-menu-btn{display:none}.modal-content{border:0;border-radius:20px}.dropdown-menu{border:1px solid var(--df-border);border-radius:13px;box-shadow:0 16px 50px rgba(15,23,42,.12)}.chart-box{height:310px}.sticky-actions{position:sticky;bottom:15px;z-index:10}.filter-bar{background:#fff;border:1px solid var(--df-border);border-radius:16px;padding:14px}.login-page{min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(99,102,241,.18),transparent 28%),radial-gradient(circle at 90% 85%,rgba(6,182,212,.17),transparent 30%),#f8fafc;display:grid;place-items:center;padding:24px}.login-card{max-width:1050px;width:100%;overflow:hidden;border:0;box-shadow:0 30px 100px rgba(15,23,42,.15)}.login-visual{background:linear-gradient(145deg,#111827,#312e81);color:#fff;padding:52px;min-height:560px;position:relative;overflow:hidden}.login-visual:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(34,211,238,.18);right:-90px;bottom:-70px}.login-panel{padding:52px}.google-btn{display:flex;justify-content:center;align-items:center;gap:12px;padding:13px;border:1px solid #d9dee8;background:#fff;color:#253047;border-radius:12px;font-weight:700}.google-btn:hover{background:#f8fafc}.dark-mode{--df-bg:#0f172a;--df-card:#172033;--df-text:#e5e7eb;--df-muted:#94a3b8;--df-border:#2a3548}.dark-mode .topbar,.dark-mode .card,.dark-mode .filter-bar,.dark-mode .modal-content,.dark-mode .dropdown-menu{background:#172033;color:#e5e7eb}.dark-mode .form-control,.dark-mode .form-select{background:#111827;border-color:#334155;color:#e5e7eb}.dark-mode .table{--bs-table-bg:transparent;--bs-table-color:#e5e7eb}.dark-mode .text-secondary{color:#94a3b8!important}
@media(max-width:991.98px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main-wrap{margin-left:0}.topbar{height:64px;padding:0 16px}.content{padding:18px 14px 90px}.mobile-menu-btn{display:inline-flex}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:10px;background:rgba(17,24,39,.95);backdrop-filter:blur(14px);border-radius:18px;padding:7px;z-index:1040;box-shadow:0 14px 45px rgba(0,0,0,.25)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#94a3b8;font-size:.65rem;padding:7px 2px;border-radius:12px}.mobile-nav a.active{background:rgba(99,102,241,.28);color:#fff}.login-visual{display:none}.login-panel{padding:34px 24px}.chart-box{height:260px}}@media(max-width:575.98px){.metric-value{font-size:1.25rem}.page-title{font-size:1.45rem}.card-body{padding:16px}.table-responsive{font-size:.86rem}.hide-mobile{display:none!important}}