@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--brand-deep:#1a3d9e;--brand-primary:#2f6df0;--brand-bright:#5b9bff;--brand-glow:#8ec0ff;--brand-primary-rgb:47, 109, 240;--brand-bright-rgb:91, 155, 255;--neon-magenta:#5b9bff;--neon-purple:#2f6df0;--neon-green:#39ff14;--neon-orange:#ff6d00;--neon-yellow:#ffea00;--bg-base:#0e1426;--bg-surface:#162038;--bg-surface-hover:#5b9bff1a;--glass-bg:#1c2a4eb8;--glass-bg-strong:#243660e0;--glass-border:#5b9bff2e;--glass-border-strong:#5b9bff5c;--fill-chip:#5b9bff1f;--fill-track:#5b9bff29;--fill-input:#121c34eb;--hairline:#5b9bff24;--accent-1:var(--brand-primary);--accent-2:var(--brand-bright);--accent-green:#39ff14;--accent-success:#10b981;--accent-danger:#ef4444;--accent-warning:#f59e0b;--grad-primary:linear-gradient(135deg, #4d8aff 0%, #2563eb 100%);--grad-warm:linear-gradient(135deg, #5b9bff 0%, #2f6df0 100%);--text:#e6f0fff0;--text-heading:#fff;--text-muted:#a8c4e6b8;--radius-xs:10px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:26px;--radius-pill:999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.14s;--dur-base:.22s;--nav-height:64px;--nav-inset:12px;--shadow-card:0 1px 2px #05061647, 0 10px 28px #05061652;--shadow-accent:0 8px 22px rgba(var(--brand-primary-rgb), .32);--inner-highlight:inset 0 1px 0 #ffffff0f;--bg:var(--bg-base);--card-bg:var(--glass-bg);--border:var(--glass-border);--accent:var(--accent-2);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Rajdhani,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}h1,h2,h3,h4,h5,h6,.stat-value,.balance-amount,.account-balance,.modal-title{font-family:Orbitron,Rajdhani,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:thin;scrollbar-color:rgba(var(--brand-bright-rgb), .35) transparent}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(var(--brand-bright-rgb), .35);border-radius:2px}body{background:radial-gradient(120% 70% at 50% -10%, #152a50 0%, transparent 60%), var(--bg-base);min-height:100dvh;color:var(--text);background-attachment:fixed;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle, rgba(var(--brand-bright-rgb), .16) 0%, rgba(var(--brand-bright-rgb), .06) 40%, transparent 65%);border-radius:50%;width:600px;height:600px;animation:10s ease-in-out infinite alternate cybOrb;position:fixed;top:-200px;right:-200px}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle, rgba(var(--brand-bright-rgb), .12) 0%, rgba(var(--brand-bright-rgb), .05) 40%, transparent 65%);border-radius:50%;width:500px;height:500px;animation:12s ease-in-out infinite alternate-reverse cybOrb;position:fixed;bottom:-150px;left:-150px}@keyframes cybOrb{0%{transform:translate(0)scale(1)}to{transform:translate(15px,15px)scale(1.05)}}@media (prefers-reduced-motion:reduce){body:before,body:after{animation:none}}#root{z-index:1;max-width:100%;min-height:100dvh;margin:0 auto;position:relative}button{font-family:inherit}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]),textarea,select{box-sizing:border-box;color:var(--text);background-color:var(--fill-input);border:1px solid var(--glass-border);border-radius:var(--radius-sm);appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline:none;padding:13px 14px;font-family:inherit;font-size:16px;font-weight:600;line-height:1.35;transition:border-color .2s,box-shadow .2s}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image])::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]):focus,textarea:focus,select:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px rgba(var(--brand-bright-rgb), .22)}.wallet-app{width:100%;max-width:100%;min-height:100dvh;color:var(--text);padding:20px;padding-bottom:calc(110px + var(--safe-bottom));background:0 0;font-family:Rajdhani,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.wallet-app svg,.modal-overlay svg,.settings-page svg,.categories-page svg{flex-shrink:0}@media (width>=768px){.wallet-app{max-width:600px;margin:0 auto}}@media (width>=1024px){.wallet-app{max-width:800px}}.dev-info{background:rgba(var(--brand-bright-rgb), .2);border:1px solid rgba(var(--brand-bright-rgb), .3);border-radius:var(--radius-sm);color:var(--text);justify-content:space-between;align-items:center;margin-bottom:15px;padding:12px;font-size:12px;display:flex}.dev-info span{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.dev-info i{font-size:14px}.accounts-row{align-items:flex-start;gap:15px;margin-bottom:10px;display:flex}.add-account-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px)saturate(150%);box-shadow:var(--shadow-card), var(--inner-highlight);border-radius:var(--radius-sm);cursor:pointer;flex:0 0 120px;justify-content:center;align-items:center;min-height:80px;padding:20px;transition:all .3s;display:flex}.add-account-card:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong);transform:scale(1.02)}.add-account-content{flex-direction:column;align-items:center;gap:8px;display:flex}.add-icon{background:var(--brand-bright);width:24px;height:24px;color:var(--text-heading);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.add-text{color:var(--text-heading);text-align:center;font-size:12px;font-weight:500;line-height:1.2}.user-accounts{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px)saturate(150%);box-shadow:var(--shadow-card), var(--inner-highlight);border-radius:var(--radius-md);flex:1;padding:20px}.user-accounts h3{color:var(--text-heading);margin:0 0 15px;font-size:16px;font-weight:500}.account-item{border-bottom:1px solid var(--glass-border);border-left:4px solid;justify-content:space-between;align-items:center;padding:12px 0 12px 12px;transition:all .3s;display:flex}.account-item:last-child{border-bottom:none}.account-item:hover{background:var(--bg-surface-hover);transform:translate(4px)}.account-info{flex-direction:column;gap:4px;display:flex}.account-name{color:var(--text-heading);font-size:14px;font-weight:600}.account-type{color:var(--text-muted);font-size:12px}.account-balance{color:var(--brand-bright);font-size:16px;font-weight:700}.modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:flex-start;padding:0;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:var(--glass-bg-strong);border-radius:var(--radius-lg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px)saturate(160%);width:100%;max-width:400px;max-height:90vh;box-shadow:var(--shadow-card), var(--inner-highlight);position:relative;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex;position:relative}.modal-close{color:var(--brand-bright);cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:16px;font-weight:500;transition:color .3s}.modal-close:hover{color:var(--brand-glow)}.modal-title{color:var(--text-heading);margin:0;font-size:18px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.modal-options{flex-direction:column;gap:20px;padding:20px;display:flex}.modal-option{background:var(--bg-surface-hover);border-radius:var(--radius-sm);border:1px solid var(--glass-border);cursor:pointer;gap:16px;padding:16px;transition:all .3s;display:flex}.modal-option:hover{background:var(--fill-chip);border-color:rgba(var(--brand-bright-rgb), .3);transform:translateY(-2px)}.option-icon{background:var(--grad-primary);width:40px;height:40px;color:var(--text-heading);border-radius:50%;justify-content:center;align-items:center;margin-right:15px;font-size:20px;display:flex}.option-content{flex:1}.option-content h3{color:var(--text-heading);margin:0 0 8px;font-size:16px;font-weight:600}.option-content p{color:var(--text-muted);margin:0 0 8px;font-size:14px;line-height:1.4}.option-link{color:var(--brand-bright);font-size:12px;font-weight:500;text-decoration:none;transition:color .3s}.option-link:hover{color:var(--brand-glow)}.settings-modal{flex-direction:column;max-height:85vh;display:flex}.settings-content{flex:1;padding:20px;overflow-y:auto}.settings-section{margin-bottom:30px}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:0 0 15px;font-size:12px;font-weight:600}.setting-item{border-bottom:1px solid var(--glass-border);cursor:pointer;align-items:center;gap:16px;padding:16px 0;transition:background-color .3s;display:flex}.setting-item:last-child{border-bottom:none}.setting-item:hover{background:var(--bg-surface-hover);margin:0 -20px;padding:16px 20px}.setting-icon{background:rgba(var(--brand-bright-rgb), .2);width:32px;height:32px;color:var(--brand-bright);border-radius:50%;justify-content:center;align-items:center;margin-right:12px;font-size:16px;display:flex}.setting-icon.color-icon{border:2px solid var(--glass-border-strong);background:0 0}.setting-info{flex-direction:column;flex:1;gap:4px;display:flex}.setting-label{color:var(--text-heading);font-size:16px;font-weight:500}.setting-value{color:var(--text-muted);font-size:14px}.setting-input{color:var(--text-muted);background:0 0;border:none;outline:none;width:100%;margin:0;padding:0;font-size:14px}.setting-input::placeholder{color:var(--text-muted)}.setting-select{color:var(--text-muted);cursor:pointer;background:0 0;border:none;outline:none;width:100%;margin:0;padding:0;font-size:14px}.setting-select option{background:var(--bg-base);color:var(--text-heading)}.setting-color-input{cursor:pointer;background:0 0;border:none;border-radius:6px;outline:none;width:30px;height:30px}.setting-color-input::-webkit-color-swatch-wrapper{padding:0}.setting-color-input::-webkit-color-swatch{border:none;border-radius:6px}.setting-arrow{color:var(--text-muted);font-size:18px;font-weight:300}.toggle-switch{width:50px;height:30px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch label{cursor:pointer;background-color:var(--glass-border-strong);border-radius:30px;transition:all .3s;position:absolute;inset:0}.toggle-switch label:before{content:"";background-color:var(--text-heading);border-radius:50%;width:24px;height:24px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+label{background-color:var(--brand-bright)}.toggle-switch input:checked+label:before{transform:translate(20px)}.settings-footer{border-top:1px solid var(--glass-border);background:var(--glass-bg-strong);border-radius:0 0 20px 20px;padding:20px}.save-button{background:var(--grad-primary);width:100%;color:var(--text-heading);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast);box-shadow:var(--shadow-accent), var(--inner-highlight);border:none;padding:16px;font-size:16px;font-weight:700}.save-button:hover{background:var(--brand-glow);transform:translateY(-2px)}.save-button:active{transform:translateY(0)}.save-button.loading,.save-button:disabled{background:rgba(var(--brand-primary-rgb), .45);box-shadow:none;cursor:not-allowed}.balance-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px)saturate(150%);box-shadow:var(--shadow-card), var(--inner-highlight);border-radius:var(--radius-md);margin-bottom:10px;padding:20px}.balance-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.balance-header h3{color:var(--text-heading);margin:0;font-size:16px;font-weight:500}.currency{background:var(--brand-bright);color:var(--text-heading);border-radius:var(--radius-sm);padding:4px 12px;font-size:12px;font-weight:600}.balance-amount{color:var(--brand-bright);margin-bottom:10px;font-size:28px;font-weight:700}.balance-change{font-size:14px;font-weight:500}.balance-change.positive{color:#4caf50}.balance-change.negative{color:#f44336}.exchange-rates-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px)saturate(150%);box-shadow:var(--shadow-card), var(--inner-highlight);border-radius:var(--radius-md);margin-bottom:10px;padding:20px}.exchange-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.exchange-header h3{color:var(--text-heading);margin:0;font-size:16px;font-weight:600}.exchange-controls{align-items:center;gap:10px;display:flex}.update-time{color:var(--text-muted);font-size:12px}.refresh-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:16px;transition:all .3s}.refresh-button:hover{color:var(--brand-bright);background:#8b5cf61a;transform:rotate(180deg)}.exchange-rates{flex-direction:column;gap:12px;display:flex}.rate-item{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.rate-item:last-child{border-bottom:none}.rate-info{flex-direction:column;gap:4px;display:flex}.currency-pair{color:var(--text-heading);font-size:14px;font-weight:500}.rate-value{color:var(--brand-bright);font-size:16px;font-weight:700}.rate-change{border-radius:6px;padding:4px 8px;font-size:14px;font-weight:600}.rate-change.positive{color:#10b981;background:#10b9811a}.rate-change.negative{color:#ef4444;background:#ef44441a}.loading-rates{color:var(--text-muted);justify-content:center;align-items:center;padding:20px;font-size:14px;display:flex}.recent-transactions-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px)saturate(150%);box-shadow:var(--shadow-card), var(--inner-highlight);border-radius:var(--radius-md);margin-bottom:10px;padding:20px}.transactions-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.transactions-header h3{color:var(--text-heading);margin:0;font-size:16px;font-weight:500}.view-all{color:var(--brand-bright);cursor:pointer;font-size:12px;transition:all .3s}.view-all:hover{color:var(--brand-glow)}.transactions-list{flex-direction:column;gap:12px;display:flex}.transaction-item{border-bottom:1px solid var(--glass-border);align-items:center;gap:12px;padding:12px 0;display:flex}.transaction-item:last-child{border-bottom:none}.transaction-icon{background:rgba(var(--brand-bright-rgb), .2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.transaction-info{flex-direction:column;flex:1;gap:4px;display:flex}.transaction-title{color:var(--text-heading);font-size:14px;font-weight:600}.transaction-date{color:var(--text-muted);font-size:12px}.transaction-amount{font-size:14px;font-weight:600}.transaction-amount.negative{color:#ef4444}.transaction-amount.positive{color:#10b981}.transaction-edit{background:var(--glass-border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin-left:12px;transition:all .3s;display:flex}.transaction-edit:hover{background:rgba(var(--brand-bright-rgb), .2);color:var(--brand-bright);transform:scale(1.1)}.transaction-edit i{font-size:16px}.no-transactions{color:var(--text-muted);text-align:center;justify-content:center;align-items:center;padding:40px 20px;font-size:14px;display:flex}@media (width<=480px){.modal-overlay{padding:0}.modal-content{max-height:95vh}.settings-modal{max-height:90vh}}.currency-tabs{gap:15px;display:flex}.currency-tab{border-radius:var(--radius-lg);cursor:pointer;padding:8px 16px;font-size:14px;font-weight:600;transition:all .3s}.currency-tab.active{background:var(--brand-bright);color:var(--text-heading)}.currency-tab:not(.active){background:var(--glass-bg);color:var(--text-muted);border:1px solid var(--glass-border)}.budgets-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px)saturate(150%);box-shadow:var(--shadow-card), var(--inner-highlight);border-radius:var(--radius-md);margin-bottom:10px;padding:20px}.budgets-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.budgets-header h3{color:var(--text-heading);margin:0;font-size:16px;font-weight:500}.budgets-list{flex-direction:column;gap:16px;display:flex}.budget-item{border-bottom:1px solid var(--glass-border);align-items:center;gap:12px;padding:12px 0;display:flex}.budget-item:last-child{border-bottom:none}.budget-info{flex-direction:column;flex:1;gap:8px;display:flex}.budget-title{color:var(--text-heading);font-size:14px;font-weight:600}.budget-progress{flex-direction:column;gap:4px;display:flex}.progress-bar{background:var(--glass-border);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--brand-bright), var(--brand-glow));border-radius:3px;height:100%;transition:width .3s}.budget-amount{color:var(--text-muted);font-size:12px}.budget-status{text-align:center;border-radius:8px;min-width:40px;padding:4px 8px;font-size:12px;font-weight:600}.budget-status.safe{color:#4caf50;background:#4caf5033}.budget-status.warning{color:#ff9800;background:#ff980033}.budget-status.danger{color:#f44336;background:#f4433633}.top-expenses-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px)saturate(150%);box-shadow:var(--shadow-card), var(--inner-highlight);border-radius:var(--radius-md);margin-bottom:10px;padding:20px}.expenses-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.expenses-header h3{color:var(--text-heading);margin:0;font-size:16px;font-weight:500}.period{color:var(--text-muted);background:rgba(var(--brand-bright-rgb), .2);border-radius:8px;padding:4px 8px;font-size:12px}.expenses-list{flex-direction:column;gap:12px;display:flex}.expense-item{border-bottom:1px solid var(--glass-border);align-items:center;gap:12px;padding:12px 0;display:flex}.expense-item:last-child{border-bottom:none}.expense-rank{background:var(--brand-bright);width:24px;height:24px;color:var(--text-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.expense-icon{background:rgba(var(--brand-bright-rgb), .2);width:40px;height:40px;color:var(--brand-bright);border-radius:50%;justify-content:center;align-items:center;margin-right:12px;font-size:18px;display:flex}.expense-info{flex-direction:column;flex:1;gap:4px;display:flex}.expense-title{color:var(--text-heading);font-size:14px;font-weight:600}.expense-category{color:var(--text-muted);font-size:12px}.expense-amount{color:#f44336;font-size:14px;font-weight:600}.expenses-chart-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:10px;padding:20px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-header h3{color:var(--text-heading);margin:0;font-size:16px;font-weight:500}.total-amount{color:var(--brand-bright);font-size:18px;font-weight:700}.chart-container{align-items:center;gap:20px;display:flex}.pie-chart{background:conic-gradient(var(--brand-bright) 0deg 200deg, #f59e0b 200deg 280deg, #10b981 280deg 320deg, #ef4444 320deg 360deg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.chart-center{background:var(--bg-base);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.chart-total{color:var(--brand-bright);font-size:14px;font-weight:700}.chart-legend{flex-direction:column;flex:1;gap:12px;display:flex}.legend-item{align-items:center;gap:12px;display:flex}.legend-color{border-radius:50%;flex-shrink:0;width:12px;height:12px}.legend-color.housing{background:var(--brand-bright)}.legend-color.transport{background:#f59e0b}.legend-color.food{background:#10b981}.legend-color.utilities{background:#ef4444}.legend-info{flex-direction:column;flex:1;gap:2px;display:flex}.legend-title{color:var(--text-heading);font-size:14px;font-weight:500}.legend-amount{color:var(--text-muted);font-size:12px}.balance-dynamics-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px)saturate(150%);box-shadow:var(--shadow-card), var(--inner-highlight);border-radius:var(--radius-md);margin-bottom:10px;padding:20px}.dynamics-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.dynamics-header h3{color:var(--text-heading);margin:0;font-size:16px;font-weight:500}.chart-wrapper{width:100%;height:200px}.bottom-navigation{bottom:calc(var(--nav-inset) + var(--safe-bottom));border:1px solid rgba(var(--brand-bright-rgb), .16);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(32px)saturate(180%);width:calc(100% - 24px);max-width:480px;box-shadow:0 14px 36px #04051480, var(--inner-highlight);z-index:100;background:#162440c7;justify-content:space-around;align-items:center;padding:7px 8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.nav-item{border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;align-items:center;gap:4px;min-width:60px;padding:8px 12px;transition:all .3s;display:flex}.nav-item:not(.add-button):hover{background:var(--glass-border)}.nav-item.active{color:var(--text-heading);background:var(--grad-primary);border-radius:var(--radius-md);box-shadow:0 6px 16px rgba(var(--brand-primary-rgb), .42), var(--inner-highlight)}.nav-item.active .nav-icon{color:var(--text-heading);background:0 0;border:none}.nav-item.active .nav-label{color:var(--text-heading)}.nav-icon{border-radius:var(--radius-xs);color:#a0c4eba6;width:32px;height:32px;transition:color var(--dur-fast), background var(--dur-base) var(--ease-out);justify-content:center;align-items:center;display:flex}.nav-item:hover .nav-icon{color:#dcecffeb}.nav-label{text-align:center;color:#a0c4eba6;font-size:10px;font-weight:600;line-height:1.2}.add-button{transform:translateY(-18px)}.add-button .nav-icon{background:var(--grad-primary);width:52px;height:52px;color:var(--text-heading);box-shadow:var(--shadow-accent), var(--inner-highlight);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast);border-radius:50%}.add-button:hover .nav-icon{transform:scale(1.06)}.add-button:active .nav-icon{transform:scale(.95)}.add-record-modal{background:var(--bg-base);z-index:1000;width:100%;max-width:100%;height:100vh;padding-bottom:calc(100px + env(safe-area-inset-bottom));border-radius:0;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.add-record-modal .modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:20px;display:flex}.add-record-modal .modal-close{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:0;font-size:16px}.add-record-modal .modal-title{color:var(--text-heading);margin:0;font-size:18px;font-weight:600}.record-type-selector{background:var(--glass-border);border-radius:var(--radius-sm);margin:20px;padding:4px;display:flex}.type-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:500;transition:all .3s}.type-button.active{color:var(--bg-base);background:#fff}.amount-section{align-items:center;gap:15px;padding:20px;display:flex}.currency-selector{background:var(--glass-border);border-radius:var(--radius-lg);color:var(--text);padding:8px 16px;font-size:14px}.amount-input{text-align:center;flex:1}.amount-display{color:var(--text-heading);font-size:32px;font-weight:700}.amount-display.negative{color:#ef4444}.amount-display.positive{color:#10b981}.record-section{margin-bottom:20px;padding:0 20px}.record-section h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 15px;font-size:12px;font-weight:600}.record-field{border-bottom:1px solid var(--glass-border);align-items:center;gap:12px;padding:16px 0;display:flex}.record-field:last-child{border-bottom:none}.field-icon{width:24px;height:24px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.field-icon i{font-size:18px}.field-content{flex-direction:column;flex:1;gap:4px;display:flex}.field-label{color:var(--text);font-size:14px}.field-value{color:var(--text-heading);font-size:16px;font-weight:500}.field-value.required{color:#ef4444}.field-input{color:var(--text-heading);background:0 0;border:none;outline:none;width:100%;font-size:16px;font-weight:500}.field-input::placeholder{color:var(--text-muted)}.add-tag-button{width:32px;height:32px;color:var(--text-heading);cursor:pointer;background:#3b82f6;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.add-tag-button i{font-size:16px}.record-footer{padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--glass-border);margin-top:auto}.save-record-button{background:var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text-heading);cursor:pointer;border:none;padding:16px;font-size:16px;font-weight:600;transition:all .3s}.save-record-button:hover{background:var(--glass-border-strong)}.more-page{padding:20px}.more-header{margin-bottom:30px}.more-header h2{color:var(--text-heading);margin:0;font-size:28px;font-weight:700}.more-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.more-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);text-align:center;-webkit-backdrop-filter:blur(20px)saturate(150%);box-shadow:var(--shadow-card), var(--inner-highlight);transition:border-color var(--dur-base), transform var(--dur-fast) var(--ease-out);cursor:pointer;flex-direction:column;align-items:center;padding:20px;display:flex}.more-card:hover{border-color:var(--glass-border-strong);transform:translateY(-2px)}.more-card-icon{border-radius:var(--radius-sm);width:50px;height:50px;color:var(--text-heading);justify-content:center;align-items:center;margin-bottom:12px;font-size:24px;display:flex}.more-card-icon.premium{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.more-card-icon.group{background:linear-gradient(135deg,#06b6d4,#0891b2)}.more-card-icon.records{background:linear-gradient(135deg,#10b981,#059669)}.more-card-icon.investments{background:var(--grad-primary)}.more-card-icon.cashback{background:linear-gradient(135deg,#f59e0b,#d97706)}.more-card-icon.social{background:linear-gradient(135deg,#ec4899,#db2777)}.more-card-icon.settings{background:var(--grad-primary)}.more-card-icon.about{background:var(--grad-warm)}.more-card-content h3{color:var(--text-heading);margin:0 0 4px;font-size:16px;font-weight:600}.more-card-content p{color:var(--text-muted);margin:0;font-size:12px}.planning-page,.statistics-page{padding:20px}.planning-header,.statistics-header{margin-bottom:30px}.planning-header h2,.statistics-header h2{color:var(--text-heading);margin:0;font-size:28px;font-weight:700}.planning-content,.statistics-content{text-align:center;color:var(--text-muted);font-size:16px}.settings-page{background:var(--bg-base);z-index:2000;padding-bottom:calc(100px + env(safe-area-inset-bottom));position:fixed;inset:0;overflow-y:auto}.settings-header{border-bottom:1px solid var(--glass-border);padding:20px;position:relative}.back-button{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:10px;font-size:16px;display:flex}.back-button i{font-size:20px}.settings-header h2{color:var(--text-heading);text-align:center;margin:0;font-size:28px;font-weight:700}.settings-list{padding:0}.settings-group{margin-bottom:20px}.settings-item{border-bottom:1px solid var(--bg-surface-hover);cursor:pointer;background:#ffffff05;align-items:center;padding:16px 20px;transition:background-color .2s;display:flex}.settings-item:hover{background:var(--bg-surface-hover)}.settings-item:last-child{border-bottom:none}.settings-item-icon{width:32px;height:32px;color:var(--text-heading);background:#3b82f6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-right:16px;font-size:18px;display:flex}.settings-item-text{color:var(--text-heading);flex:1;font-size:16px;font-weight:500}.settings-item i:last-child{color:var(--text-muted);margin-left:8px;font-size:20px}.categories-page{background:var(--bg-base);z-index:2000;padding-bottom:calc(100px + env(safe-area-inset-bottom));position:fixed;inset:0;overflow-y:auto}.categories-header{border-bottom:1px solid var(--glass-border);padding:20px;position:relative}.categories-header h2{color:var(--text-heading);text-align:center;margin:0;font-size:28px;font-weight:700}.categories-content{padding:20px}.categories-section h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 20px;font-size:14px;font-weight:600}.categories-list{flex-direction:column;gap:0;display:flex}.category-item{border-bottom:1px solid var(--bg-surface-hover);cursor:pointer;align-items:center;padding:16px 0;transition:background-color .2s;display:flex}.category-item:hover{background:#ffffff05}.category-item:last-child{border-bottom:none}.category-icon{width:40px;height:40px;color:var(--text-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:16px;font-size:20px;display:flex}.category-icon.food{background:#10b981}.category-icon.shopping{background:#06b6d4}.category-icon.housing{background:#10b981}.category-icon.transport{background:#6b7280}.category-icon.car{background:var(--brand-bright)}.category-icon.entertainment{background:#10b981}.category-icon.communication{background:#3b82f6}.category-icon.financial{background:#06b6d4}.category-icon.investments{background:#ec4899}.category-icon.income{background:#06b6d4}.category-icon.other{background:#6b7280}.category-name{color:var(--text-heading);flex:1;font-size:16px;font-weight:500}.category-item i:last-child{color:var(--text-muted);margin-left:8px;font-size:20px}.edit-category-page{background:var(--bg-base);z-index:2000;padding-bottom:calc(100px + env(safe-area-inset-bottom));position:fixed;inset:0;overflow-y:auto}.edit-category-header{border-bottom:1px solid var(--glass-border);padding:20px;position:relative}.edit-category-header h2{color:var(--text-heading);text-align:center;margin:0;font-size:28px;font-weight:700}.edit-category-content{padding:20px}.category-icon-section{justify-content:center;align-items:center;margin:30px 0;display:flex;position:relative}.main-category-icon{width:80px;height:80px;color:var(--text-heading);border-radius:50%;justify-content:center;align-items:center;font-size:40px;display:flex;position:relative}.edit-icon-button{width:32px;height:32px;color:var(--text-heading);cursor:pointer;background:#06b6d4;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;bottom:-5px;right:-5px;box-shadow:0 2px 8px #0000004d}.category-details{margin-bottom:30px}.detail-item{border-bottom:1px solid var(--bg-surface-hover);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--text-heading);font-size:16px;font-weight:500}.detail-value{color:var(--text);align-items:center;gap:8px;font-size:16px;display:flex}.detail-value i{color:var(--text-muted);font-size:20px}.toggle-switch{background:var(--glass-border-strong);cursor:pointer;border-radius:14px;width:50px;height:28px;transition:background-color .3s;position:relative}.toggle-switch.active{background:#10b981}.toggle-slider{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .3s;position:absolute;top:2px;left:2px}.toggle-switch.active .toggle-slider{transform:translate(22px)}.subcategories-section h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 20px;font-size:14px;font-weight:600}.subcategories-list{flex-direction:column;gap:0;display:flex}.subcategory-item{border-bottom:1px solid var(--bg-surface-hover);cursor:pointer;align-items:center;padding:16px 0;transition:background-color .2s;display:flex}.subcategory-item:hover{background:#ffffff05}.subcategory-item:last-child{border-bottom:none}.subcategory-icon{width:32px;height:32px;color:var(--text-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:16px;font-size:16px;display:flex}.subcategory-name{color:var(--text-heading);flex:1;font-size:16px;font-weight:500}.subcategory-item i:last-child{color:var(--text-muted);margin-left:8px;font-size:20px}.no-categories{text-align:center;color:var(--text-muted);padding:40px 20px}.no-categories p{margin-bottom:20px;font-size:16px}.add-category-btn{background:var(--grad-primary);border-radius:var(--radius-sm);color:var(--text-heading);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.add-category-btn:hover{box-shadow:0 8px 25px rgba(var(--brand-bright-rgb), .3);transform:translateY(-2px)}.add-category-btn i{font-size:20px}.category-actions{border-top:1px solid var(--glass-border);padding:20px}.action-button{border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;margin-bottom:12px;padding:16px;font-size:16px;font-weight:600;transition:all .3s}.action-button.edit{color:var(--text-heading);background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.action-button.delete{color:var(--text-heading);background:linear-gradient(135deg,#ef4444,#dc2626)}.action-button.add-subcategory{color:var(--text-heading);background:linear-gradient(135deg,#10b981,#059669)}.action-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.add-category-modal{max-width:500px;max-height:90vh;overflow-y:auto}.category-form{padding:20px}.form-group{margin-bottom:20px}.form-label{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-input,.form-select{background:var(--glass-border);border:1px solid var(--glass-border-strong);width:100%;color:var(--text-heading);border-radius:8px;padding:12px 16px;font-size:16px;transition:all .3s}.form-input:focus,.form-select:focus{border-color:var(--brand-bright);background:#ffffff26;outline:none}.form-input::placeholder{color:var(--text-muted)}.icon-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px;display:grid}.icon-option{background:var(--glass-border);color:var(--text-heading);cursor:pointer;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;transition:all .3s;display:flex}.icon-option:hover{background:#ffffff26;border-color:#8b5cf680}.icon-option.selected{background:rgba(var(--brand-bright-rgb), .2);border-color:var(--brand-bright)}.icon-option i{font-size:20px}.icon-label{text-align:center;font-size:10px;line-height:1.2}.color-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:8px;display:grid}.color-option{cursor:pointer;border:3px solid #0000;border-radius:50%;width:40px;height:40px;transition:all .3s;position:relative}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--text-heading);transform:scale(1.1)}.color-option.selected:after{content:"✓";color:var(--text-heading);text-shadow:0 0 4px #00000080;font-size:16px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-footer{border-top:1px solid var(--glass-border);justify-content:flex-end;padding:20px;display:flex}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.selector-modal{max-width:400px;max-height:80vh;overflow-y:auto}.selector-list{padding:20px}.selector-item{background:var(--bg-surface-hover);border-radius:var(--radius-sm);cursor:pointer;align-items:center;margin-bottom:12px;padding:16px;transition:all .3s;display:flex}.selector-item:hover{background:var(--glass-border);transform:translateY(-2px)}.selector-item:last-child{margin-bottom:0}.selector-icon{width:40px;height:40px;color:var(--text-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:16px;font-size:18px;display:flex}.selector-content{flex-direction:column;flex:1;gap:4px;display:flex}.selector-name{color:var(--text-heading);font-size:16px;font-weight:600}.selector-balance,.selector-type{color:var(--text-muted);font-size:14px}.selector-item i:last-child{color:var(--text-muted);margin-left:8px;font-size:20px}.no-items{text-align:center;color:var(--text-muted);padding:40px 20px}.no-items p{margin-bottom:8px;font-size:16px}.no-items p:last-child{color:var(--text-muted);font-size:14px}.field-value.required{color:var(--text-muted);font-style:italic}