@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{font-family:Manrope,sans-serif;padding:20px}.transactions-page h2{color:var(--text);font-family:Sora,sans-serif;font-size:1.4rem;letter-spacing:.3px;margin-bottom:12px}.report-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.report-controls label{color:var(--text);font-weight:700}.report-controls input[type=month]{background:var(--surface-soft);border:1px solid #d0d7de;border-radius:10px;padding:8px}.report-controls button{background:linear-gradient(120deg,#153e75,#1f6feb);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:8px 12px}.report-controls button:disabled{cursor:not-allowed;opacity:.7}.report-error{color:var(--danger);margin:0 0 8px}.transactions-page table{border-collapse:initial;border-radius:var(--radius-md);border-spacing:0;box-shadow:var(--shadow-sm);margin-top:10px;overflow:hidden;width:100%}.transactions-page td,.transactions-page th{border:1px solid #ddd;padding:12px;text-align:left}.transactions-page th{background:linear-gradient(120deg,#153e75,#1f6feb);color:#fff;font-size:.8rem;letter-spacing:.4px}.transactions-page td{background-color:#fff;color:var(--text)}.transactions-page tr:nth-child(2n) td{background-color:#f8fbff}.transactions-page tr:hover td{background-color:#eef5ff}.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 h2{font-size:1.2rem}.transactions-page td,.transactions-page th{padding:10px}.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;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;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}.modal-content form label{display:block;font-size:14px;margin:10px 0 5px}.modal-content form input,.modal-content form select{-webkit-appearance:none;appearance:none;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;height:42px;margin-bottom:15px;padding:10px;width:100%}.modal-content form button{border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-top:10px;padding:10px}.modal-content form button[type=submit]{background-color:#2c3e50;color:#fff}.modal-content form button[type=button]{background-color:#ccc;color:#333}.modal-content form button:hover{opacity:.9}.overview-card{background:var(--surface-soft);border:1px solid #102a431a;flex:1 1;margin:8px 0;text-align:center}.recent-transactions{font-family:Manrope,sans-serif;margin-top:20px}.recent-transactions h2{color:var(--text);font-family:Sora,sans-serif;font-size:1.35rem;margin-bottom:12px}.recent-transactions table{border-collapse:initial;border-radius:var(--radius-md);border-spacing:0;box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.recent-transactions td,.recent-transactions th{border:1px solid #ddd;padding:12px;text-align:left}.recent-transactions th{background:linear-gradient(120deg,#153e75,#1f6feb);color:#fff;font-size:.8rem;letter-spacing:.4px}.recent-transactions td{background-color:#fff;color:var(--text)}.recent-transactions tr:nth-child(2n) td{background-color:#f8fbff}.recent-transactions tr:hover td{background-color:#eef5ff}@media (max-width:768px){.recent-transactions h2{font-size:1.2rem}.recent-transactions td,.recent-transactions th{padding:10px}}.summary-chart{background:var(--surface);border:1px solid #102a4314;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-family:Manrope,sans-serif;margin:20px auto;max-width:1000px;padding:20px}.summary-chart h2{color:var(--text);font-family:Sora,sans-serif;font-size:1.5rem;margin-bottom:20px;text-align:center}.timeframe-selector{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.timeframe-selector label{color:var(--muted);font-size:.95rem;font-weight:700;margin-right:10px}.timeframe-dropdown{background-color:var(--surface-soft);border:1px solid #d0d7de;border-radius:10px;color:var(--text);cursor:pointer;font-size:.95rem;padding:10px 15px;transition:border-color .3s ease,box-shadow .3s ease}.timeframe-dropdown:focus,.timeframe-dropdown:hover{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring);outline:none}.canvas-container{max-width:950px;width:100%}.summary-chart p{color:var(--muted);font-size:.95rem;font-style:italic;margin-top:15px;text-align:center}.spending-habits{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;font-family:Arial,sans-serif;margin:20px auto;max-width:1000px;padding:20px}.spending-habits h2{color:#2c3e50;font-size:1.8rem;margin-bottom:20px;text-align:center}.canvas-container{height:400px;margin:0 auto;max-width:100%;overflow:hidden;position:relative}.spending-habits p{color:gray;font-size:1rem;font-style:italic;margin-top:15px;text-align:center}.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;background:var(--surface);border:1px solid #102a4314;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px}.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:center;border-radius:14px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;padding:20px;transition:transform .2s,box-shadow .3s ease}.overview-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.income-card{background-color:#d4edda;color:#155724}.expense-card{background-color:#f8d7da;color:#721c24}.net-balance-card{background-color:#d1ecf1;color:#0c5460}.income-control{align-items:center;display:flex;gap:10px;margin-top:10px}.slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#1f6feb,#0f9d58);border-radius:999px;flex:1 1;height:8px}.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}}.floating-buttons{bottom:20px;display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;z-index:1000}.floating-button{background:linear-gradient(120deg,#1f6feb,#153e75);border:none;border-radius:50px;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 20px;transition:background-color .3s ease,transform .2s ease}.floating-button:hover{transform:translateY(-2px)}.income-slider-container{display:flex;justify-content:center;margin-top:10px;width:100%}@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.1f45decf.css.map*/