@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);:root{--primary:#7c3aed;--primary-light:#8b5cf6;--primary-dark:#6d28d9;--secondary:#ec4899;--gradient:linear-gradient(135deg,#7c3aed,#ec4899);--background:#f3f4f6;--card-bg:#fff;--text-primary:#1f2937;--text-secondary:#6b7280;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--border:#e5e7eb;--shadow:0 4px 20px #7c3aed1a;--shadow-lg:0 10px 40px #7c3aed33;--bottom-nav-height:70px;--input-bg:#fff;--input-border:#e5e7eb;--hover-bg:#f9fafb;--badge-success-bg:#d1fae5;--badge-success-text:#065f46;--badge-danger-bg:#fee2e2;--badge-danger-text:#991b1b}body.theme-blue{--shadow:0 4px 20px #2563eb1a;--shadow-lg:0 10px 40px #2563eb33}body.theme-green{--shadow:0 4px 20px #0596691a;--shadow-lg:0 10px 40px #05966933}body.theme-orange{--shadow:0 4px 20px #ea580c1a;--shadow-lg:0 10px 40px #ea580c33}body.theme-rose{--primary:#e11d48;--primary-light:#f43f5e;--primary-dark:#be123c;--secondary:#fb7185;--gradient:linear-gradient(135deg,#e11d48,#fb7185);--shadow:0 4px 20px #e11d481a;--shadow-lg:0 10px 40px #e11d4833}body.theme-particle-cosmos{--background:#0000;--card-bg:#0f0c29bf;--shadow:0 8px 32px #7c3aed4d;background:#0000}body.theme-particle-ocean{--background:#0000;--card-bg:#0f2027bf;--shadow:0 8px 32px #0ea5e94d;--input-bg:#0c3246cc;background:#0000}body.theme-particle-forest{--primary:#10b981;--primary-light:#4ade80;--primary-dark:#059669;--secondary:#34d399;--gradient:linear-gradient(135deg,#059669,#4ade80);--background:#0000;--card-bg:#0a1628c7;--text-primary:#ecfdf5;--text-secondary:#6ee7b7;--border:#4ade8033;--shadow:0 8px 32px #10b9814d;--input-bg:#0a1e14cc;--hover-bg:#10b98126;background:#0000;color:#ecfdf5}body.theme-particle-sunset{--primary:#f97316;--primary-light:#fb923c;--primary-dark:#ea580c;--secondary:#fbbf24;--gradient:linear-gradient(135deg,#ea580c,#fbbf24);--background:#0000;--card-bg:#1a0533c7;--text-primary:#fff7ed;--text-secondary:#fed7aa;--border:#fb923c33;--shadow:0 8px 32px #f973164d;--input-bg:#280f05cc;--hover-bg:#f9731626;background:#0000;color:#fff7ed}body.theme-particle-sakura{--background:#0000;--card-bg:#1a0a1ec7;--shadow:0 8px 32px #f43f5e4d;background:#0000}body[class*=theme-particle-] .bottom-nav,body[class*=theme-particle-] .card,body[class*=theme-particle-] .navbar{backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}body[class*=theme-particle-] .page-container{position:relative;z-index:1}body[class*=theme-particle-] .navbar{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:999!important}body[class*=theme-particle-] .bottom-nav{z-index:1000!important}body.dark-mode{--background:#0f172a;--card-bg:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border:#334155;--shadow:0 4px 20px #0006;--shadow-lg:0 10px 40px #00000080;--input-bg:#273549;--input-border:#334155;--hover-bg:#273549;--badge-success-bg:#064e3b;--badge-success-text:#6ee7b7;--badge-danger-bg:#7f1d1d;--badge-danger-text:#fca5a5;background:#0f172a;color:#f1f5f9}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#f3f4f6;background:var(--background);color:#1f2937;color:var(--text-primary);font-family:Poppins,sans-serif;min-height:100vh;transition:background .3s ease,color .3s ease}::-webkit-scrollbar{width:0}.app{background:#f3f4f6;background:var(--background);min-height:100vh;transition:background .3s ease}.page-container{padding:20px 16px 90px;padding-bottom:calc(var(--bottom-nav-height) + 20px)}.card{background:#fff;background:var(--card-bg);border-radius:20px;box-shadow:0 4px 20px #7c3aed1a;box-shadow:var(--shadow);margin-bottom:16px;padding:20px;transition:background .3s ease,box-shadow .3s ease}body.dark-mode .card{background:#1e293b;border:1px solid #334155;box-shadow:0 4px 20px #0000004d}.btn-primary{background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient);border:none;border-radius:12px;box-shadow:0 4px 15px #7c3aed66;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s ease;width:100%}.btn-primary:hover{box-shadow:0 6px 20px #7c3aed80;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-secondary{background:#0000;border:2px solid #7c3aed;border:2px solid var(--primary);border-radius:12px;color:#7c3aed;color:var(--primary);cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}body.dark-mode .btn-secondary{border-color:#a78bfa;color:#a78bfa}input,select,textarea{background:#fff;background:var(--input-bg);border:2px solid #e5e7eb;border:2px solid var(--input-border);border-radius:12px;color:#1f2937;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:15px;outline:none;padding:14px 16px;transition:all .3s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#7c3aed;border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed26}input::placeholder,textarea::placeholder{color:#6b7280;color:var(--text-secondary)}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:#273549;border-color:#334155;color:#f1f5f9}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#64748b}body.dark-mode select option{background:#1e293b;color:#f1f5f9}.badge.success{background:var(--badge-success-bg);color:var(--badge-success-text)}.badge.danger{background:var(--badge-danger-bg);color:var(--badge-danger-text)}.progress-bar{background:#e5e7eb}.progress-fill{background:linear-gradient(135deg,#7c3aed,#ec4899)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient);-webkit-background-clip:text;background-clip:text}.gradient-bg{background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient)}.empty-state{color:#6b7280}.legend-item{color:#1f2937}.legend-item strong{color:#1f2937;color:var(--text-primary)}.transaction-item{border-bottom:1px solid #e5e7eb;transition:border-color .3s ease}.transaction-icon{background:#f3f4f6;transition:background .3s ease}body.dark-mode .transaction-icon{background:#273549}.transaction-name{color:#1f2937}.transaction-date{color:#6b7280}.transaction-amount.danger{color:#ef4444}.transaction-amount.success{color:#10b981}.card-header h3,.card-title{color:#1f2937}.budget-row{color:#6b7280}.form-group{margin-bottom:16px}.form-group label{color:#6b7280;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.delete-btn{background:var(--badge-danger-bg)}body.dark-mode .navbar{background:#1e293b;border-bottom-color:#334155}body.dark-mode .navbar-logo{color:#f1f5f9}body.dark-mode .dark-mode-btn,body.dark-mode .notification-btn{background:#273549;color:#f1f5f9}body.dark-mode .bottom-nav{background:#1e293b;border-right-color:#334155;border-top-color:#334155}body.dark-mode .nav-item:hover{background:#273549!important}body.dark-mode .nav-label{color:#94a3b8!important}body.dark-mode .quick-add-modal{background:#1e293b;border:1px solid #334155}body.dark-mode .modal-header h3{color:#f1f5f9}body.dark-mode .close-btn{background:#273549;color:#94a3b8}body.dark-mode .type-toggle{background:#273549}body.dark-mode .type-toggle button{color:#94a3b8}body.dark-mode .login-container{background:#1e293b;border:1px solid #334155}body.dark-mode .login-header h1{color:#f1f5f9}body.dark-mode .login-header p{color:#94a3b8}body.dark-mode .login-tabs{background:#273549}body.dark-mode .login-tabs button{color:#94a3b8}body.dark-mode .login-tabs button.active{background:#1e293b;color:#a78bfa}body.dark-mode .login-footer{color:#94a3b8}body.dark-mode .recharts-cartesian-grid-horizontal line,body.dark-mode .recharts-cartesian-grid-vertical line{stroke:#334155}body.dark-mode .recharts-text{fill:#94a3b8}body.dark-mode .recharts-legend-item-text{color:#94a3b8!important}body.dark-mode .recharts-tooltip-wrapper .recharts-default-tooltip{background:#1e293b!important;border-color:#334155!important;color:#f1f5f9!important}body.dark-mode .filter-btn{background:#1e293b;border-color:#334155;color:#94a3b8}body.dark-mode .filter-btn.active{background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient);border-color:#0000;color:#fff}body.dark-mode .report-tabs{background:#1e293b}body.dark-mode .report-tabs button{color:#94a3b8}body.dark-mode .more-item{border-bottom-color:#334155}body.dark-mode .more-item:hover{background:#273549!important}body.dark-mode .more-label{color:#f1f5f9!important}body.dark-mode .section-title{color:#64748b}body.dark-mode .user-info h3{color:#f1f5f9}body.dark-mode .user-info p{color:#94a3b8}@media (max-width:480px){.app{max-width:100%}.page-container{padding:16px 12px 86px;padding-bottom:calc(var(--bottom-nav-height) + 16px)}.card{border-radius:16px;padding:16px}}@media (min-width:481px) and (max-width:1024px){.app{margin:0 auto;max-width:600px}.page-container{padding:24px 24px 94px;padding-bottom:calc(var(--bottom-nav-height) + 24px)}.bottom-nav{left:50%!important;max-width:600px!important;transform:translateX(-50%)!important}}@media (min-width:1025px){body{overflow-x:hidden}.app{max-width:100%;min-height:100vh}.bottom-nav{align-items:stretch!important;border-radius:0!important;border-right:1px solid #e5e7eb!important;border-right:1px solid var(--border)!important;border-top:none!important;box-shadow:2px 0 20px #7c3aed0f!important;flex-direction:column!important;gap:4px!important;height:100vh!important;left:0!important;overflow-y:auto!important;padding:32px 12px!important;position:fixed!important;top:0!important;transform:none!important;width:240px!important;width:var(--sidebar-width)!important;z-index:100!important}.bottom-nav,.nav-item{justify-content:flex-start!important}.nav-item{border:none!important;border-radius:14px!important;flex-direction:row!important;gap:12px!important;outline:none!important;padding:13px 16px!important;transition:all .2s ease!important;width:100%!important}.nav-item:hover{background:#f9fafb!important;background:var(--hover-bg)!important}.nav-item.active{background:linear-gradient(135deg,#7c3aed,#ec4899)!important;background:var(--gradient)!important;box-shadow:0 4px 15px #7c3aed4d!important}.nav-item.active .nav-label{color:#fff!important}.nav-item.active .nav-icon{filter:none!important}.nav-icon{font-size:20px!important;text-align:center!important;width:24px!important}.nav-label{color:#6b7280!important;color:var(--text-secondary)!important;display:block!important;font-size:14px!important;font-weight:500!important}.active-dot{display:none!important}.center-btn{background:linear-gradient(135deg,#7c3aed,#ec4899)!important;background:var(--gradient)!important;border-radius:14px!important;box-shadow:0 4px 15px #7c3aed4d!important;flex-direction:row!important;gap:12px!important;justify-content:flex-start!important;padding:13px 16px!important;width:100%!important}.center-icon{align-items:center!important;background:#0000!important;border-radius:0!important;box-shadow:none!important;display:flex!important;font-size:20px!important;height:24px!important;justify-content:center!important;margin-bottom:0!important;width:24px!important}.navbar{left:240px!important;left:var(--sidebar-width)!important;position:fixed!important;right:0!important;top:0!important;z-index:99!important}.page-container{margin-left:240px!important;margin-left:var(--sidebar-width)!important;max-width:860px!important;padding:100px 48px 48px!important}.card{border-radius:24px}}@media (min-width:1400px){.page-container{max-width:960px!important;padding:100px 60px 60px!important}}body.theme-blue{--primary:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--secondary:#06b6d4;--gradient:linear-gradient(135deg,#2563eb,#06b6d4);--shadow:0 4px 20px #2563eb1f;--shadow-lg:0 10px 40px #2563eb38;--badge-success-bg:#dbeafe;--badge-success-text:#1e40af}body.theme-green{--primary:#059669;--primary-light:#10b981;--primary-dark:#047857;--secondary:#34d399;--gradient:linear-gradient(135deg,#059669,#34d399);--shadow:0 4px 20px #0596691f;--shadow-lg:0 10px 40px #05966938}body.theme-orange{--primary:#ea580c;--primary-light:#f97316;--primary-dark:#c2410c;--secondary:#fbbf24;--gradient:linear-gradient(135deg,#ea580c,#fbbf24);--shadow:0 4px 20px #ea580c1f;--shadow-lg:0 10px 40px #ea580c38}body.theme-pink{--primary:#e11d48;--primary-light:#f43f5e;--primary-dark:#be123c;--secondary:#fb7185;--gradient:linear-gradient(135deg,#e11d48,#fb7185);--shadow:0 4px 20px #e11d481f;--shadow-lg:0 10px 40px #e11d4838}body.theme-indigo{--primary:#4338ca;--primary-light:#6366f1;--primary-dark:#3730a3;--secondary:#7c3aed;--gradient:linear-gradient(135deg,#4338ca,#7c3aed);--shadow:0 4px 20px #4338ca1f;--shadow-lg:0 10px 40px #4338ca38}body.theme-teal{--primary:#0d9488;--primary-light:#14b8a6;--primary-dark:#0f766e;--secondary:#06b6d4;--gradient:linear-gradient(135deg,#0d9488,#06b6d4);--shadow:0 4px 20px #0d94881f;--shadow-lg:0 10px 40px #0d948838}body.theme-amber{--primary:#d97706;--primary-light:#f59e0b;--primary-dark:#b45309;--secondary:#f59e0b;--gradient:linear-gradient(135deg,#d97706,#f59e0b);--shadow:0 4px 20px #d977061f;--shadow-lg:0 10px 40px #d9770638}body.theme-crimson{--primary:#dc2626;--primary-light:#ef4444;--primary-dark:#b91c1c;--secondary:#f97316;--gradient:linear-gradient(135deg,#dc2626,#f97316);--shadow:0 4px 20px #dc26261f;--shadow-lg:0 10px 40px #dc262638}body.theme-slate{--primary:#475569;--primary-light:#64748b;--primary-dark:#334155;--secondary:#64748b;--gradient:linear-gradient(135deg,#475569,#64748b);--shadow:0 4px 20px #4755691f;--shadow-lg:0 10px 40px #47556938}body.theme-particle-cosmos{--primary:#7c3aed;--primary-light:#a78bfa;--primary-dark:#5b21b6;--secondary:#ec4899;--gradient:linear-gradient(135deg,#7c3aed,#ec4899);--background:#0a081e03;--card-bg:#0f0a28b8;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border:#a78bfa33;--shadow:0 8px 32px #7c3aed59;--input-bg:#1e1446cc;--hover-bg:#7c3aed26;--badge-success-bg:#064e3b99;--badge-success-text:#6ee7b7;--badge-danger-bg:#7f1d1d99;--badge-danger-text:#fca5a5;color:#f1f5f9}body.theme-particle-ocean{--primary:#0ea5e9;--primary-light:#38bdf8;--primary-dark:#0284c7;--secondary:#06b6d4;--gradient:linear-gradient(135deg,#0ea5e9,#06b6d4);--background:#08141e03;--card-bg:#0a192db8;--text-primary:#f0f9ff;--text-secondary:#7dd3fc;--border:#38bdf833;--shadow:0 8px 32px #0ea5e959;--input-bg:#0a2846cc;--hover-bg:#0ea5e926;color:#f0f9ff}body.theme-particle-snow{--primary:#10b981;--primary-light:#4ade80;--primary-dark:#059669;--secondary:#34d399;--gradient:linear-gradient(135deg,#059669,#4ade80);--background:#050f1403;--card-bg:#08141eb8;--text-primary:#ecfdf5;--text-secondary:#6ee7b7;--border:#4ade8033;--shadow:0 8px 32px #10b98159;--input-bg:#051914cc;--hover-bg:#10b98126;color:#ecfdf5}body.theme-particle-galaxy{--primary:#f97316;--primary-light:#fb923c;--primary-dark:#ea580c;--secondary:#fbbf24;--gradient:linear-gradient(135deg,#ea580c,#fbbf24);--background:#14080503;--card-bg:#1e0c05b8;--text-primary:#fff7ed;--text-secondary:#fed7aa;--border:#fb923c33;--shadow:0 8px 32px #f9731659;--input-bg:#280f05cc;--hover-bg:#f9731626;color:#fff7ed}body.theme-particle-sakura{--primary:#f43f5e;--primary-light:#fb7185;--primary-dark:#e11d48;--secondary:#fda4af;--gradient:linear-gradient(135deg,#e11d48,#fda4af);--background:#14050f03;--card-bg:#1c0814b8;--text-primary:#fff1f2;--text-secondary:#fecdd3;--border:#fb718533;--shadow:0 8px 32px #f43f5e59;--input-bg:#280514cc;--hover-bg:#f43f5e26;color:#fff1f2}body.theme-particle-matrix{--primary:#10b981;--primary-light:#4ade80;--primary-dark:#059669;--secondary:#059669;--gradient:linear-gradient(135deg,#059669,#4ade80);--background:#00080003;--card-bg:#000c00c7;--text-primary:#dcfce7;--text-secondary:#86efac;--border:#4ade8040;--shadow:0 8px 32px #10b98166;--input-bg:#001400d9;--hover-bg:#4ade801f;color:#dcfce7}body.theme-particle-fire{--primary:#dc2626;--primary-light:#ef4444;--primary-dark:#b91c1c;--secondary:#f97316;--gradient:linear-gradient(135deg,#dc2626,#f97316);--background:#14030003;--card-bg:#1e0500bf;--text-primary:#fef2f2;--text-secondary:#fca5a5;--border:#fca5a533;--shadow:0 8px 32px #dc262666;--input-bg:#2d0500d9;--hover-bg:#dc262626;color:#fef2f2}body.theme-particle-aurora{--primary:#4338ca;--primary-light:#818cf8;--primary-dark:#3730a3;--secondary:#06b6d4;--gradient:linear-gradient(135deg,#4338ca,#06b6d4);--background:#05051403;--card-bg:#08081ebf;--text-primary:#eef2ff;--text-secondary:#a5b4fc;--border:#818cf833;--shadow:0 8px 32px #4338ca66;--input-bg:#0a0a28d9;--hover-bg:#4338ca26;color:#eef2ff}body.theme-particle-gold{--primary:#d97706;--primary-light:#f59e0b;--primary-dark:#b45309;--secondary:#fcd34d;--gradient:linear-gradient(135deg,#d97706,#fcd34d);--background:#140c0003;--card-bg:#1c1200bf;--text-primary:#fffbeb;--text-secondary:#fde68a;--border:#fcd34d33;--shadow:0 8px 32px #d9770666;--input-bg:#281900d9;--hover-bg:#d9770626;color:#fffbeb}body.theme-particle-neon{--primary:#7c3aed;--primary-light:#a78bfa;--primary-dark:#5b21b6;--secondary:#4ade80;--gradient:linear-gradient(135deg,#7c3aed,#4ade80);--background:#05020f03;--card-bg:#080316c7;--text-primary:#f5f3ff;--text-secondary:#c4b5fd;--border:#a78bfa33;--shadow:0 8px 32px #7c3aed66;--input-bg:#0f0523d9;--hover-bg:#4ade801a;color:#f5f3ff}body[class*=theme-particle-] .card,body[class*=theme-particle-] .card-bg,body[class*=theme-particle-] .expense-item{backdrop-filter:blur(18px) saturate(1.4)!important;-webkit-backdrop-filter:blur(18px) saturate(1.4)!important}body[class*=theme-particle-] .bottom-nav,body[class*=theme-particle-] .navbar{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#fff!important;background:var(--card-bg)!important}body[class*=theme-particle-] .app>:not(canvas),body[class*=theme-particle-] .page-container{position:relative;z-index:1}body[class*=theme-particle-] .recharts-legend-item-text,body[class*=theme-particle-] .recharts-text{fill:#6b7280!important;fill:var(--text-secondary)!important;color:#6b7280!important;color:var(--text-secondary)!important}body[class*=theme-particle-] .recharts-cartesian-grid-horizontal line,body[class*=theme-particle-] .recharts-cartesian-grid-vertical line{stroke:#e5e7eb!important;stroke:var(--border)!important}body[class*=theme-particle-] input::placeholder,body[class*=theme-particle-] textarea::placeholder{color:#6b7280!important;color:var(--text-secondary)!important;opacity:.7}body[class*=theme-particle-] input,body[class*=theme-particle-] select,body[class*=theme-particle-] textarea{background:#fff!important;background:var(--input-bg)!important;border-color:#e5e7eb!important;border-color:var(--border)!important;color:#1f2937!important;color:var(--text-primary)!important}.navbar{align-items:center;background:var(--card-bg);border-bottom:1px solid var(--border);box-shadow:0 2px 10px #7c3aed14;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:999}.navbar-left{display:flex;flex-direction:column}.navbar-logo{color:var(--text-primary);font-size:24px;font-weight:800}.navbar-logo span{-webkit-text-fill-color:#0000;background:var(--gradient);-webkit-background-clip:text}.navbar-title{color:var(--text-secondary);font-size:13px;font-weight:400}.navbar-right{align-items:center;display:flex;gap:12px}.dark-mode-btn,.notification-btn{align-items:center;background:var(--background);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.dark-mode-btn:hover,.notification-btn:hover{background:var(--border);transform:scale(1.05)}.login-page{align-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-bg{height:100%;left:0;position:absolute;top:0;width:100%}.circle{background:#fff;border-radius:50%;opacity:.1;position:absolute}.circle-1{height:300px;right:-100px;top:-100px;width:300px}.circle-2{bottom:-50px;height:200px;left:-50px;width:200px}.circle-3{height:150px;left:-75px;top:50%;width:150px}.login-container{background:#fff;border-radius:30px;box-shadow:0 20px 60px #0003;max-width:420px;padding:40px 30px;position:relative;width:100%;z-index:1}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#1f2937;font-size:42px;font-weight:800;margin-bottom:8px}.login-header h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899);-webkit-background-clip:text}.login-header p{color:#6b7280;font-size:15px}.login-tabs{background:#f3f4f6;border-radius:12px;display:flex;margin-bottom:24px;padding:4px}.login-tabs button{background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:15px;font-weight:500;padding:10px;transition:all .3s ease}.login-tabs button.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#7c3aed;font-weight:600}.login-form{display:flex;flex-direction:column;gap:16px}.error-msg{background:#fef2f2;border-radius:8px;color:#ef4444;font-size:13px;padding:10px;text-align:center}.login-footer{color:#6b7280;font-size:14px;margin-top:20px;text-align:center}.login-footer span{color:#7c3aed;cursor:pointer;font-weight:600}.home-page{background:var(--background);min-height:100vh}.greeting-section{margin-bottom:20px}.greeting-text{color:var(--text-secondary);font-size:14px;font-weight:400}.greeting-name{color:var(--text-primary);font-size:24px;font-weight:700;text-transform:capitalize}.balance-card{border-radius:24px;box-shadow:var(--shadow-lg);color:#fff;margin-bottom:16px;padding:24px}.balance-label{font-size:14px;margin-bottom:8px;opacity:.85}.balance-amount{font-size:36px;font-weight:800;letter-spacing:-1px;margin-bottom:20px}.balance-row{align-items:center;display:flex;gap:16px}.balance-item{display:flex;flex:1 1;flex-direction:column;gap:4px}.balance-item span{font-size:12px;opacity:.8}.balance-item strong{font-size:16px;font-weight:700}.balance-divider{background:#ffffff4d;height:40px;width:1px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.card-header h3,.card-title{color:var(--text-primary);font-size:16px;font-weight:600}.card-title{margin-bottom:16px}.badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.badge.success{background:#d1fae5;color:#065f46}.badge.danger{background:#fee2e2;color:#991b1b}.progress-bar{background:var(--border);border-radius:10px;height:10px;margin-bottom:8px;overflow:hidden}.progress-fill{background:var(--gradient);border-radius:10px;height:100%}.progress-fill.danger{background:linear-gradient(135deg,#ef4444,#f97316)}.budget-row{color:var(--text-secondary);display:flex;font-size:13px;justify-content:space-between}.legend{flex-direction:column;margin-top:16px}.legend,.legend-item{display:flex;gap:10px}.legend-item{align-items:center;color:var(--text-primary);font-size:14px}.legend-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.legend-item strong{font-weight:600;margin-left:auto}.transaction-item{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:12px 0}.transaction-item:last-child{border-bottom:none}.transaction-icon{align-items:center;background:var(--background);border-radius:14px;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.transaction-details{flex:1 1}.transaction-name{color:var(--text-primary);font-size:14px;font-weight:500}.transaction-date{color:var(--text-secondary);font-size:12px;margin-top:2px}.transaction-amount{font-size:15px;font-weight:600}.transaction-amount.danger{color:var(--danger)}.transaction-amount.success{color:var(--success)}.empty-state{color:var(--text-secondary);padding:30px 0;text-align:center}.empty-state p:first-child{font-size:18px;margin-bottom:8px}.empty-state p:last-child{font-size:14px}.quick-actions{display:flex;gap:12px;margin-bottom:16px}.quick-action-btn{border:none;border-radius:14px;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;padding:14px;transition:all .3s ease}.income-btn{background:#d1fae5;color:#065f46}.income-btn:hover{background:#a7f3d0;transform:translateY(-2px)}.budget-btn{background:#ede9fe;color:#5b21b6}.budget-btn:hover{background:#ddd6fe;transform:translateY(-2px)}.health-score-card,.quick-form-card{overflow:hidden}.health-progress-fill{transition:width 1.5s ease}.health-grade{margin-bottom:12px}.health-reasons{gap:6px;margin-bottom:8px}.health-reason{border-radius:8px;font-size:13px;font-weight:500;padding:6px 10px}.health-tips{gap:6px}.health-tip{border-radius:8px;padding:6px 10px}.expenses-page{background:var(--background);min-height:100vh}.expenses-total{background:var(--gradient);border-radius:24px;color:#fff;margin-bottom:16px;padding:24px;text-align:center}.expenses-total p:first-child{font-size:14px;margin-bottom:8px;opacity:.85}.expenses-total h2{font-size:36px;font-weight:800;margin-bottom:4px}.expenses-total p:last-child{font-size:13px;opacity:.75}.search-bar{align-items:center;background:var(--card-bg);border:2px solid var(--border);border-radius:14px;box-shadow:var(--shadow);display:flex;gap:10px;margin-bottom:12px;padding:12px 16px;transition:border-color .3s ease}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed1a}.search-icon{flex-shrink:0;font-size:18px}.search-input{background:#0000!important;color:var(--text-primary);flex:1 1;font-size:15px;outline:none!important;padding:0!important;width:auto}.search-input,.search-input:focus{border:none!important;box-shadow:none!important}.clear-search{align-items:center;background:var(--border);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:26px;justify-content:center;transition:all .2s ease;width:26px}.clear-search:hover{background:var(--danger);color:#fff}.filter-sort-row{align-items:center;display:flex;gap:8px;margin-bottom:12px}.filter-toggle-btn{align-items:center;background:var(--card-bg);border:2px solid var(--border);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:6px;padding:11px 16px;transition:all .2s ease;white-space:nowrap}.filter-toggle-btn.active{background:#ede9fe;border-color:var(--primary);color:var(--primary)}.filter-badge{color:var(--primary);font-size:14px;line-height:1}.sort-select{background:var(--card-bg);border:2px solid var(--border);border-radius:12px;color:var(--text-primary);cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:13px;padding:11px 14px;transition:all .2s ease}.sort-select:focus{border-color:var(--primary);outline:none}.advanced-filters{margin-bottom:12px;overflow:hidden}.filter-scroll{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}.filter-scroll::-webkit-scrollbar{display:none}.filter-btn{background:var(--card-bg);border:2px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.filter-btn.active{background:var(--gradient);border-color:#0000;box-shadow:0 4px 12px #7c3aed4d;color:#fff}.add-expense-btn,.expense-form{margin-bottom:16px}.expense-form{overflow:hidden}.expense-form h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:16px}.expenses-list{margin-top:8px}.expense-item{align-items:center;border-radius:16px;display:flex;gap:12px;margin-bottom:10px;padding:16px;transition:all .2s ease}.expense-item:hover{box-shadow:0 6px 20px #7c3aed26;transform:translateX(4px)}.expense-icon{align-items:center;background:var(--background);border-radius:14px;display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;width:48px}body.dark-mode .expense-icon{background:#273549}.expense-details{flex:1 1;min-width:0}.expense-name{color:var(--text-primary);font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-category{color:var(--primary);font-size:12px;font-weight:500;margin-top:2px}.expense-date{color:var(--text-secondary);font-size:12px;margin-top:2px}.expense-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.expense-amount{color:var(--danger);font-size:16px;font-weight:700}.delete-btn{background:#fee2e2;border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:4px 8px;transition:all .3s ease}.delete-btn:hover{background:#fca5a5;transform:scale(1.1)}body.dark-mode .delete-btn{background:#7f1d1d}.reports-page{background:var(--background);min-height:100vh}.summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.summary-card{border-radius:16px;padding:16px 12px;text-align:center;transition:all .3s ease}.summary-card p{font-size:12px;font-weight:500;margin-bottom:6px}.summary-card h3{font-size:15px;font-weight:700}.summary-card.income{background:#d1fae5;color:#065f46}.summary-card.expense{background:#fee2e2;color:#991b1b}.summary-card.savings{background:#ede9fe;color:#5b21b6}body.dark-mode .summary-card.income{background:#064e3b;color:#6ee7b7}body.dark-mode .summary-card.expense{background:#7f1d1d;color:#fca5a5}body.dark-mode .summary-card.savings{background:#3b0764;color:#c4b5fd}.download-buttons{display:flex;gap:10px;margin-bottom:16px}.download-btn{border:none;border-radius:14px;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;padding:14px;transition:all .3s ease}.download-btn.pdf{background:var(--gradient);box-shadow:0 4px 15px #7c3aed4d;color:#fff}.download-btn.excel{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.download-btn:hover{transform:translateY(-2px)}.download-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.report-tabs{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);display:flex;gap:2px;margin-bottom:16px;padding:4px}.report-tabs button{background:#0000;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;padding:10px 6px;transition:all .3s ease;white-space:nowrap}.report-tabs button.active{background:var(--gradient);color:#fff;font-weight:600}.health-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.health-score-circle{align-items:center;border:4px solid;border-radius:50%;display:flex;flex-direction:column;flex-shrink:0;height:72px;justify-content:center;width:72px}.health-score-number{font-size:22px;font-weight:800;line-height:1}.health-score-total{color:var(--text-secondary);font-size:11px;font-weight:500}.health-progress{background:var(--border);border-radius:10px;height:10px;margin-bottom:12px;overflow:hidden}.health-progress-fill{border-radius:10px;height:100%}.health-grade{align-items:center;display:flex;justify-content:space-between}.health-reasons{display:flex;flex-direction:column;gap:8px}.health-reason.good{background:#d1fae5;border-radius:10px;color:#065f46;font-size:13px;font-weight:500;padding:8px 12px}body.dark-mode .health-reason.good{background:#064e3b;color:#6ee7b7}.health-tips{display:flex;flex-direction:column;gap:8px}.health-tip{background:#fef3c7;border-radius:10px;color:#92400e;font-size:13px;font-weight:500;padding:8px 12px}body.dark-mode .health-tip{background:#451a03;color:#fcd34d}.more-page{background:var(--background);min-height:100vh}.user-card{gap:16px;margin-bottom:24px}.user-avatar,.user-card{align-items:center;display:flex}.user-avatar{background:var(--gradient);border-radius:50%;color:#fff;flex-shrink:0;font-size:24px;font-weight:700;height:56px;justify-content:center;width:56px}.user-info h3{color:var(--text-primary);font-size:18px;font-weight:600;text-transform:capitalize}.section-title,.user-info p{color:var(--text-secondary);font-size:13px}.section-title{font-weight:600;letter-spacing:1px;margin-bottom:8px;padding-left:4px;text-transform:uppercase}.more-items-card{background:var(--card-bg);border-radius:20px;box-shadow:var(--shadow);margin-bottom:16px;overflow:hidden}.more-item{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:14px;padding:16px 20px;text-align:left;transition:background .2s ease;width:100%}.more-item:last-child{border-bottom:none}.more-item:hover{background:var(--background)}body.dark-mode .more-item:hover{background:#273549}.more-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.more-label{color:var(--text-primary);flex:1 1;font-family:Poppins,sans-serif;font-size:15px;font-weight:500;text-align:left}.more-arrow{color:var(--text-secondary);font-size:20px}.logout-btn{background:#fee2e2;border:none;border-radius:16px;color:#ef4444;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin-top:8px;padding:16px;transition:all .3s ease;width:100%}.logout-btn:hover{background:#fca5a5;transform:translateY(-2px)}body.dark-mode .logout-btn{background:#7f1d1d;color:#fca5a5}:root{--sidebar-width:240px;--bottom-nav-height:76px}.bottom-nav{align-items:center!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--card-bg)!important;border-right:none!important;border-top:1px solid var(--border)!important;bottom:0!important;box-shadow:0 -4px 30px #0000001a!important;box-sizing:border-box;display:flex!important;flex-direction:row!important;gap:0;height:calc(76px + env(safe-area-inset-bottom, 0px))!important;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px))!important;justify-content:space-around!important;left:0!important;padding:0 8px env(safe-area-inset-bottom,0)!important;position:fixed!important;right:0!important;top:auto!important;width:100%!important;z-index:9990}.page-container{margin-left:0!important;padding-bottom:100px!important;padding-bottom:calc(var(--bottom-nav-height) + 24px)!important}.nav-item{align-items:center;background:#0000;border:none;border-radius:14px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:3px;height:100%;justify-content:center;min-width:0;padding:6px 2px;position:relative;transition:background .18s ease}.nav-item:hover{background:#7c3aed0f}.nav-item:active{background:#7c3aed1a}.nav-icon{display:block;font-size:21px;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.nav-label{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:10px;font-weight:500;line-height:1.2;max-width:58px;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:color .18s ease,font-weight .18s ease;white-space:nowrap}.nav-item.active .nav-icon{transform:translateY(-3px) scale(1.18)}.nav-item.active .nav-label{color:#7c3aed;color:var(--primary,#7c3aed);font-weight:700}.active-dot{background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient,linear-gradient(135deg,#7c3aed,#ec4899));border-radius:99px;bottom:6px;height:3px;left:0;margin:0 auto;position:absolute;right:0;width:20px}.nav-item.center-btn{background:#0000!important;flex:0 0 68px!important;flex-direction:column!important}.center-icon{align-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient,linear-gradient(135deg,#7c3aed,#ec4899));border:3.5px solid #fff;border:3.5px solid var(--card-bg,#fff);border-radius:50%;box-shadow:0 6px 20px #7c3aed73;color:#fff;display:flex;height:54px;justify-content:center;margin-top:-26px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease;width:54px}.nav-item.center-btn:hover .center-icon{box-shadow:0 8px 28px #7c3aed8c;transform:translateY(-2px) scale(1.1)}.nav-item.center-btn:active .center-icon{transform:scale(.94)}.center-label{display:none}.dark-mode .bottom-nav{box-shadow:0 -4px 30px #00000059!important}.dark-mode .center-icon{border-color:#1e1e2e;border-color:var(--card-bg,#1e1e2e)}@media (min-width:1025px){.bottom-nav{align-items:stretch!important;border-right:1px solid var(--border)!important;border-top:none!important;bottom:0!important;box-shadow:4px 0 24px #0000000f!important;flex-direction:column!important;gap:4px!important;height:100vh!important;justify-content:flex-start!important;left:0!important;overflow-x:hidden;overflow-y:auto;padding:24px 12px!important;right:auto!important;top:0!important;width:240px!important;width:var(--sidebar-width)!important}.page-container{margin-left:240px!important;margin-left:var(--sidebar-width)!important;padding-bottom:32px!important}.nav-item.center-btn{align-items:center!important;background:linear-gradient(135deg,#7c3aed,#ec4899)!important;background:var(--gradient,linear-gradient(135deg,#7c3aed,#ec4899))!important;border-radius:14px!important;box-shadow:0 4px 16px #7c3aed59!important;flex:0 0 auto!important;flex-direction:row!important;gap:10px!important;height:46px!important;justify-content:center!important;margin-bottom:20px;order:-1;padding:0 16px!important;transition:box-shadow .2s ease,transform .2s ease!important;width:100%!important}.nav-item.center-btn:hover{box-shadow:0 6px 22px #7c3aed80!important;transform:translateY(-1px)!important}.nav-item.center-btn:active{transform:scale(.97)!important}.center-icon{align-items:center!important;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#fff!important;display:flex!important;font-size:18px!important;height:22px!important;justify-content:center!important;margin-top:0!important;min-width:22px!important;width:22px!important}.center-label{color:#fff;display:block!important;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;letter-spacing:.2px;white-space:nowrap}.nav-item{align-items:center!important;border-radius:12px!important;flex:0 0 auto!important;flex-direction:row!important;gap:13px!important;height:46px!important;justify-content:flex-start!important;padding:0 14px!important;width:100%!important}.nav-item:hover{background:var(--background)!important}.nav-item:active{transform:scale(.98)}.nav-item.active{background:linear-gradient(135deg,#7c3aed1f,#ec489912)!important}.nav-icon{flex-shrink:0!important;font-size:19px!important;text-align:center!important;transform:none!important;width:22px!important}.nav-label{color:var(--text-secondary)!important;flex:1 1!important;font-size:14px!important;font-weight:500!important;max-width:none!important;overflow:visible!important;text-align:left!important;text-overflow:clip!important;white-space:nowrap!important}.nav-item.active .nav-label{color:var(--primary)!important;font-weight:600!important}.nav-item.active .nav-icon{transform:none!important}.active-dot{display:none!important}.nav-item.active:after{background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient,linear-gradient(135deg,#7c3aed,#ec4899));border-radius:0 4px 4px 0;content:"";height:50%;left:0;position:absolute;top:25%;width:3.5px}.dark-mode .bottom-nav{box-shadow:4px 0 24px #00000040!important}.dark-mode .nav-item.active{background:linear-gradient(135deg,#7c3aed2e,#ec48991a)!important}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{margin:0;padding-bottom:95px!important}@media (min-width:1025px){body{padding-bottom:0!important}}
/*# sourceMappingURL=main.6c8c3cea.css.map*/