@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-card:#1a1f2e;--bg-card-hover:#222839;--bg-surface:#161b2e;--bg-input:#1e2438;--bg-modal-overlay:#000000bf;--neon-cyan:#00e5ff;--neon-magenta:#e040fb;--neon-amber:#ffab00;--neon-green:#00e676;--neon-red:#ff1744;--neon-purple:#7c4dff;--neon-blue:#2979ff;--neon-lime:#76ff03;--neon-orange:#ff6d00;--neon-pink:#ff4081;--text-primary:#f0f4ff;--text-secondary:#8892b0;--text-muted:#5a6380;--text-inverse:#0a0e17;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--border-subtle:1px solid #ffffff0f;--border-glow:1px solid #00e5ff33;--shadow-card:0 4px 24px #0006;--shadow-elevated:0 8px 40px #0009;--glow-cyan:0 0 20px #00e5ff4d;--glow-magenta:0 0 20px #e040fb4d;--glow-green:0 0 20px #00e6764d;--glow-red:0 0 20px #ff17444d;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--z-nav:100;--z-modal-overlay:200;--z-modal:300;--z-fab:150}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{background:var(--bg-primary);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative}@media (width>=768px){.app-container{max-width:100%}}.page-content{padding:var(--space-md);flex:1;padding-bottom:90px;animation:.3s fadeIn;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gaugeAppear{0%{stroke-dashoffset:283px}}.card{background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.card:hover{background:var(--bg-card-hover);border-color:#ffffff1a}.card-glass{-webkit-backdrop-filter:blur(16px);border:var(--border-glow);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card);background:#1a1f2eb3}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;outline:none;font-size:.875rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg, var(--neon-cyan), var(--neon-blue));color:var(--text-inverse);box-shadow:var(--glow-cyan)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 30px #00e5ff80}.btn-danger{background:linear-gradient(135deg, var(--neon-red), var(--neon-orange));color:#fff;box-shadow:var(--glow-red)}.btn-ghost{color:var(--text-secondary);border:var(--border-subtle);background:0 0}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary)}.btn-icon{border-radius:var(--radius-full);width:44px;height:44px;padding:0;font-size:1.25rem}.fab{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--neon-cyan), var(--neon-magenta));width:56px;height:56px;color:var(--text-inverse);cursor:pointer;z-index:var(--z-fab);transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:fixed;bottom:90px;right:calc(50% - 210px);box-shadow:0 4px 20px #00e5ff66}.fab:hover{transform:scale(1.1)rotate(90deg);box-shadow:0 6px 30px #e040fb80}.fab:active{transform:scale(.95)}@media (width>=768px){.fab{right:calc(50% - 340px)}}.input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-primary);transition:border-color var(--transition-fast);outline:none;font-size:.9375rem}.input:focus{border-color:var(--neon-cyan);box-shadow:0 0 0 3px #00e5ff1a}.input::placeholder{color:var(--text-muted)}.chip{border-radius:var(--radius-full);background:var(--bg-input);border:var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:4px;padding:4px 12px;font-size:.8125rem;font-weight:500;display:inline-flex}.chip:hover,.chip.active{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00e5ff1a}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;justify-content:center;align-items:center;padding:2px 8px;font-size:.6875rem;font-weight:700;display:inline-flex}.badge-healthy{color:var(--neon-green);background:#00e67626}.badge-caution{color:var(--neon-amber);background:#ffab0026}.badge-danger{color:var(--neon-red);background:#ff174426}.modal-overlay{background:var(--bg-modal-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal-overlay);justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@media (width>=768px){.modal-overlay{align-items:center}}.modal{background:var(--bg-secondary);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;z-index:var(--z-modal);animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;overflow-y:auto}@media (width>=768px){.modal{border-radius:var(--radius-xl);max-height:80vh}}.modal-header{padding:var(--space-lg);border-bottom:var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--space-lg)}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:var(--border-subtle);width:100%;max-width:480px;padding:var(--space-sm) 0;padding-bottom:max(var(--space-sm), env(safe-area-inset-bottom));z-index:var(--z-nav);background:#111827f2;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@media (width>=768px){.bottom-nav{max-width:100%}}.nav-item{padding:var(--space-xs) var(--space-md);cursor:pointer;color:var(--text-muted);font-family:var(--font-primary);transition:all var(--transition-fast);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;font-size:.6875rem;font-weight:500;display:flex;position:relative}.nav-item .nav-icon{transition:all var(--transition-fast);font-size:1.375rem}.nav-item.active{color:var(--neon-cyan)}.nav-item.active .nav-icon{filter:drop-shadow(0 0 8px #00e5ff99)}.nav-item.active:after{content:"";background:var(--neon-cyan);border-radius:var(--radius-full);width:24px;height:2px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.stars{gap:2px;display:inline-flex}.star{cursor:pointer;transition:transform var(--transition-fast);-webkit-user-select:none;user-select:none;font-size:1.125rem}.star:hover{transform:scale(1.3)}.star.filled{filter:drop-shadow(0 0 4px #ffab0080)}.privacy-active .sensitive{filter:blur(10px);-webkit-user-select:none;user-select:none;transition:filter var(--transition-normal)}.privacy-active .sensitive:hover{filter:blur(10px)}.text-mono{font-family:var(--font-mono)}.text-gradient{background:linear-gradient(135deg, var(--neon-cyan), var(--neon-magenta));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-muted{color:var(--text-secondary)}.text-sm{font-size:.8125rem}.text-lg{font-size:1.25rem}.text-xl{font-size:1.5rem}.text-2xl{font-size:2rem;font-weight:800}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.w-full{width:100%}.keypad{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.keypad-btn{aspect-ratio:1.5;background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1.375rem;font-weight:600;display:flex}.keypad-btn:hover{background:var(--bg-card-hover);border-color:var(--neon-cyan)}.keypad-btn:active{background:#00e5ff1a;transform:scale(.95)}.keypad-btn.accent{background:linear-gradient(135deg, var(--neon-cyan), var(--neon-blue));color:var(--text-inverse);font-weight:700}.keypad-btn.delete{color:var(--neon-red)}.amount-display{text-align:center;padding:var(--space-xl) 0}.amount-display .currency{color:var(--text-secondary);vertical-align:super;font-size:1.5rem;font-weight:300}.amount-display .value{font-family:var(--font-mono);letter-spacing:-2px;font-size:3rem;font-weight:800}.category-grid{gap:var(--space-sm);grid-template-columns:repeat(4,1fr);display:grid}.category-item{padding:var(--space-md) var(--space-sm);background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.category-item:hover,.category-item.selected{border-color:var(--neon-cyan);background:#00e5ff14}.category-item .cat-icon{font-size:1.5rem}.category-item .cat-name{color:var(--text-secondary);font-size:.6875rem;font-weight:500}.ghost-card{border-radius:var(--radius-md);padding:var(--space-md);background:linear-gradient(135deg,#ff174414,#e040fb14);border:1px solid #ff174433;position:relative;overflow:hidden}.ghost-card:before{content:"👻";opacity:.15;font-size:3rem;position:absolute;top:-8px;right:-8px}.progress-bar{background:var(--bg-input);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-bar .fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.summary-grid{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.summary-card{background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);text-align:center}.summary-card .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs);font-size:.6875rem}.summary-card .value{font-family:var(--font-mono);font-size:1.125rem;font-weight:700}.settings-group{background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.settings-item{padding:var(--space-md) var(--space-lg);border-bottom:var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.settings-item:last-child{border-bottom:none}.settings-item .label{color:var(--text-secondary);font-size:.875rem}.settings-item .input{text-align:right;max-width:140px}.toggle{background:var(--bg-input);border-radius:var(--radius-full);cursor:pointer;width:48px;height:26px;transition:background var(--transition-fast);border:none;position:relative}.toggle.active{background:var(--neon-cyan)}.toggle .knob{width:20px;height:20px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle.active .knob{transform:translate(22px)}.section-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.section-title{color:var(--text-primary);font-size:.9375rem;font-weight:700}.expense-item{align-items:center;gap:var(--space-md);padding:var(--space-md);border-bottom:var(--border-subtle);transition:background var(--transition-fast);display:flex}.expense-item:hover{background:var(--bg-card-hover)}.expense-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.expense-details{flex:1;min-width:0}.expense-desc{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.expense-meta{color:var(--text-muted);font-size:.75rem}.expense-amount{font-family:var(--font-mono);text-align:right;font-size:.9375rem;font-weight:700}.roi-item{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-sm);display:flex}.roi-rank{font-family:var(--font-mono);color:var(--text-muted);text-align:center;width:24px;font-size:.75rem;font-weight:700}.roi-icon{font-size:1.5rem}.roi-info{flex:1}.roi-score{font-family:var(--font-mono);text-align:right;font-size:1rem;font-weight:700}.opp-cost-card{border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;background:linear-gradient(135deg,#00e5ff14,#7c4dff14);border:1px solid #00e5ff33}.opp-cost-card .growth{font-family:var(--font-mono);color:var(--neon-green);margin:var(--space-md) 0;font-size:2rem;font-weight:800}.chart-container{width:100%;padding:var(--space-md);background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-md);position:relative}.page-header{padding:var(--space-lg) 0 var(--space-md)}.page-header h1{font-size:1.5rem;font-weight:800}.page-header p{color:var(--text-secondary);margin-top:var(--space-xs);font-size:.8125rem}.search-bar{align-items:center;gap:var(--space-sm);background:var(--bg-input);border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);display:flex}.search-bar input{color:var(--text-primary);font-family:var(--font-primary);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.search-bar input::placeholder{color:var(--text-muted)}.search-bar .icon{color:var(--text-muted);font-size:1.125rem}.chips-row{gap:var(--space-sm);padding-bottom:var(--space-sm);margin-bottom:var(--space-md);-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:auto}.chips-row::-webkit-scrollbar{display:none}.slider{appearance:none;border-radius:var(--radius-full);background:var(--bg-input);outline:none;width:100%;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--neon-cyan);cursor:pointer;width:20px;height:20px;box-shadow:var(--glow-cyan);border-radius:50%}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;width:100%;max-width:400px;padding:0 16px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;pointer-events:auto;box-shadow:var(--shadow-elevated);align-items:center;gap:10px;padding:12px 16px;font-size:.875rem;font-weight:500;animation:.3s cubic-bezier(.34,1.56,.64,1) slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.toast-success{color:var(--neon-green);background:#00e67626;border:1px solid #00e6764d}.toast-error{color:var(--neon-red);background:#ff174426;border:1px solid #ff17444d}.toast-info{color:var(--neon-cyan);background:#00e5ff26;border:1px solid #00e5ff4d}.toast-icon{flex-shrink:0;font-size:1rem}.toast-msg{flex:1}:focus-visible,button:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}input:focus-visible{border-color:var(--neon-cyan);box-shadow:0 0 0 3px #00e5ff26}.expense-delete-btn{opacity:0;transition:opacity var(--transition-fast), color var(--transition-fast)}.expense-item:hover .expense-delete-btn{opacity:1}.expense-delete-btn:hover{color:var(--neon-red)!important}@media (width<=767px){.expense-delete-btn{opacity:.5}}@media (width>=768px){.app-container{max-width:720px}.summary-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1024px){.app-container,.bottom-nav{max-width:860px}.fab{right:calc(50% - 400px)}}@media (width>=1440px){.app-container,.bottom-nav{max-width:960px}.fab{right:calc(50% - 450px)}}.auth-page{min-height:100vh;padding:var(--space-lg);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-2xl);width:100%;max-width:400px;box-shadow:var(--shadow-elevated)}.auth-card .form-group{margin-bottom:var(--space-md)}.auth-card .form-group label{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:.8125rem;font-weight:600;display:block}.auth-card .form-group input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-primary);transition:border-color var(--transition-fast);outline:none;font-size:.9375rem}.auth-card .form-group input:focus{border-color:var(--neon-cyan);box-shadow:0 0 0 3px #00e5ff1a}.auth-card .form-group input::placeholder{color:var(--text-muted)}.auth-error{color:var(--neon-red);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-top:var(--space-sm);background:#ff174426;border:1px solid #ff17444d;font-size:.8125rem}.auth-success{color:var(--neon-green);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-top:var(--space-sm);background:#00e67626;border:1px solid #00e6764d;font-size:.8125rem}.text-link{color:var(--neon-cyan);cursor:pointer;font-weight:600;font-family:var(--font-primary);font-size:inherit;background:0 0;border:none}.text-link:hover{text-decoration:underline}