.auth-page-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:var(--bg-app);display:flex;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden;padding:var(--space-md);box-sizing:border-box}.auth-ambient-glow-1{position:absolute;top:-10%;left:10%;width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.14) 0%,rgba(6,182,212,.05) 50%,transparent 70%);border-radius:50%;pointer-events:none;filter:blur(60px)}.auth-ambient-glow-2{position:absolute;bottom:-10%;right:15%;width:550px;height:550px;background:radial-gradient(circle,rgba(59,130,246,.12) 0%,rgba(139,92,246,.06) 50%,transparent 70%);border-radius:50%;pointer-events:none;filter:blur(60px)}.auth-layout-container{position:relative;z-index:1;width:100%;max-width:440px;margin:auto;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:var(--shadow-lg),0 20px 60px #00000059;padding:36px 32px;box-sizing:border-box;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.auth-form-inner{width:100%;display:flex;flex-direction:column;gap:20px}.auth-card-brand{display:flex;justify-content:center;align-items:center;margin-bottom:4px}.auth-form-title-group{text-align:center}.auth-form-title{font-size:1.55rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:6px}.auth-form-subtitle{font-size:.88rem;color:var(--text-secondary);line-height:1.5}.auth-tabs-wrapper{display:flex;background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:12px;padding:4px;position:relative}.auth-tab-btn{flex:1;padding:8px 14px;font-size:.85rem;font-weight:600;border-radius:8px;color:var(--text-secondary);background:transparent;cursor:pointer;transition:all var(--transition-fast);text-align:center;border:none}.auth-tab-btn:hover:not(.active){color:var(--text-primary)}.auth-tab-btn.active{background-color:var(--bg-surface-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:700}.auth-form{display:flex;flex-direction:column;gap:16px;width:100%}.auth-field-group{display:flex;flex-direction:column;gap:6px;text-align:left}.auth-field-label{font-size:.82rem;font-weight:600;color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center}.auth-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.auth-input-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none;display:flex;align-items:center;transition:color var(--transition-fast)}.auth-input-field{width:100%;height:46px;background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:0 42px;color:var(--text-primary);font-size:.92rem;font-family:var(--font-sans);transition:all var(--transition-fast);box-sizing:border-box}.auth-input-field:focus{border-color:var(--primary-500);background-color:var(--bg-surface-elevated);box-shadow:0 0 0 3px var(--primary-glow)}.auth-input-wrapper:focus-within .auth-input-icon{color:var(--primary-500)}.auth-password-toggle-btn{position:absolute;right:8px;background:transparent;border:none;cursor:pointer;color:var(--text-muted);padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background-color var(--transition-fast)}.auth-password-toggle-btn:hover{color:var(--text-primary);background-color:#ffffff0f}.auth-caps-warning{font-size:.74rem;color:var(--color-warning);display:flex;align-items:center;gap:4px;margin-top:2px;font-weight:600}.auth-password-strength{display:flex;flex-direction:column;gap:6px;margin-top:4px}.auth-strength-bars{display:flex;gap:4px;width:100%;height:4px}.auth-strength-segment{flex:1;height:100%;border-radius:9999px;background-color:var(--border-subtle);transition:background-color var(--transition-normal)}.auth-strength-segment.active-weak{background-color:var(--color-expense)}.auth-strength-segment.active-medium{background-color:var(--color-warning)}.auth-strength-segment.active-strong{background-color:var(--color-income)}.auth-strength-text{font-size:.74rem;font-weight:600;color:var(--text-secondary);display:flex;justify-content:space-between}.auth-error-banner{background-color:#f43f5e1a;border:1px solid rgba(244,63,94,.3);color:#fb7185;border-radius:var(--radius-md);padding:10px 14px;font-size:.82rem;font-weight:600;display:flex;align-items:center;gap:8px;text-align:left;animation:modalFadeIn .2s ease}.auth-submit-btn{height:48px;width:100%;border-radius:var(--radius-md);font-size:.94rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary-500) 0%,#2563eb 100%);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px var(--primary-glow);transition:all var(--transition-fast);margin-top:4px}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#1d4ed8);box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-1px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.65;cursor:not-allowed}.auth-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinAnimation .8s linear infinite}.auth-switch-link{background:transparent;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:color var(--transition-fast);padding:6px;text-align:center}.auth-switch-link:hover{color:var(--primary-500)}.auth-security-footer{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.74rem;color:var(--text-muted);font-weight:500;margin-top:4px}@media(max-width:480px){.auth-page-wrapper{padding:12px}.auth-layout-container{padding:28px 20px;border-radius:16px}.auth-form-title{font-size:1.4rem}}.auth-step-wrapper{display:flex;flex-direction:column;gap:18px}.auth-icon-badge{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.auth-info-banner{display:flex;align-items:center;gap:10px;background-color:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:10px;padding:10px 14px;font-size:.82rem;color:var(--color-income, #10b981);line-height:1.4}.auth-forgot-link{background:transparent;border:none;color:var(--primary-400);font-size:.78rem;font-weight:600;cursor:pointer;padding:0;transition:color var(--transition-fast)}.auth-forgot-link:hover{color:var(--primary-300);text-decoration:underline}.auth-live-pill{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;padding:1px 7px;border-radius:999px;letter-spacing:.02em;text-transform:uppercase}.auth-live-checking{background:#94a3b826;color:var(--text-muted)}.auth-live-verified{background:#10b98126;color:#10b981}.auth-live-unverified{background:#f59e0b26;color:#f59e0b}.auth-live-valid{background:#3b82f626;color:#60a5fa}.auth-live-invalid{background:#ef444426;color:#ef4444}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-slow{animation:spinSlow 2s linear infinite}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-display: var(--font-heading);--font-family-body: var(--font-sans);--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: 22px;--radius-full: 9999px;--color-income: #10b981;--color-income-rgb: 16, 185, 129;--color-expense: #f43f5e;--color-expense-rgb: 244, 63, 94;--color-transfer: #8b5cf6;--color-transfer-rgb: 139, 92, 246;--color-warning: #f59e0b;--color-warning-rgb: 245, 158, 11;--color-info: #0ea5e9;--color-info-rgb: 14, 165, 233;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark],:root:not([data-theme=light]){--bg-app: #0b0f19;--bg-surface: #111827;--bg-surface-elevated: #1a2234;--bg-surface-glass: rgba(17, 24, 39, .85);--bg-card: #131b2e;--bg-card-hover: #18233c;--bg-input: #0e1626;--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .15);--border-focus: #3b82f6;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #090d16;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-glow: rgba(59, 130, 246, .25);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .6);--shadow-glow-income: 0 0 20px rgba(16, 185, 129, .2);--shadow-glow-expense: 0 0 20px rgba(244, 63, 94, .2)}[data-theme=light]{--bg-app: #f8fafc;--bg-surface: #ffffff;--bg-surface-elevated: #f1f5f9;--bg-surface-glass: rgba(255, 255, 255, .85);--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-input: #f1f5f9;--border-subtle: rgba(0, 0, 0, .06);--border-medium: rgba(0, 0, 0, .12);--border-focus: #2563eb;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--primary-500: #2563eb;--primary-600: #1d4ed8;--primary-glow: rgba(37, 99, 235, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .12);--shadow-glow-income: 0 0 20px rgba(16, 185, 129, .15);--shadow-glow-expense: 0 0 20px rgba(244, 63, 94, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;min-height:100dvh;overflow-x:hidden;background-color:var(--bg-app);font-family:var(--font-sans);color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.25;letter-spacing:-.02em}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.05rem}h4{font-size:.95rem}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:var(--font-sans);font-size:.9rem;border:none;outline:none;background:none}.app-layout{display:flex;height:100vh;height:100dvh;width:100vw;max-width:100vw;background-color:var(--bg-app);position:relative;overflow:hidden}.main-content-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;width:100%;max-width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.main-content{flex:1;padding:var(--space-xl);max-width:1300px;width:100%;margin:0 auto;min-height:0;box-sizing:border-box;overflow-x:hidden}.desktop-sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:0;flex-shrink:0;height:100vh;height:100dvh;position:sticky;top:0;z-index:100;transition:width .22s cubic-bezier(.4,0,.2,1);box-shadow:1px 0 10px #0000000a}.sidebar-nav-item-btn{position:relative;display:flex;align-items:center;width:100%;border-radius:var(--radius-md);border:none;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);text-align:left;-webkit-user-select:none;user-select:none}.sidebar-nav-item-btn:hover{background-color:var(--bg-surface-elevated);color:var(--text-primary);transform:translate(2px)}.sidebar-nav-item-btn.collapsed:hover{transform:none}.sidebar-nav-item-btn.active{background:linear-gradient(90deg,#3b82f624,#3b82f60d);color:var(--primary-500);font-weight:600}.sidebar-nav-active-bar{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3.5px;height:20px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--primary-400),var(--primary-600));box-shadow:0 0 10px var(--primary-glow)}.sidebar-tooltip-wrapper{position:relative;display:inline-flex;width:100%;justify-content:center}.sidebar-floating-tooltip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(-6px);background-color:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-medium);padding:6px 12px;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;box-shadow:0 6px 20px #00000040;transition:opacity .15s ease,transform .15s ease,visibility .15s ease;z-index:2100}.sidebar-floating-tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border-width:5px;border-style:solid;border-color:transparent var(--border-medium) transparent transparent}.sidebar-tooltip-wrapper:hover .sidebar-floating-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2200;animation:fadeIn .2s ease-out}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:84vw;max-width:320px;background-color:var(--bg-surface);border-right:1px solid var(--border-medium);box-shadow:8px 0 32px #00000059;z-index:2201;display:flex;flex-direction:column;overflow:hidden;animation:drawerSlideIn .25s cubic-bezier(.16,1,.3,1)}@keyframes drawerSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.mobile-menu-btn:hover{background-color:var(--primary-glow);color:var(--primary-500)}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background-color:var(--bg-surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);padding:6px 4px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));z-index:1000;justify-content:space-around;align-items:center;box-shadow:0 -4px 24px #0003}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;padding:4px 0;color:var(--text-muted);font-size:.7rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);background:transparent;border:none}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--primary-500)}.card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-fast)}.card-elevated{background-color:var(--bg-surface-elevated);border-color:var(--border-medium);box-shadow:var(--shadow-md)}.card-gradient-hero{background:linear-gradient(135deg,#162033,#0d1524);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #00000059;position:relative;overflow:hidden;color:#fff}.card-gradient-hero h1,.card-gradient-hero h2,.card-gradient-hero h3,.card-gradient-hero h4{color:#fff!important}.card-gradient-hero p,.card-gradient-hero span{color:inherit}.card-gradient-hero:after{content:"";position:absolute;top:-50%;right:-20%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.2),transparent 70%);pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;font-weight:600;font-size:.88rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;touch-action:manipulation}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--primary-500);color:#fff;box-shadow:0 2px 10px var(--primary-glow)}.btn-primary:hover{background-color:var(--primary-600);box-shadow:0 4px 14px var(--primary-glow)}.btn-income{background-color:var(--color-income);color:#fff;box-shadow:var(--shadow-glow-income)}.btn-income:hover{background-color:#059669}.btn-expense{background-color:var(--color-expense);color:#fff;box-shadow:var(--shadow-glow-expense)}.btn-expense:hover{background-color:#e11d48}.btn-secondary{background-color:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background-color:var(--bg-card-hover);border-color:var(--border-medium)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--bg-surface-elevated);color:var(--text-primary)}.btn-icon{padding:8px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);min-width:36px;min-height:36px}.btn-icon:hover{background:var(--bg-surface-elevated);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:.82rem;border-radius:var(--radius-sm)}.btn-lg{padding:12px 20px;font-size:1rem;border-radius:var(--radius-lg)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.02em}.badge-income{background-color:rgba(var(--color-income-rgb),.15);color:var(--color-income);border:1px solid rgba(var(--color-income-rgb),.25)}.badge-expense{background-color:rgba(var(--color-expense-rgb),.15);color:var(--color-expense);border:1px solid rgba(var(--color-expense-rgb),.25)}.badge-transfer{background-color:rgba(var(--color-transfer-rgb),.15);color:var(--color-transfer);border:1px solid rgba(var(--color-transfer-rgb),.25)}.badge-warning{background-color:rgba(var(--color-warning-rgb),.15);color:var(--color-warning);border:1px solid rgba(var(--color-warning-rgb),.25)}.badge-info{background-color:rgba(var(--color-info-rgb),.15);color:var(--color-info);border:1px solid rgba(var(--color-info-rgb),.25)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-md);width:100%}.form-label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.form-input,.form-textarea{background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:9px 12px;color:var(--text-primary);font-size:16px;font-family:var(--font-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-glow)}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--bg-input);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:9px 34px 9px 12px;color:var(--text-primary);font-size:16px;font-family:var(--font-sans);font-weight:500;cursor:pointer;width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.form-select:hover:not(:disabled){border-color:var(--border-medium);background-color:var(--bg-hover)}.form-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-glow);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.form-select:disabled{opacity:.6;cursor:not-allowed}.form-select-sm{padding:6px 28px 6px 9px;font-size:.82rem;background-position:right 8px center;background-size:12px 12px;border-radius:var(--radius-sm)}.form-select-lg{padding:12px 40px 12px 16px;font-size:1rem;background-position:right 14px center;background-size:16px 16px;border-radius:var(--radius-md)}.form-select option{background-color:var(--bg-surface-elevated);color:var(--text-primary);padding:8px 10px;font-size:.9rem}.form-select optgroup{background-color:var(--bg-surface);color:var(--text-muted);font-weight:700;font-size:.76rem;text-transform:uppercase}@keyframes customSelectFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-select-container.open{z-index:50}.custom-select-trigger:hover:not(:disabled){border-color:var(--border-medium)!important;background-color:var(--bg-hover)!important}.custom-select-menu::-webkit-scrollbar{width:6px}.custom-select-menu::-webkit-scrollbar-track{background:transparent}.custom-select-menu::-webkit-scrollbar-thumb{background-color:var(--border-medium);border-radius:6px}.search-bar{display:flex;align-items:center;background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 12px;gap:8px;width:100%}.search-bar input{background:transparent;flex:1;min-width:0;color:var(--text-primary);font-size:16px}.chip-group{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chip-group::-webkit-scrollbar{display:none}.chip{padding:6px 12px;border-radius:var(--radius-full);font-size:.8rem;font-weight:500;background-color:var(--bg-surface-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.chip:hover{color:var(--text-primary);border-color:var(--border-medium)}.chip.active{background-color:var(--primary-500);color:#fff;border-color:var(--primary-500);font-weight:600}.progress-bar-track{height:8px;background-color:var(--bg-surface-elevated);border-radius:var(--radius-full);overflow:hidden;width:100%;position:relative}.progress-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-bar-fill.fill-green{background:linear-gradient(90deg,#10b981,#34d399)}.progress-bar-fill.fill-orange{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-bar-fill.fill-red{background:linear-gradient(90deg,#ef4444,#f43f5e)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--space-md);animation:modalFadeIn .2s ease-out}.modal-container{background-color:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xl);max-width:520px;width:100%;max-height:90vh;max-height:90dvh;overflow:hidden;box-shadow:var(--shadow-lg);animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);background-color:var(--bg-surface);flex-shrink:0}.modal-body{padding:var(--space-lg);flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);background-color:var(--bg-surface);flex-shrink:0}.sheet-drag-handle{display:none;width:36px;height:4px;border-radius:2px;background-color:var(--border-medium);margin:8px auto 2px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalSlideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fab-btn{position:fixed;bottom:80px;right:16px;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #3b82f673;cursor:pointer;z-index:1200;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.fab-btn:active{transform:scale(.92)}@media(max-width:768px){html{font-size:14.5px;-webkit-tap-highlight-color:transparent}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{font-size:16px}.main-content{padding:10px 10px 90px;width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden}.card{padding:12px;border-radius:var(--radius-md)}.card-gradient-hero{padding:14px 12px!important}.desktop-sidebar{display:none!important}.mobile-bottom-nav,.mobile-menu-btn{display:flex!important}.hide-mobile{display:none!important}.app-header{padding:6px 10px!important;gap:6px!important}.header-left-brand{gap:6px!important}.header-right-controls{gap:4px!important}.header-currency-select{width:74px!important}.header-sync-badge{padding:3px 6px!important}.btn-icon{min-width:32px;min-height:32px}.modal-overlay{padding:0;align-items:flex-end;background-color:#000000bf;z-index:2500}.sheet-drag-handle{display:block}.modal-container{border-radius:20px 20px 0 0;max-height:92dvh;height:auto;width:100vw;max-width:100vw;margin:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 -12px 36px #00000080;animation:modalSlideUpMobile .28s cubic-bezier(.16,1,.3,1);border-bottom:none}.modal-header{padding:12px 16px}.modal-body{padding:12px 16px;max-height:calc(92dvh - 120px);overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-footer{padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom,10px));background-color:var(--bg-surface);border-top:1px solid var(--border-subtle)}}@media(min-width:769px){.desktop-sidebar{display:flex!important}.mobile-bottom-nav{display:none!important}.fab-btn{bottom:28px;right:28px;width:58px;height:58px}.fab-btn:hover{transform:scale(1.08) rotate(90deg);box-shadow:0 12px 32px #3b82f699}.mobile-install-banner{display:none!important}}.mobile-install-banner{display:flex;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.spin{animation:spinAnimation 1s linear infinite}@keyframes spinAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.account-card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),0 12px 28px -6px #00000040!important;border-color:var(--border-medium)!important}