@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap";:root{--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-app:#f8fafc;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-subtle:#f1f5f9;--bg-input:#f8fafc;--bg-hover:#f1f5f9;--bg-pill:#f1f5f9;--bg-pill-active:#0f291e;--text-pill-active:#fff;--text-pill-inactive:#475569;--primary:#0f291e;--primary-hover:#071710;--primary-light:#e8f3ee;--primary-accent:#10b981;--accent-income:#059669;--accent-income-bg:#ecfdf5;--accent-expense:#1e293b;--accent-danger:#ef4444;--accent-danger-bg:#fef2f2;--accent-warning:#f59e0b;--accent-warning-bg:#fffbeb;--accent-info:#3b82f6;--accent-info-bg:#eff6ff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-subtle:#f1f5f9;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #00000008;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a}[data-theme=dark]{--bg-app:#0b0f17;--bg-sidebar:#111722;--bg-card:#151d2a;--bg-card-subtle:#1c2637;--bg-input:#1c2637;--bg-hover:#1e293b;--bg-pill:#1c2637;--bg-pill-active:#10b981;--text-pill-active:#0b0f17;--text-pill-inactive:#94a3b8;--primary:#10b981;--primary-hover:#059669;--primary-light:#132d23;--primary-accent:#34d399;--accent-income:#34d399;--accent-income-bg:#064e3b;--accent-expense:#f8fafc;--accent-danger:#f87171;--accent-danger-bg:#7f1d1d;--accent-warning:#fbbf24;--accent-warning-bg:#78350f;--accent-info:#60a5fa;--accent-info-bg:#1e3a8a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#243042;--border-subtle:#1a2332;--shadow-sm:0 1px 3px 0 #0006;--shadow-md:0 4px 6px -1px #00000080;--shadow-lg:0 10px 15px -3px #0009;--shadow-xl:0 20px 25px -5px #000000b3}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-primary);margin:0;padding:0;line-height:1.5;overflow:hidden}#root{width:100%;height:100%;overflow:hidden}.app-container{background-color:var(--bg-app);width:100%;height:100dvh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:40;flex-direction:column;flex-shrink:0;width:260px;height:100dvh;display:flex;overflow:hidden}@media (width<=1024px){.sidebar{height:100dvh;box-shadow:var(--shadow-xl);z-index:50;transition:left .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:-280px}.sidebar.open{left:0}}.sidebar-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 20px 18px;display:flex}.sidebar-brand{color:var(--text-primary);letter-spacing:-.3px;align-items:center;gap:12px;font-size:18px;font-weight:800;text-decoration:none;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:6px;padding:16px 14px;display:flex;overflow:hidden auto}.sidebar-link{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.sidebar-link:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-link.active{background-color:var(--primary);color:#fff}[data-theme=dark] .sidebar-link.active{background-color:var(--primary);color:#0b0f17}.sidebar-badge{background-color:var(--bg-input);color:var(--text-secondary);border-radius:12px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.sidebar-link.active .sidebar-badge{color:inherit;background-color:#fff3}.sidebar-footer{border-top:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;gap:10px;padding:16px 14px;display:flex}.main-wrapper{flex-direction:column;flex:1;min-width:0;height:100dvh;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:6px}.main-wrapper::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.main-wrapper::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.main-wrapper::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.top-navbar{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:30;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 28px;display:flex;position:sticky;top:0}@media (width<=768px){.top-navbar{height:60px;padding:0 12px}.top-search-label,.top-search-kbd{display:none}.top-search-trigger{justify-content:center;width:38px;padding:0!important}.top-add-btn-label{display:none}}@media (width<=480px){.top-navbar-date{display:none}}.page-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:28px}@media (width<=768px){.page-content{padding:14px 12px}}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-main-side{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (width<=1200px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-main-side{grid-template-columns:1fr}}@media (width<=768px){.grid-4{grid-template-columns:repeat(2,1fr);gap:10px}.grid-3{grid-template-columns:repeat(2,1fr);gap:12px}.grid-2{grid-template-columns:1fr;gap:12px}}@media (width<=480px){.grid-3{grid-template-columns:1fr}}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:22px;transition:all .2s}.card-interactive:hover{box-shadow:var(--shadow-md);border-color:var(--primary-accent)}.data-table-container{border-radius:var(--radius-md);background-color:var(--bg-card);width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color);background-color:var(--bg-card-subtle);padding:14px 18px;font-size:12px;font-weight:700}.data-table td{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);padding:16px 18px;font-size:14px}.data-table tr:hover td{background-color:var(--bg-hover)}.btn-primary{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 20px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}[data-theme=dark] .btn-primary{color:#0b0f17;background-color:#10b981}.btn-primary:hover{opacity:.92;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-card);height:44px;color:var(--text-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background-color:var(--bg-hover)}.filter-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pill-btn{border-radius:var(--radius-full);border:1px solid var(--border-color);cursor:pointer;background-color:var(--bg-pill);color:var(--text-pill-inactive);align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.pill-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.pill-btn.active{background-color:var(--bg-pill-active);color:var(--text-pill-active);border-color:#0000}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background-color:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-dialog,.bottom-sheet{background-color:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);box-sizing:border-box;padding:28px;animation:.22s cubic-bezier(.16,1,.3,1) scaleUp;overflow-y:auto}@media (width<=640px){.modal-overlay{align-items:flex-end;padding:0}.bottom-sheet{border-bottom-right-radius:0;border-bottom-left-radius:0;max-height:92vh;padding:24px 20px 32px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.keypad-grid{grid-template-columns:repeat(3,1fr);gap:8px;max-width:320px;margin:0 auto;display:grid}.keypad-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-card-subtle);height:48px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:all .12s;display:flex}.keypad-btn:hover{background-color:var(--bg-hover);border-color:var(--primary)}.keypad-btn:active{transform:scale(.96)}@media (width<=1024px){.mobile-menu-btn{display:flex!important}}.toast-container{z-index:200;flex-direction:column;gap:10px;max-width:400px;display:flex;position:fixed;top:24px;right:24px}.toast{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);align-items:center;gap:12px;padding:14px 20px;font-size:14px;font-weight:600;animation:.25s toastSlide;display:flex}.toast.success{background-color:#059669}.toast.error{background-color:#dc2626}.toast.info{background-color:#2563eb}@keyframes toastSlide{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}