@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--background:#07050e;--bg-gradient:linear-gradient(180deg, #0f0c20 0%, #15102a 50%, #07050e 100%);--surface:#ffffff0d;--surface-hover:#ffffff14;--surface-card:#ffffff09;--border-color:#ffffff1a;--border-focus:#8b5cf666;--purple:#8b5cf6;--purple-glow:#8b5cf640;--emerald:#10b981;--emerald-glow:#10b98133;--rose:#ef4444;--rose-glow:#ef444433;--amber:#f59e0b;--amber-glow:#f59e0b33;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#ffffff73;--input-bg:#16122d;--dropdown-bg:#110d24;--dialog-bg:#110d24;--bottom-nav-bg:#0d0b17d9;--root-bg-overlay:#07050e99;--shadow-color:#000c;--toast-bg:#110d24e6;--toast-text:#fff;--scrollbar-thumb:#ffffff1a;--scrollbar-thumb-hover:#fff3;--card-glow-opacity:.15;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--background);color:var(--text-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}[data-theme=light]{--background:#f8fafc;--bg-gradient:linear-gradient(180deg, #f1f0f7 0%, #f6f5fa 50%, #f8fafc 100%);--surface:#0000000a;--surface-hover:#0000000f;--surface-card:#00000005;--border-color:#00000014;--border-focus:#7c3aed4d;--purple:#7c3aed;--purple-glow:#7c3aed1f;--emerald:#059669;--emerald-glow:#0596691a;--rose:#dc2626;--rose-glow:#dc26261a;--amber:#d97706;--amber-glow:#d977061a;--text-primary:#1e1b4b;--text-secondary:#1e1b4bb8;--text-muted:#1e1b4b73;--input-bg:#f3f4f6;--dropdown-bg:#fff;--dialog-bg:#fff;--bottom-nav-bg:#ffffffd9;--root-bg-overlay:#ffffff8c;--shadow-color:#1e1b4b1f;--toast-bg:#1e1b4bf2;--toast-text:#fff;--scrollbar-thumb:#00000026;--scrollbar-thumb-hover:#00000040;--card-glow-opacity:.05;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg-gradient);min-height:100vh;justify-content:center;min-height:-webkit-fill-available;display:flex;overflow-x:hidden}#root{width:100%;max-width:480px;min-height:100vh;background:var(--root-bg-overlay);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);min-height:-webkit-fill-available;box-shadow:0 0 40px var(--shadow-color);flex-direction:column;display:flex;position:relative}.app-container{flex-direction:column;flex:1;padding-bottom:74px;display:flex;position:relative;overflow-y:auto}.bottom-nav{background:var(--bottom-nav-bg);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);z-index:100;justify-content:space-around;align-items:center;width:100%;max-width:480px;height:70px;padding:0 8px;display:flex;position:fixed;bottom:0}.nav-item{height:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{color:var(--text-secondary)}.nav-item.active{color:var(--purple)}.nav-item.active svg{filter:drop-shadow(0 0 6px var(--purple-glow));transform:translateY(-2px)}.add-btn-container{flex:1;justify-content:center;align-items:center;height:100%;display:flex}.center-add-btn{background:var(--purple);color:#fff;cursor:pointer;width:46px;height:32px;box-shadow:0 4px 12px var(--purple-glow);border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.center-add-btn:hover{box-shadow:0 6px 16px var(--purple-glow);transform:scale(1.08)}.center-add-btn:active{transform:scale(.95)}.header-section{padding:20px 20px 10px}.header-title{color:var(--text-secondary);font-size:14px;font-weight:400}.balance-amount{letter-spacing:-.5px;margin-top:2px;font-size:36px;font-weight:800}.balance-positive{color:var(--emerald);text-shadow:0 0 15px #10b9811a}.balance-negative{color:var(--rose);text-shadow:0 0 15px #ef44441a}.glass-card{background:var(--surface);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);border-radius:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.carousel-container{scroll-behavior:smooth;scrollbar-width:none;gap:8px;padding:4px 20px 12px;display:flex;overflow-x:auto}.carousel-container::-webkit-scrollbar{display:none}.overview-card{cursor:pointer;border:1px solid var(--border-color);border-radius:12px;flex-direction:column;justify-content:space-between;min-width:80px;max-width:80px;height:80px;padding:10px;display:flex}.overview-card.selected{border-color:var(--purple);background:#8b5cf614}.overview-card h4{font-size:11px;font-weight:600;line-height:1.2}.overview-card span{color:var(--text-muted);font-size:9px}.bank-card{cursor:pointer;border:1px solid var(--border-color);border-radius:12px;flex-direction:column;justify-content:space-between;min-width:160px;height:80px;padding:10px 12px;display:flex}.bank-card.selected{background:#ffffff05}.bank-card.selected.purple{border-color:var(--purple);background:#8b5cf614}.bank-card.selected.emerald{border-color:var(--emerald);background:#10b98114}.bank-card.selected.amber{border-color:var(--amber);background:#f59e0b14}.bank-card h3{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.bank-card .account-number{color:var(--text-muted);font-size:9px}.bank-card .account-type{text-align:right;margin-top:auto;font-size:11px;font-weight:500}.bank-card.purple .account-type{color:var(--purple)}.bank-card.emerald .account-type{color:var(--emerald)}.bank-card.amber .account-type{color:var(--amber)}.input-field{background:var(--input-bg);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.input-field:focus{border-color:var(--purple);box-shadow:0 0 0 2px #8b5cf640}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);position:absolute;left:14px}.input-with-icon{padding-left:42px}.dialog-overlay{-webkit-backdrop-filter:blur(8px);z-index:200;background:#000000b3;justify-content:center;align-items:center;width:100%;max-width:480px;height:100%;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.dialog-content{background:var(--dialog-bg);border:1px solid var(--border-color);width:100%;max-height:90vh;box-shadow:0 20px 40px var(--shadow-color);border-radius:20px;padding:24px;animation:.25s cubic-bezier(.34,1.56,.64,1) scaleUp;position:relative;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--purple);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.btn-secondary:hover{background:var(--surface-hover)}.btn-danger{background:var(--rose);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.toast{background:var(--toast-bg);color:var(--toast-text);border:1px solid var(--border-color);z-index:1000;white-space:nowrap;pointer-events:none;border-radius:10px;padding:10px 16px;font-size:12px;animation:.2s fadeIn;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.color-carousel::-webkit-scrollbar{display:none}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}