@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap);:root{--bg:#020617;--bg-elevated:#09090b;--surface:#18181bd1;--surface-soft:#27272ac7;--surface-strong:#09090be6;--surface-table:#0f172ad1;--border:#ffffff24;--border-strong:#ffffff38;--text:#f8fafc;--text-strong:#fff;--muted:#a1a1aa;--muted-strong:#d4d4d8;--brand:#2563eb;--brand-light:#60a5fa;--brand-dark:#1d4ed8;--success:#22c55e;--success-soft:#22c55e29;--warning:#fbbf24;--warning-soft:#fbbf2429;--danger:#ef4444;--danger-soft:#ef444429;--ring:#60a5fa57;--shadow-sm:0 10px 30px #00000038;--shadow-md:0 24px 70px #00000052;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:22px}*{box-sizing:border-box}#root,body,html{min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 12% 8%,#2563eb47,#0000 30%),radial-gradient(circle at 88% 12%,#22c55e1f,#0000 28%),linear-gradient(135deg,#020617,#09090b 48%,#0f172a),#020617;background:radial-gradient(circle at 12% 8%,#2563eb47,#0000 30%),radial-gradient(circle at 88% 12%,#22c55e1f,#0000 28%),linear-gradient(135deg,#020617 0,#09090b 48%,#0f172a 100%),var(--bg);color:#f8fafc;color:var(--text);font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}body:before{background-image:linear-gradient(hsla(0,0%,100%,.028) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.028) 1px,#0000 0);background-size:44px 44px;content:"";inset:0;-webkit-mask-image:linear-gradient(180deg,#000000b8,#0000 82%);mask-image:linear-gradient(180deg,#000000b8,#0000 82%);pointer-events:none;position:fixed}button,input,select,textarea{font:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar-container{background:linear-gradient(180deg,#020617f5,#02061700);padding:16px 20px 0;position:sticky;top:0;z-index:1000}.navbar{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#18181bc7;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text);display:flex;gap:18px;justify-content:space-between;margin:0 auto;padding:12px 18px;width:min(100%,1200px)}.navbar-logo{font-family:Sora,sans-serif;font-size:1.3rem;letter-spacing:.6px;text-transform:uppercase}.navbar-links{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.navbar-links a{border-radius:999px;color:#e8f1ff;font-weight:700;padding:8px 12px;text-decoration:none;transition:background-color .2s ease,transform .2s ease}.navbar-links a:hover{background:#ffffff24;transform:translateY(-1px)}.profile-dropdown select{background:#ffffff24;border:1px solid #ffffff59;border-radius:999px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:8px 12px}.profile-dropdown select:focus{box-shadow:0 0 0 3px #ffffff40;outline:none}.logout-button,.navbar-button{border:none;border-radius:999px;cursor:pointer;font-weight:700;padding:9px 14px;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}.navbar-button{background:#ffcf33;color:#102a43}.navbar-button:hover{box-shadow:0 6px 16px #0003;transform:translateY(-1px)}.navbar-button.active{background:#ffd95f}.logout-button{background:#fff;color:#153e75}.logout-button:hover{opacity:.92;transform:translateY(-1px)}@media (max-width:900px){.navbar-container{padding:12px 12px 0}.navbar{align-items:flex-start;flex-direction:column;padding:12px}.navbar-links{width:100%}}.transactions-page{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#27272abd,#0f172ac7);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:22px}.transactions-page-header{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.transactions-page-eyebrow{color:var(--brand-light);font-size:.76rem;font-weight:700;letter-spacing:.12em;margin:0 0 8px;text-transform:uppercase}.transactions-page h2{color:var(--text-strong);font-size:1.45rem;line-height:1.15;margin:0}.report-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.report-controls label{color:var(--muted-strong);font-size:.9rem;font-weight:700}.report-controls input[type=month]{background:#09090bb8;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-weight:600;min-height:40px;padding:8px 12px}.report-controls button{background:var(--brand);border:1px solid #60a5fa6b;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:700;min-height:40px;padding:8px 13px;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.report-controls button:focus-visible,.report-controls input[type=month]:focus{border-color:var(--brand-light);box-shadow:0 0 0 4px var(--ring);outline:none}.report-controls button:hover:not(:disabled){background:var(--brand-dark);border-color:#93c5fdb3}.report-controls button:disabled{cursor:not-allowed;opacity:.55}.report-error{background:var(--danger-soft);border:1px solid #ef44444d;border-radius:var(--radius-md);color:#fca5a5;font-weight:600;margin:0 0 14px;padding:10px 12px}.transactions-page table{background:#09090b57;border:1px solid var(--border);border-collapse:initial;border-radius:var(--radius-lg);border-spacing:0;margin-top:14px;min-width:520px;overflow:hidden;width:100%}.transactions-page td,.transactions-page th{border:0;border-bottom:1px solid var(--border);padding:13px 14px;text-align:left}.transactions-page th{background:#2563eb29;color:var(--muted-strong);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.transactions-page td{background:#09090b3d;color:var(--text);font-size:.95rem}.transactions-page tr:nth-child(2n) td{background:hsla(0,0%,100%,.035)}.transactions-page tr:hover td{background:#2563eb1f}.transactions-page tbody tr:last-child td{border-bottom:0}.transactions-page td[colspan]{color:var(--muted);font-style:italic}.transaction-input{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.transaction-input input,.transaction-input select{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:8px}.transaction-input button{background-color:#2c3e50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:8px 12px;transition:background-color .3s ease,transform .3s ease}.transaction-input button:hover{background-color:#34495e;transform:scale(1.05)}@media (max-width:768px){.transactions-page{padding:18px}.transactions-page-header{flex-direction:column}.transactions-page h2{font-size:1.2rem}.report-controls,.report-controls button,.report-controls input[type=month]{width:100%}.transactions-page td,.transactions-page th{padding:11px 12px}.transaction-input{flex-direction:column;gap:15px}.transaction-input button{align-self:center;width:100%}}.login-container{--auth-bg:#09090b;--auth-surface:#18181bc2;--auth-surface-strong:#27272aeb;--auth-border:#ffffff29;--auth-text:#fafafa;--auth-muted:#a1a1aa;--auth-subtle:#d4d4d8;--auth-blue:#2563eb;--auth-blue-hover:#1d4ed8;--auth-danger:#fca5a5;align-items:center;background:radial-gradient(circle at 16% 14%,#2563eb6b,#0000 30%),radial-gradient(circle at 84% 20%,#0ea5e933,#0000 28%),linear-gradient(135deg,#09090b,#18181b 48%,#0f172a);color:var(--auth-text);display:flex;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100svh;overflow:hidden;padding:48px 24px;position:relative}.login-container:before{background-image:linear-gradient(hsla(0,0%,100%,.035) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.035) 1px,#0000 0);background-size:44px 44px;content:"";inset:0;-webkit-mask-image:linear-gradient(180deg,#000000b8,#0000 78%);mask-image:linear-gradient(180deg,#000000b8,#0000 78%);pointer-events:none;position:absolute}.login-shell{grid-gap:64px;align-items:center;display:grid;gap:64px;grid-template-columns:minmax(0,1fr) minmax(360px,440px);position:relative;width:min(100%,1040px);z-index:1}.login-brand-panel{max-width:540px}.login-box-kicker,.login-eyebrow{color:#93c5fd;font-size:.78rem;font-weight:700;letter-spacing:.12em;margin:0;text-transform:uppercase}.app-title{color:var(--auth-text);font-size:clamp(2.6rem,6vw,5.2rem);font-weight:700;letter-spacing:0;line-height:.95;margin:14px 0 16px}.login-subtitle{color:var(--auth-subtle);font-size:1.08rem;line-height:1.7;margin:0;max-width:480px}.login-trust-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.login-trust-list span{background:#2563eb1f;border:1px solid #93c5fd47;border-radius:999px;color:#bfdbfe;font-size:.86rem;font-weight:600;padding:8px 12px}.login-box{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--auth-surface);border:1px solid var(--auth-border);border-radius:22px;box-shadow:0 24px 80px #00000061;padding:34px;width:100%}.login-box-header{margin-bottom:26px}.login-box h2{color:var(--auth-text);font-size:2rem;letter-spacing:0;line-height:1.1;margin:8px 0 0}.login-field{grid-gap:8px;display:grid;gap:8px;margin-bottom:18px;text-align:left}.login-field label{color:#e4e4e7;font-size:.94rem;font-weight:600}.login-input{background:#09090bb8;border:1px solid #d4d4d838;border-radius:12px;color:var(--auth-text);font:inherit;min-height:48px;padding:0 14px;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;width:100%}.login-input::placeholder{color:#71717a}.login-input:focus{background:#09090bdb;border-color:#60a5fa;box-shadow:0 0 0 4px #2563eb47;outline:none}.button{border:0;border-radius:12px;color:#fff;cursor:pointer;font:inherit;font-size:1rem;font-weight:700;min-height:50px;transition:background-color .18s ease,box-shadow .18s ease;width:100%}.button-primary{background:var(--auth-blue);box-shadow:0 14px 30px #2563eb42}.button-primary:hover{background:var(--auth-blue-hover);box-shadow:0 18px 34px #2563eb57}.button:focus-visible,.login-link-button:focus-visible{outline:3px solid #60a5fae6;outline-offset:3px}.login-error{background:#7f1d1d47;border:1px solid #fca5a54d;border-radius:12px;color:var(--auth-danger);font-size:.92rem;font-weight:600;margin:4px 0 18px;padding:11px 12px;text-align:left}.login-switch{color:var(--auth-muted);display:flex;flex-wrap:wrap;font-size:.94rem;gap:6px;justify-content:center;margin:20px 0 0}.login-link-button{background:#0000;border:0;color:#93c5fd;cursor:pointer;font:inherit;font-weight:700;padding:0}.login-link-button:hover{color:#bfdbfe;text-decoration:underline}@media (max-width:820px){.login-container{align-items:flex-start;padding:32px 18px}.login-shell{gap:28px;grid-template-columns:1fr}.login-brand-panel,.login-subtitle{max-width:none}}@media (max-width:480px){.login-box{border-radius:18px;padding:24px 18px}.login-trust-list{gap:8px}}@media (prefers-reduced-motion:reduce){.button,.login-input,.login-link-button{transition:none}}.signup-container{--auth-bg:#09090b;--auth-surface:#18181bc2;--auth-border:#ffffff29;--auth-text:#fafafa;--auth-muted:#a1a1aa;--auth-subtle:#d4d4d8;--auth-blue:#2563eb;--auth-blue-hover:#1d4ed8;--auth-danger:#fca5a5;--auth-success:#86efac;align-items:center;background:radial-gradient(circle at 12% 16%,#2563eb61,#0000 30%),radial-gradient(circle at 84% 82%,#22c55e24,#0000 28%),linear-gradient(135deg,#09090b,#18181b 52%,#0f172a);color:var(--auth-text);display:flex;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100svh;overflow:hidden;padding:48px 24px;position:relative}.signup-container:before{background-image:linear-gradient(hsla(0,0%,100%,.035) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.035) 1px,#0000 0);background-size:44px 44px;content:"";inset:0;-webkit-mask-image:linear-gradient(180deg,#000000b8,#0000 78%);mask-image:linear-gradient(180deg,#000000b8,#0000 78%);pointer-events:none;position:absolute}.signup-shell{grid-gap:64px;align-items:center;display:grid;gap:64px;grid-template-columns:minmax(0,1fr) minmax(360px,460px);position:relative;width:min(100%,1080px);z-index:1}.signup-brand-panel{max-width:560px}.signup-card-kicker,.signup-eyebrow{color:#93c5fd;font-size:.78rem;font-weight:700;letter-spacing:.12em;margin:0;text-transform:uppercase}.signup-brand-panel h1{color:var(--auth-text);font-size:clamp(2.6rem,6vw,5.2rem);font-weight:700;letter-spacing:0;line-height:.95;margin:14px 0 16px}.signup-subtitle{color:var(--auth-subtle);font-size:1.08rem;line-height:1.7;margin:0;max-width:500px}.signup-trust-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.signup-trust-list span{background:#2563eb1f;border:1px solid #93c5fd47;border-radius:999px;color:#bfdbfe;font-size:.86rem;font-weight:600;padding:8px 12px}.signup-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--auth-surface);border:1px solid var(--auth-border);border-radius:22px;box-shadow:0 24px 80px #00000061;padding:32px;width:100%}.signup-card-header{margin-bottom:24px}.signup-card h2{color:var(--auth-text);font-size:2rem;letter-spacing:0;line-height:1.1;margin:8px 0 0}.signup-field{grid-gap:8px;display:grid;gap:8px;margin-bottom:16px;text-align:left}.signup-field label{color:#e4e4e7;font-size:.94rem;font-weight:600}.signup-input{background:#09090bb8;border:1px solid #d4d4d838;border-radius:12px;color:var(--auth-text);font:inherit;min-height:48px;padding:0 14px;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;width:100%}.signup-input::placeholder{color:#71717a}.signup-input:focus{background:#09090bdb;border-color:#60a5fa;box-shadow:0 0 0 4px #2563eb47;outline:none}.signup-button{background:var(--auth-blue);border:0;border-radius:12px;box-shadow:0 14px 30px #2563eb42;color:#fff;cursor:pointer;font:inherit;font-size:1rem;font-weight:700;min-height:50px;transition:background-color .18s ease,box-shadow .18s ease;width:100%}.signup-button:hover{background:var(--auth-blue-hover);box-shadow:0 18px 34px #2563eb57}.signup-button:focus-visible,.signup-link-button:focus-visible{outline:3px solid #60a5fae6;outline-offset:3px}.signup-error,.signup-success{border-radius:12px;font-size:.92rem;font-weight:600;margin:2px 0 16px;padding:11px 12px;text-align:left}.signup-error{background:#7f1d1d47;border:1px solid #fca5a54d;color:var(--auth-danger)}.signup-success{background:#14532d3d;border:1px solid #86efac47;color:var(--auth-success)}.signup-switch{color:var(--auth-muted);display:flex;flex-wrap:wrap;font-size:.94rem;gap:6px;justify-content:center;margin:20px 0 0}.signup-link-button{background:#0000;border:0;color:#93c5fd;cursor:pointer;font:inherit;font-weight:700;padding:0}.signup-link-button:hover{color:#bfdbfe;text-decoration:underline}@media (max-width:860px){.signup-container{align-items:flex-start;padding:32px 18px}.signup-shell{gap:28px;grid-template-columns:1fr}.signup-brand-panel,.signup-subtitle{max-width:none}}@media (max-width:480px){.signup-card{border-radius:18px;padding:24px 18px}.signup-trust-list{gap:8px}}@media (prefers-reduced-motion:reduce){.signup-button,.signup-input,.signup-link-button{transition:none}}.add-transaction{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 6px #0000001a;margin:20px auto;max-width:400px;padding:20px;text-align:left;width:100%}.add-transaction h3{color:#333;font-size:20px;margin-bottom:15px}.form-group{margin-bottom:15px}.form-group label{color:#555;display:block;font-size:14px;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:100%}.error{color:red;font-size:14px;margin-bottom:10px}.submit-button{background-color:#2c3e50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;width:100%}.submit-button:hover{background-color:#1a2b3c}.modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617c7;display:flex;height:100%;inset:0;justify-content:center;padding:20px;position:fixed;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box;max-width:90%;padding:20px 30px;width:400px}.modal-content h2{font-size:22px;margin-top:0;text-align:center}.modal-content form{display:flex;flex-direction:column;gap:14px}.modal-content form label{color:var(--muted-strong);display:flex;flex-direction:column;font-size:.92rem;font-weight:700;gap:8px;margin:0}.modal-content form input,.modal-content form select{-webkit-appearance:none;appearance:none;background:#09090bb8;border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text);height:44px;margin:0;padding:9px 12px;width:100%}.modal-content form input:focus,.modal-content form select:focus{border-color:var(--brand-light);box-shadow:0 0 0 4px var(--ring);outline:none}.modal-content form button{border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;font-size:.95rem;font-weight:700;min-height:44px;padding:10px 14px;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.modal-content form button[type=submit]{background:var(--brand);border-color:#60a5fa6b;color:#fff}.modal-content form button[type=button]{background:#ffffff14;border-color:var(--border);color:var(--text)}.modal-content form button:hover:not(:disabled){border-color:#93c5fdb3}.modal-content form button[type=submit]:hover:not(:disabled){background:var(--brand-dark)}.modal-content form button:disabled{cursor:not-allowed;opacity:.55}.modal-content form button:focus-visible{box-shadow:0 0 0 4px var(--ring);outline:none}.overview-card{background:linear-gradient(180deg,#27272ad6,#0f172ac7);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex:1 1;margin:0;min-height:132px;overflow:hidden;padding:20px;position:relative;text-align:left}.overview-card:before{background:var(--brand-light);background:var(--overview-accent,var(--brand-light));content:"";inset:0 auto 0 0;position:absolute;width:4px}.overview-card h3{color:var(--muted-strong);font-size:.82rem;font-weight:700;letter-spacing:.08em;margin:0 0 14px;text-transform:uppercase}.overview-card p{color:var(--text-strong);font-size:clamp(1.7rem,3vw,2.35rem);font-weight:700;line-height:1;margin:0}.overview-card-green{--overview-accent:var(--success);background:linear-gradient(180deg,#22c55e29,#0f172ad1)}.overview-card-red{--overview-accent:var(--danger);background:linear-gradient(180deg,#ef444424,#0f172ad1)}.overview-card-blue{--overview-accent:var(--brand-light);background:linear-gradient(180deg,#2563eb2e,#0f172ad1)}.recent-transactions{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#27272abd,#0f172ac7);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin:22px auto;padding:22px}.recent-transactions-header{margin-bottom:18px}.recent-transactions-header p{color:var(--brand-light);font-size:.76rem;font-weight:700;letter-spacing:.12em;margin:0 0 8px;text-transform:uppercase}.recent-transactions h2{color:var(--text-strong);font-size:1.45rem;line-height:1.15;margin:0}.recent-transactions-table-shell{background:#09090b57;border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto;width:100%}.recent-transactions table{border-collapse:initial;border-spacing:0;min-width:520px;width:100%}.recent-transactions td,.recent-transactions th{border:0;border-bottom:1px solid var(--border);padding:13px 14px;text-align:left}.recent-transactions th{background:#2563eb29;color:var(--muted-strong);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.recent-transactions td{background:#09090b3d;color:var(--text);font-size:.95rem}.recent-transactions tr:nth-child(2n) td{background:hsla(0,0%,100%,.035)}.recent-transactions tr:hover td{background:#2563eb1f}.recent-transactions tbody tr:last-child td{border-bottom:0}.recent-transactions td[colspan]{color:var(--muted);font-style:italic}@media (max-width:768px){.recent-transactions h2{font-size:1.2rem}.recent-transactions td,.recent-transactions th{padding:11px 12px}}.summary-chart{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#27272abd,#0f172ac7);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin:22px auto;max-width:1000px;padding:22px}.summary-chart-header{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin-bottom:20px}.summary-chart-eyebrow{color:var(--brand-light);font-size:.76rem;font-weight:700;letter-spacing:.12em;margin:0 0 8px;text-transform:uppercase}.summary-chart h2{color:var(--text-strong);font-size:1.45rem;line-height:1.15;margin:0}.timeframe-selector{align-items:center;display:flex;gap:10px}.timeframe-selector label{color:var(--muted-strong);font-size:.9rem;font-weight:700}.timeframe-dropdown{background:#09090bb8;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);cursor:pointer;font-size:.95rem;font-weight:600;min-height:40px;padding:8px 12px;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.timeframe-dropdown:focus,.timeframe-dropdown:hover{background:#09090bdb;border-color:var(--brand-light);box-shadow:0 0 0 4px var(--ring);outline:none}.summary-chart-canvas{background:#09090b57;border:1px solid var(--border);border-radius:var(--radius-lg);height:360px;padding:14px;position:relative;width:100%}.summary-chart-empty{color:var(--muted);font-size:.95rem;font-style:italic;margin:14px 0 0;text-align:center}@media (max-width:700px){.summary-chart{padding:18px}.summary-chart-header,.timeframe-selector{flex-direction:column}.timeframe-selector{align-items:flex-start;width:100%}.timeframe-dropdown{width:100%}.summary-chart-canvas{height:320px}}.spending-habits{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#27272abd,#0f172ac7);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin:22px auto;max-width:1000px;padding:22px}.spending-habits h2{color:var(--text-strong);font-size:1.45rem;line-height:1.15;margin:0 0 20px}.spending-habits .canvas-container{background:#09090b57;border:1px solid var(--border);border-radius:var(--radius-lg);height:360px;overflow:hidden;padding:14px;position:relative;width:100%}.spending-habits p{color:var(--muted);font-size:.95rem;font-style:italic;margin:14px 0 0;text-align:center}@media (max-width:700px){.spending-habits{padding:18px}.spending-habits .canvas-container{height:320px}}.notification-banner{align-items:center;border-radius:12px;box-shadow:var(--shadow-sm);color:#fff;display:flex;font-size:.92rem;gap:12px;justify-content:space-between;margin:12px 0 16px;padding:11px 14px}.notification-banner.info{background:linear-gradient(120deg,#153e75,#1f6feb)}.notification-banner.success{background:linear-gradient(120deg,#0f7f49,#0f9d58)}.notification-banner.error{background:linear-gradient(120deg,#a61e1e,#c62828)}.notification-banner button{background:#0000;border:none;color:inherit;cursor:pointer;font-size:1rem}.dashboard-content{animation:fadeIn .35s ease-out;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,#18181bdb,#0f172ac7);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:28px}.dashboard-header{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.dashboard-eyebrow{color:var(--brand-light);font-size:.78rem;font-weight:700;letter-spacing:.12em;margin:0;text-transform:uppercase}.dashboard-header h2{color:var(--text-strong);font-size:clamp(1.9rem,4vw,3rem);line-height:1;margin:0}.profile-button{background-color:#2c3e50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s}.profile-button.active,.profile-button:hover{background-color:#1a2b3c}.profile-button.active{box-shadow:0 2px 4px #0003}.financial-overview{display:flex;flex-direction:column;gap:14px}.overview-card{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.income-control{align-items:center;display:flex;gap:10px;margin-top:10px}.slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,var(--brand),var(--success));border:1px solid var(--border);border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff0a;cursor:pointer;flex:1 1;height:10px;outline:none;width:min(100%,420px)}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--brand-light);border:3px solid var(--text-strong);border-radius:50%;box-shadow:0 8px 20px #00000052;height:22px;width:22px}.slider::-moz-range-thumb{background:var(--brand-light);border:3px solid var(--text-strong);border-radius:50%;box-shadow:0 8px 20px #00000052;height:18px;width:18px}.slider:focus-visible{box-shadow:0 0 0 4px var(--ring)}.income-input{border:1px solid #ddd;border-radius:4px;padding:5px;width:100px}.overview-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.dashboard-sections{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.view-all-link{color:#2c3e50;font-size:.9em;text-decoration:none}.view-all-link:hover{text-decoration:underline}@media (min-width:768px){.dashboard-sections{grid-template-columns:1fr 1fr}}@media (max-width:640px){.dashboard-content{border-radius:var(--radius-lg);padding:20px 16px}}.floating-buttons{bottom:24px;display:flex;flex-direction:column;gap:10px;position:fixed;right:24px;z-index:1000}.floating-button{align-items:center;background:var(--brand);border:1px solid #60a5fa6b;border-radius:999px;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:inline-flex;font-size:.98rem;font-weight:700;gap:9px;justify-content:center;min-height:48px;padding:12px 18px;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.floating-button:hover{background:var(--brand-dark);border-color:#93c5fdb3;box-shadow:0 24px 70px #2563eb47}.floating-button:focus-visible{outline:3px solid #60a5fae6;outline-offset:3px}.floating-button-symbol{background:#ffffff2e;border-radius:50%;display:inline-grid;font-size:1.1rem;height:22px;line-height:1;place-items:center;width:22px}.income-slider-container{background:#09090b57;border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;justify-content:center;margin:2px 0;padding:12px 16px;width:100%}@media (max-width:640px){.floating-buttons{bottom:16px;right:16px}.floating-button{min-height:46px;padding:11px 15px}}@media (prefers-reduced-motion:reduce){.floating-button{transition:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.subscriptions-page{padding:20px}.subscriptions-page table{border-collapse:collapse;margin-top:20px;width:100%}.subscriptions-page td,.subscriptions-page th{border:1px solid #ddd;padding:12px;text-align:left}.subscriptions-page th{background-color:#f2f2f2;font-weight:700}.subscription-input{background-color:#f9f9f9;border-radius:8px;margin:20px 0;padding:20px}.subscription-input input,.subscription-input select{border:1px solid #ddd;border-radius:4px;font-size:14px;margin:8px;padding:8px}.subscription-input button{background-color:#2c3e50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.subscription-input button:hover{background-color:#1a2b3c}.subscription-input button:disabled{background-color:#95a5a6;cursor:not-allowed}.delete-button{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.delete-button:hover{background-color:#c0392b}.error-message{background-color:#fde8e8;border:1px solid #e74c3c;border-radius:4px;color:#e74c3c;margin:10px 0;padding:10px}.loading{color:#666;padding:20px;text-align:center}@media (max-width:768px){.subscription-input{display:flex;flex-direction:column;gap:10px}.subscription-input input,.subscription-input select{margin:0;width:100%}.subscriptions-page{padding:10px}}.add-button:disabled{background-color:#ccc;cursor:not-allowed}.budget-alert{background-color:#2c3e50;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;font-family:Arial,sans-serif;margin:20px auto;max-width:800px;padding:20px 30px}.budget-alert h3{color:#1abc9c;font-size:1.5rem;font-weight:700;margin-bottom:20px}.budget-limits-form{display:flex;flex-direction:column;gap:15px}.limit-input label{display:block;font-weight:700;margin-bottom:5px}.limit-input input{background-color:#34495e;border:2px solid #1abc9c;border-radius:5px;box-sizing:border-box;color:#fff;font-size:1rem;padding:10px 15px;transition:background-color .3s ease,color .3s ease,border-color .3s ease;width:100%}.limit-input input::placeholder{color:#bdc3c7}.limit-input input:focus{background-color:#2c3e50;border-color:#1abc9c;outline:none}.spending-progress{margin-top:20px}.progress-bar{background-color:#34495e;border-radius:10px;height:20px;overflow:hidden}.progress-fill{border-radius:10px;height:100%;transition:width .3s ease}.spending-progress p{color:#fff;font-size:1rem;margin-top:10px;text-align:center}.error-message{background-color:#e74c3c;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#fff;font-weight:700;margin-bottom:20px;padding:10px 15px;text-align:center}@media (max-width:768px){.budget-alert{font-size:.9rem;padding:15px 20px}.budget-limits-form{gap:10px}.progress-bar{height:15px}}.App{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;position:relative;z-index:0}.dashboard-container{margin:auto;max-width:1200px;padding:28px 20px 56px}.dashboard-container.auth-route-container{max-width:none;min-height:100vh;padding:0}.profile-switcher{display:flex;gap:10px;margin-bottom:20px;margin-top:20px}.profile-switcher button{background-color:var(--surface-soft);border:1px solid var(--border);border-radius:999px;color:var(--text);cursor:pointer;font-size:14px;padding:8px 16px}.profile-switcher button:hover{background-color:var(--surface);border-color:var(--border-strong)}.overview-section{margin-bottom:22px;margin-top:22px}.dashboard-content{margin-top:14px}h2{color:var(--text-strong);font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;margin-bottom:20px;margin-top:12px}
/*# sourceMappingURL=main.56b8bd45.css.map*/