.welcome-animation{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-pearl) 0%,#e0e7ff 50%,var(--color-pearl) 100%);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity var(--duration-slow) var(--ease-out)}.welcome-animation.fade-out{opacity:0}.bg-elements{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-coin{position:absolute;width:60px;height:60px;background:linear-gradient(135deg,var(--color-amber-orange),#F59E0B);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:24px;animation:float 8s ease-in-out infinite;opacity:.7;box-shadow:0 8px 25px #d977064d}.floating-coin:nth-child(1){top:15%;left:10%;animation-delay:0s}.floating-coin:nth-child(2){top:25%;right:15%;animation-delay:2s}.floating-coin:nth-child(3){bottom:20%;left:20%;animation-delay:4s}.floating-coin:nth-child(4){bottom:30%;right:10%;animation-delay:6s}.pulse-circle{position:absolute;width:200px;height:200px;border:2px solid rgba(37,99,235,.2);border-radius:50%;animation:pulse 3s ease-in-out infinite}.pulse-circle:nth-child(5){top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:0s}.pulse-circle:nth-child(6){top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:1.5s}.sparkles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sparkle{position:absolute;width:8px;height:8px;background:var(--color-amber-orange);border-radius:50%;animation:sparkle 2s ease-in-out infinite}.sparkle:nth-child(1){top:-100px;left:-50px;animation-delay:0s}.sparkle:nth-child(2){top:-80px;right:-60px;animation-delay:.5s}.sparkle:nth-child(3){bottom:-90px;left:-40px;animation-delay:1s}.sparkle:nth-child(4){bottom:-70px;right:-30px;animation-delay:1.5s}.skip-button{position:absolute;top:2rem;right:2rem;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:20px;padding:.5rem 1rem;font-size:.9rem;color:var(--color-slate);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skip-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.logo-container{text-align:center;z-index:10;animation:fadeInUp var(--duration-slow) var(--ease-out)}.owl-logo{margin-bottom:2rem;filter:drop-shadow(0 8px 25px rgba(37,99,235,.3))}.app-subtitle{font-size:1.2rem;color:var(--color-slate);margin-bottom:3rem;margin-top:1.5rem;animation:fadeInUp var(--duration-slow) var(--ease-out) .5s both}.progress-container{width:300px;height:6px;background:#ffffff4d;border-radius:3px;margin:0 auto 1rem;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);animation:fadeInUp var(--duration-slow) var(--ease-out) 1.1s both}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-owl-blue),var(--color-wisdom-purple));border-radius:3px;transition:width .1s linear;box-shadow:0 0 10px #2563eb80}.progress-text{font-size:.9rem;color:var(--color-slate);animation:fadeInUp var(--duration-slow) var(--ease-out) 1.4s both}[data-theme=dark] .welcome-animation{background:linear-gradient(135deg,var(--color-dark-surface) 0%,#1e1b4b 50%,var(--color-dark-surface) 100%)}[data-theme=dark] .skip-button{background:#0000004d;border-color:#ffffff1a;color:var(--color-light-text)}[data-theme=dark] .skip-button:hover{background:#00000080}[data-theme=dark] .progress-container{background:#0000004d;border-color:#ffffff1a}@media (max-width: 768px){.app-title{font-size:2.5rem}.app-subtitle{font-size:1.1rem}.progress-container{width:250px}.floating-coin{width:50px;height:50px;font-size:20px}.skip-button{top:1rem;right:1rem;padding:.4rem .8rem;font-size:.8rem}}@media (max-width: 480px){.app-title{font-size:2rem}.app-subtitle{font-size:1rem}.progress-container{width:200px}.floating-coin{width:40px;height:40px;font-size:16px}.pulse-circle{width:150px;height:150px}}@media (prefers-reduced-motion: reduce){.welcome-animation{transition:none}.floating-coin,.pulse-circle,.sparkle,.logo-container,.app-title,.app-subtitle,.progress-container,.progress-text{animation:none}.progress-bar{transition:none}}.switch-container{display:flex;align-items:flex-start;gap:12px}.switch-content{display:flex;align-items:flex-start;gap:12px;flex:1}.switch{position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;padding:0;transition:all .2s ease;outline:none}.switch:focus-visible{outline:2px solid var(--color-owl-blue);outline-offset:2px;border-radius:12px}.switch__track{position:relative;width:44px;height:24px;background:var(--border-primary);border-radius:12px;transition:all .2s ease;display:flex;align-items:center}.switch--checked .switch__track{background:var(--color-owl-blue)}.switch--disabled .switch__track{background:var(--bg-tertiary);opacity:.5}.switch__thumb{position:absolute;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;transform:translate(0)}.switch--checked .switch__thumb{transform:translate(20px)}.switch--disabled .switch__thumb{background:var(--bg-secondary);box-shadow:none}.switch__label{display:flex;flex-direction:column;gap:4px;flex:1}.switch__label-text{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.4}.switch__description{font-size:12px;color:var(--text-muted);line-height:1.3}.switch-sm .switch__track{width:36px;height:20px}.switch-sm .switch__thumb{width:16px;height:16px}.switch-sm.switch--checked .switch__thumb{transform:translate(16px)}.switch-lg .switch__track{width:52px;height:28px}.switch-lg .switch__thumb{width:24px;height:24px}.switch-lg.switch--checked .switch__thumb{transform:translate(24px)}.switch:not(.switch--disabled):hover .switch__track{background:var(--border-hover)}.switch:not(.switch--disabled):hover.switch--checked .switch__track{background:var(--color-owl-blue-hover)}.switch:not(.switch--disabled):hover .switch__thumb{box-shadow:0 3px 6px #00000026}.switch:active .switch__thumb{transform:scale(.95)}.switch--checked:active .switch__thumb{transform:translate(20px) scale(.95)}.switch-sm:active .switch__thumb{transform:scale(.95)}.switch-sm.switch--checked:active .switch__thumb{transform:translate(16px) scale(.95)}.switch-lg:active .switch__thumb{transform:scale(.95)}.switch-lg.switch--checked:active .switch__thumb{transform:translate(24px) scale(.95)}:root{--bg-primary: linear-gradient(135deg, #0f1419 0%, #1a2332 100%);--bg-modal: rgba(15, 20, 25, .95);--bg-modal-content: linear-gradient(135deg, rgba(30, 41, 59, .95) 0%, rgba(15, 23, 42, .95) 100%);--border-primary: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .15);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--text-muted: rgba(255, 255, 255, .6);--input-bg: rgba(255, 255, 255, .08);--input-border: rgba(255, 255, 255, .15);--input-focus: #6366f1;--button-secondary: rgba(255, 255, 255, .08);--button-secondary-hover: rgba(255, 255, 255, .15);--shadow-color: rgba(0, 0, 0, .5);--bg-secondary: rgba(255, 255, 255, .05);--bg-tertiary: rgba(255, 255, 255, .1)}@media (prefers-color-scheme: light){:root{--bg-primary: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--bg-modal: rgba(0, 0, 0, .4);--bg-modal-content: linear-gradient(135deg, rgba(255, 255, 255, .98) 0%, rgba(248, 250, 252, .98) 100%);--border-primary: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .12);--text-primary: #1f2937;--text-secondary: #4b5563;--text-muted: #6b7280;--input-bg: rgba(255, 255, 255, .9);--input-border: rgba(0, 0, 0, .08);--input-focus: #6366f1;--button-secondary: rgba(0, 0, 0, .04);--button-secondary-hover: rgba(0, 0, 0, .08);--shadow-color: rgba(0, 0, 0, .15);--bg-secondary: rgba(0, 0, 0, .02);--bg-tertiary: rgba(0, 0, 0, .04)}}.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;opacity:1;visibility:visible;transition:all .3s ease}.modal-overlay.active .modal-content{transform:translateY(0) scale(1);opacity:1}.modal-content{background:var(--bg-primary)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px var(--shadow-color);transform:translateY(0) scale(1);opacity:1;transition:all .3s cubic-bezier(.34,1.56,.64,1);color:var(--text-primary)!important}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-primary);background:var(--bg-primary)}.modal-title-section{display:flex;align-items:center;gap:16px}.modal-icon{width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--text-inverse);box-shadow:0 4px 12px #6366f14d}.modal-title{font-size:28px;font-weight:800;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.modal-subtitle{font-size:15px;color:var(--text-secondary);margin-top:6px;font-weight:500}.modal-close{width:40px;height:40px;background:var(--button-secondary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-muted);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-weight:600}.modal-close:hover{background:var(--button-secondary-hover);color:var(--text-primary);transform:scale(1.05);box-shadow:0 4px 12px var(--shadow-color)}.modal-body{padding:24px;max-height:70vh;overflow-y:auto;background:var(--bg-primary)!important;color:var(--text-primary)!important}.account-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.account-type-option{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary)!important;border:1px solid var(--border-primary);border-radius:16px;cursor:pointer;transition:all .3s ease}.account-type-option:hover{background:var(--bg-tertiary)!important;border-color:var(--border-hover)}.account-type-option.selected{background:#6366f11a;border-color:var(--input-focus)}.account-type-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-inverse);font-weight:700}.bank-account-type{background:linear-gradient(135deg,#059669,#10b981)}.credit-card-type{background:linear-gradient(135deg,#1e40af,#3b82f6)}.account-type-name{font-size:16px;font-weight:600;color:var(--text-primary)!important}.account-type-desc{font-size:13px;color:var(--text-secondary)!important;margin-top:4px}.form-section{margin-bottom:32px}.section-title{font-size:18px;font-weight:600;color:var(--text-primary)!important;margin-bottom:16px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text-secondary)!important;margin-bottom:8px}.required{color:var(--color-ruby-red, #ef4444)}.form-input,.form-select{width:100%;background:var(--input-bg)!important;border:1px solid var(--input-border);border-radius:12px;padding:14px 16px;font-size:16px;color:var(--text-primary)!important;transition:all .3s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 2px #6366f126}.form-input::placeholder{color:var(--text-muted)!important}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.currency-symbol{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-weight:600;z-index:1}.percentage-symbol{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-weight:600;z-index:1}.bank-search,.card-search{position:relative}.bank-suggestions,.card-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary)!important;border:1px solid var(--border-primary);border-radius:12px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:10;box-shadow:0 10px 40px var(--shadow-color)}.suggestion-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .3s ease}.suggestion-item:hover{background:var(--bg-tertiary)!important}.suggestion-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.suggestion-name{font-weight:600;color:var(--text-primary)!important}.suggestion-preview{position:absolute;top:100%;left:0;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease;transform:translateY(-10px);pointer-events:none}.suggestion-item:hover .suggestion-preview{opacity:1;visibility:visible;transform:translateY(0)}.input-with-icon{position:relative}.input-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:1}.date-input{position:relative}.modal-footer{display:flex;gap:12px;padding:24px;border-top:1px solid var(--border-primary)}.btn{flex:1;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.modal-footer .btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.modal-footer .btn-primary:hover{background:linear-gradient(135deg,#5b21b6,#7c3aed);transform:translateY(-1px);box-shadow:0 8px 25px #6366f166}.modal-footer .btn-primary:disabled{background:var(--button-secondary);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--button-secondary);color:var(--text-secondary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--button-secondary-hover);color:var(--text-primary)}.loading{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.back-button{background:var(--button-secondary)!important;border:1px solid var(--border-primary);border-radius:10px;padding:10px 16px;color:var(--text-primary)!important;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;margin-bottom:16px}.back-button:hover{background:var(--button-secondary-hover)!important;transform:translateY(-1px)}@media (max-width: 600px){.modal-content{margin:0;border-radius:16px}.account-type-selector,.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column}}.bank-suggestions::-webkit-scrollbar,.card-suggestions::-webkit-scrollbar{width:6px}.bank-suggestions::-webkit-scrollbar-track,.card-suggestions::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.bank-suggestions::-webkit-scrollbar-thumb,.card-suggestions::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.bank-suggestions::-webkit-scrollbar-thumb:hover,.card-suggestions::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-container{max-width:480px;width:100%;padding:2rem;text-align:center;position:relative;z-index:10}.login-header{margin-bottom:3rem}.login-logo{margin:0 auto 1.5rem;filter:drop-shadow(0 8px 25px rgba(37,99,235,.3))}.login-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-owl-blue),var(--color-wisdom-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.login-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem}.login-content{background:var(--bg-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:24px;padding:2.5rem;box-shadow:var(--shadow-xl)}.welcome-text{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.welcome-description{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.google-signin-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:12px;font-size:1rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:2rem;position:relative;overflow:hidden}.google-signin-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.google-signin-btn:hover:before{left:100%}.google-signin-btn:hover{background:var(--bg-secondary);border-color:var(--color-owl-blue);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.google-signin-btn:active{transform:translateY(-1px);box-shadow:0 6px 20px #4285f433}.google-signin-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.google-signin-btn:disabled:before{display:none}.google-signin-btn span{transition:transform .2s ease}.google-signin-btn:hover span{transform:translate(2px)}.google-signin-btn:disabled .loading-spinner{animation:spin 1s linear infinite}.google-icon{width:20px;height:20px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.google-signin-btn:hover .google-icon{transform:scale(1.1) rotate(5deg)}.google-signin-btn:active .google-icon{transform:scale(.95)}.login-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.feature-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#2563eb0d;border-radius:12px;font-size:.9rem;color:var(--color-slate)}.feature-icon{font-size:1.5rem}.login-bg-elements{position:absolute;inset:0;pointer-events:none}.login-bg-elements .floating-coin{position:absolute;width:40px;height:40px;background:linear-gradient(135deg,var(--color-amber-orange),#F59E0B);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;animation:float 8s ease-in-out infinite;opacity:.6}.login-bg-elements .floating-coin:nth-child(1){top:15%;left:10%;animation-delay:0s}.login-bg-elements .floating-coin:nth-child(2){top:25%;right:15%;animation-delay:2s}.login-bg-elements .floating-coin:nth-child(3){bottom:20%;left:20%;animation-delay:4s}[data-theme=dark] .login-content{background:#0000004d;border-color:#ffffff1a}[data-theme=dark] .google-signin-btn{background:#ffffff1a;border-color:#fff3;color:var(--color-light-text)}[data-theme=dark] .google-signin-btn:hover{background:#ffffff26;border-color:#ffffff4d}[data-theme=dark] .feature-item{background:#2563eb1a}@media (max-width: 768px){.login-container{padding:1rem}.login-content{padding:2rem}.login-title{font-size:2rem}.login-features{grid-template-columns:1fr;gap:.5rem}.feature-item{flex-direction:row;justify-content:center}}@media (max-width: 480px){.login-content{padding:1.5rem}.welcome-text{font-size:1.5rem}.welcome-description{font-size:.9rem}.google-signin-btn{padding:.8rem 1.2rem;font-size:.9rem}}.shimmer{background:linear-gradient(90deg,var(--bg-secondary) 0px,var(--bg-tertiary) 40px,var(--bg-secondary) 80px);background-size:200px 100%;animation:shimmer 1.5s infinite linear;border-radius:4px}.shimmer-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;padding:20px;position:relative;overflow:hidden}.shimmer-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.shimmer-card__actions{display:flex;gap:8px}.shimmer-card__content{display:flex;flex-direction:column;gap:16px}.shimmer-card__header-content{display:flex;align-items:center;gap:16px}.shimmer-card__title-section{display:flex;flex-direction:column;gap:8px;flex:1}.shimmer-card__amount-section{display:flex;flex-direction:column;gap:8px}.shimmer-card__details{display:flex;flex-direction:column;gap:12px}.shimmer-card__detail{display:flex;align-items:center;gap:8px}@media (prefers-color-scheme: dark){.shimmer{background:linear-gradient(90deg,var(--bg-secondary) 0px,var(--bg-primary) 40px,var(--bg-secondary) 80px)}}.dark .shimmer{background:linear-gradient(90deg,var(--bg-secondary) 0px,var(--bg-primary) 40px,var(--bg-secondary) 80px)}@media (prefers-color-scheme: light){.shimmer{background:linear-gradient(90deg,var(--bg-secondary) 0px,var(--bg-tertiary) 40px,var(--bg-secondary) 80px)}}.subscriptions-grid .shimmer-card{margin-bottom:16px}.shimmer-summary-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.shimmer-summary-card__header{display:flex;align-items:center;gap:12px}.shimmer-stats-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.shimmer-stats-card__header{display:flex;align-items:center;gap:12px}@media (max-width: 768px){.shimmer-card{padding:16px}.shimmer-card__header-content{gap:12px}.shimmer-card__title-section{gap:6px}}.shimmer-account-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;padding:20px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:16px}.shimmer-account-card__header{display:flex;align-items:center;gap:12px}.shimmer-account-card__title-section{display:flex;flex-direction:column;gap:6px;flex:1}.shimmer-account-card__content{display:flex;flex-direction:column;gap:12px}.shimmer-account-card__balance-section{display:flex;flex-direction:column;gap:6px}.shimmer-account-card__details{display:flex;flex-direction:column;gap:8px}.shimmer-account-card__detail{display:flex;align-items:center;gap:8px}.shimmer-account-card__actions{display:flex;gap:8px;margin-top:auto}@media (max-width: 768px){.shimmer-account-card{padding:16px}.shimmer-account-card__header{gap:10px}.shimmer-account-card__title-section{gap:4px}}.inline-balance-editor{display:inline-flex;align-items:center;gap:8px;transition:all .2s ease-in-out;position:relative;z-index:3}.inline-balance-editor.compact{font-size:12px}.inline-balance-editor.small{font-size:14px}.inline-balance-editor.medium{font-size:16px}.inline-balance-editor.large{font-size:18px}.balance-display{display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease-in-out;background:transparent;border:1px solid transparent}.balance-display:hover{background:#3b82f61a;border-color:#3b82f633}.balance-amount{font-weight:600;color:inherit;transition:color .2s ease-in-out}.edit-button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#3b82f6b3;cursor:pointer;padding:2px;border-radius:4px;transition:all .2s ease-in-out;opacity:0;transform:scale(.8)}.balance-display:hover .edit-button{opacity:1;transform:scale(1)}.edit-button:hover{color:#3b82f6;background:#3b82f61a}.inline-balance-editor.editing{background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:4px 6px;box-shadow:0 2px 8px #0000001a;animation:balanceEditorSlideIn .2s ease-out;position:relative;z-index:10;display:inline-flex;align-items:center;gap:4px}@keyframes balanceEditorSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.balance-input-container{display:flex;align-items:center;gap:2px;margin-bottom:0}.currency-symbol{font-weight:600;color:var(--color-text-secondary);font-size:.9em}.balance-input{background:#fff3;border:1px solid rgba(255,255,255,.4);outline:none;font-size:inherit;font-weight:600;color:#fff;width:50px;padding:2px 4px;border-radius:8px;transition:all .2s ease-in-out;text-align:center}.balance-input:focus{background:#ffffff4d;border-color:#fffc;box-shadow:0 0 0 2px #fff3}.balance-input:disabled{opacity:.6;cursor:not-allowed}.balance-input::-webkit-outer-spin-button,.balance-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.balance-input[type=number]{-moz-appearance:textfield}.balance-actions{display:flex;align-items:center;gap:2px}.balance-action-btn{display:flex;align-items:center;justify-content:center;background:#000000b3;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:4px;cursor:pointer;transition:all .2s ease-in-out;color:#fff;width:24px;height:24px;font-weight:600}.balance-action-btn:hover{background:#000c;border-color:#ffffff80;transform:scale(1.05)}.balance-action-btn.save{color:#4ade80}.balance-action-btn.save:hover{background:#4ade80cc;border-color:#4ade80e6;color:#fff}.balance-action-btn.cancel{color:#f87171}.balance-action-btn.cancel:hover{background:#f87171cc;border-color:#f87171e6;color:#fff}.balance-action-btn:disabled{opacity:.5;cursor:not-allowed}.balance-error{position:absolute;top:100%;left:0;right:0;background:#dc2626e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;margin-top:4px;animation:errorSlideIn .2s ease-out;z-index:10;border:1px solid rgba(220,38,38,.3)}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.balance-action-btn.save:active{animation:successPulse .2s ease-in-out}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){.balance-display:hover{background:#3b82f626;border-color:#3b82f64d}.edit-button{color:#60a5fab3}.edit-button:hover{color:#60a5fa;background:#60a5fa1a}.balance-input:focus{background:#60a5fa1a}.balance-action-btn:hover{background:#ffffff1a}.balance-action-btn.save:hover{background:#22c55e26}.balance-action-btn.cancel:hover{background:#ef444426}}@media (max-width: 768px){.inline-balance-editor.editing{padding:6px 8px}.balance-input{min-width:60px}.balance-actions{gap:2px}.balance-action-btn{padding:3px}}.credit-card-design{position:relative;width:280px;height:200px;border-radius:12px;padding:14px;box-sizing:border-box;color:#fff;box-shadow:0 8px 25px #0000004d;transition:transform .2s ease;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.credit-card-design:hover{transform:translateY(-2px)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;height:20px}.credit-card-design .credit-bank-logo{width:20px;height:20px;display:flex;align-items:center;justify-content:center;z-index:2}.credit-card-design .credit-usage-info{text-align:right}.credit-card-design .credit-limit-text{font-size:9px;opacity:.8;height:20px;display:flex;align-items:center}.credit-card-design .credit-chip-balance-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;margin-top:8px}.credit-card-design .credit-chip-container{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.credit-card-design .credit-chip{width:22px;height:16px;border-radius:2px;flex-shrink:0;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0003,0 1px 3px #0000004d}.credit-card-design .credit-card-name{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;opacity:.9;max-width:80px;line-height:1.1;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.credit-card-design .credit-chip:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%),linear-gradient(135deg,transparent 40%,rgba(255,255,255,.05) 50%,transparent 60%),radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(0,0,0,.1) 0%,transparent 50%);pointer-events:none}.credit-card-design .credit-chip:after{content:"";position:absolute;inset:2px;background:repeating-linear-gradient(90deg,transparent,transparent 1px,rgba(0,0,0,.1) 1px,rgba(0,0,0,.1) 2px),repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.1) 1px,rgba(0,0,0,.1) 2px);opacity:.3;pointer-events:none}.credit-card-design .credit-balance-section{text-align:right;cursor:text;padding:2px;border-radius:4px;transition:background-color .2s ease;display:flex;flex-direction:column;align-items:flex-end;position:relative;z-index:2}.credit-card-design .credit-balance-section:hover{background-color:#ffffff1a}.credit-card-design .credit-balance-label{font-size:8px;opacity:.8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.credit-card-design .credit-balance-amount{font-size:18px;font-weight:700;line-height:1}.credit-card-design .credit-card-number{font-size:16px;font-weight:500;letter-spacing:1.5px;font-family:Courier New,monospace;margin-bottom:8px;margin-top:8px}.credit-card-design .credit-utilization-section{margin-bottom:6px}.credit-card-design .credit-utilization-label{font-size:8px;opacity:.8;text-transform:uppercase;margin-bottom:4px;display:flex;justify-content:space-between}.credit-card-design .credit-utilization-bar{width:100%;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.credit-card-design .credit-utilization-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:2px;transition:width .3s ease}.credit-card-design .credit-card-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:6px}.credit-card-design .credit-cardholder-name{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.credit-card-design .credit-card-info{display:flex;align-items:flex-end;gap:14px}.credit-card-design .credit-due-info{text-align:center}.credit-card-design .credit-due-label{font-size:8px;opacity:.8;text-transform:uppercase;margin-bottom:2px}.credit-card-design .credit-due-date{font-size:9px;font-weight:600;font-family:Courier New,monospace}.credit-card-design .credit-visa-logo{font-size:14px;font-weight:700;font-style:italic;opacity:.9}.credit-card-design .credit-card-actions{position:absolute;bottom:14px;left:14px;right:14px;display:flex;gap:8px;opacity:0;transform:translateY(5px);transition:all .3s ease;z-index:10}.credit-card-design .credit-card-hover-zone{position:absolute;bottom:14px;left:14px;right:14px;height:40px;z-index:1}.credit-card-design:hover .credit-card-actions{opacity:1;transform:translateY(0)}.credit-card-design:hover .credit-card-bottom{opacity:.3;transition:opacity .3s ease}.credit-card-design .credit-card-action-btn{flex:1;padding:8px 12px;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.credit-card-design .credit-card-action-btn:hover{transform:translateY(-1px)}.credit-card-design .credit-card-action-btn.primary{background:var(--brand-gradient, var(--card-primary-color, #667eea));color:var(--brand-text, white)}.credit-card-design .credit-card-action-btn.primary:hover{background:var(--brand-primary, var(--card-primary-color-hover, #5a67d8));filter:brightness(1.1)}.credit-card-design .credit-card-action-btn:not(.primary){background:#ef4444e6;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.credit-card-design .credit-card-action-btn:not(.primary):hover{background:#dc2626;filter:brightness(1.1)}.card-pattern{position:absolute;inset:0;opacity:.1;z-index:1}.card-pattern-sapphire:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%)}.card-pattern-reserve:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.05) 30%,rgba(255,255,255,.05) 70%,transparent 70%)}.card-pattern-gold:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,.15) 0%,transparent 40%),radial-gradient(circle at 70% 30%,rgba(255,255,255,.15) 0%,transparent 40%)}.card-pattern-platinum:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.1) 40%,rgba(255,255,255,.1) 60%,transparent 60%)}@media (max-width: 768px){.credit-card-design{width:260px;height:180px;padding:12px}.credit-card-design .credit-bank-logo{width:18px;height:18px}.credit-card-design .credit-chip{width:20px;height:14px}.credit-card-design .credit-card-name{font-size:8px;max-width:70px;line-height:1.1}.credit-card-design .credit-balance-amount{font-size:16px}.credit-card-design .credit-card-number{font-size:14px}}@media (max-width: 480px){.credit-card-design{width:240px;height:160px;padding:10px}.credit-card-design .credit-bank-logo{width:16px;height:16px}.credit-card-design .credit-chip{width:18px;height:12px}.credit-card-design .credit-card-name{font-size:7px;max-width:60px;line-height:1.1}.credit-card-design .credit-balance-amount{font-size:14px}.credit-card-design .credit-card-number{font-size:12px}.credit-card-design .credit-card-actions{gap:6px}.credit-card-design .credit-card-action-btn{padding:6px 8px;font-size:10px}}@media (prefers-color-scheme: dark){.credit-card-design{box-shadow:0 8px 32px #00000080}.credit-card-design:hover{box-shadow:0 12px 40px #0009}}.credit-card-design.selected{transform:scale(1.05);box-shadow:0 16px 48px #00000080}.credit-card-preview{margin:1.25rem 0;display:flex;justify-content:center}.credit-card-preview .credit-card-design{cursor:default}.credit-card-preview .credit-card-design:hover{transform:none;box-shadow:0 8px 32px #0000004d}.bank-card-design{position:relative;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--brand-border, var(--border-primary));border-radius:16px;padding:20px;transition:all .3s ease;overflow:hidden;min-height:180px}.bank-card-design:before{content:"";position:absolute;inset:0;background:var(--brand-gradient);opacity:.15;pointer-events:none;z-index:1}.bank-card-design:hover{transform:translateY(-3px);box-shadow:0 12px 35px var(--shadow-color);background:var(--bg-card-hover, rgba(255, 255, 255, .05))}.bank-card-compact{min-height:120px;padding:12px}.bank-card-small{min-height:140px;padding:16px}.bank-card-medium{min-height:180px;padding:20px}.bank-card-large{min-height:220px;padding:24px}.bank-logo{position:relative;z-index:2;margin-bottom:8px}.account-info{position:relative;z-index:2;margin-bottom:12px}.account-name-bottom{font-size:14px;font-weight:500;color:var(--text-secondary);margin-top:8px;font-style:italic;text-align:left;opacity:.8}.bank-name{font-size:14px;color:var(--text-muted);margin-bottom:8px;position:relative;z-index:2}.balance-change{font-size:14px;font-weight:600;position:relative;z-index:2}.bank-actions{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:3;opacity:0;transition:all .3s ease}.bank-card-design:hover .bank-actions{opacity:1}.bank-action-btn{padding:6px 12px;border:none;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:all .3s ease;background:#000c;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bank-action-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.bank-action-btn.primary{background:var(--brand-gradient, linear-gradient(135deg, #3b82f6, #1d4ed8));color:var(--brand-text, white)}.bank-action-btn.primary:hover{background:var(--brand-primary, #2563eb);filter:brightness(1.1)}@media (max-width: 768px){.bank-card-medium{min-height:160px;padding:16px}.bank-card-large{min-height:200px;padding:20px}}.area-chart-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:transparent}.area-chart{width:100%;height:100%;position:relative;border-radius:8px;overflow:hidden}.area-chart svg{width:100%;height:100%;max-width:100%;max-height:100%;display:block}.area-chart svg text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:500;fill:var(--text-secondary, rgba(156, 163, 175, .9));text-rendering:optimizeLegibility}.area-chart svg .tooltip text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10px;font-weight:600;text-rendering:optimizeLegibility}.area-chart svg text[text-anchor=end]{font-size:10px;font-weight:600;fill:var(--text-secondary, rgba(156, 163, 175, .8))}.area-chart svg text[text-anchor=middle]{font-size:9px;font-weight:500;fill:var(--text-muted, rgba(156, 163, 175, .6))}.area-chart svg path[stroke=transparent]:hover{stroke:#f973161a;transition:stroke .15s ease}.area-chart svg .tooltip rect{filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.area-chart svg .tooltip line{transition:all .15s ease}.area-chart svg pattern path{stroke:var(--border-subtle, rgba(255, 255, 255, .05));stroke-width:.5}.area-chart svg path[stroke-dasharray]{transition:stroke-opacity .15s ease}.area-chart svg path[stroke-dasharray]:hover{stroke-opacity:.8}@media (max-width: 768px){.area-chart svg text{font-size:9px}.area-chart svg .tooltip text{font-size:9px}.area-chart svg text[text-anchor=end]{font-size:8px}.area-chart svg text[text-anchor=middle]{font-size:7px}}@media (prefers-color-scheme: dark){.area-chart svg text{fill:var(--text-secondary, rgba(156, 163, 175, .9))}.area-chart svg text[text-anchor=end]{fill:var(--text-secondary, rgba(156, 163, 175, .8))}.area-chart svg text[text-anchor=middle]{fill:var(--text-muted, rgba(156, 163, 175, .6))}}:root{--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s;--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.25, .1, .25, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}@keyframes owlBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(5deg)}50%{transform:translateY(-5px) rotate(-3deg)}75%{transform:translateY(-15px) rotate(2deg)}}@keyframes sparkle{0%,to{opacity:.6;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}@keyframes progressFill{0%{width:0%}to{width:100%}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate-owl-bounce{animation:owlBounce 2s var(--ease-out)}.animate-float{animation:float 8s ease-in-out infinite}.animate-sparkle{animation:sparkle 2s ease-in-out infinite}.animate-progress{animation:progressFill 4s ease-in-out forwards}.animate-fade-out{animation:fadeOut var(--duration-slow) var(--ease-out) forwards}.transition-all{transition:all var(--duration-normal) var(--ease-out)}.transition-opacity{transition:opacity var(--duration-normal) var(--ease-out)}.transition-transform{transition:transform var(--duration-normal) var(--ease-out)}@media (prefers-reduced-motion: reduce){.animate-fade-in,.animate-fade-in-up,.animate-slide-in-right,.animate-scale-in,.animate-owl-bounce,.animate-float,.animate-sparkle,.animate-progress,.animate-fade-out{animation:none}.stagger-children>*{animation:none}.transition-all,.transition-opacity,.transition-transform{transition:none}}:root{--z-fab: 1000;--z-fab-overlay: 999;--z-fab-tooltip: 1001;--z-bottom-nav: 900;--z-header: 800;--z-dropdown: 700;--z-modal: 1100;--fab-size: 56px;--fab-mini-size: 40px;--fab-action-size: 48px;--fab-spacing: 16px;--bottom-nav-height: 76px;--header-height: 64px;--nav-item-height: 48px;--fab-animation-duration: .3s;--nav-animation-duration: .2s;--transition-duration: .3s;--fab-primary: var(--color-primary);--fab-secondary: var(--color-secondary);--fab-success: var(--color-success);--fab-warning: var(--color-warning);--fab-danger: var(--color-danger);--fab-info: var(--color-info);--fab-shadow: 0 4px 12px rgba(0, 0, 0, .15);--fab-shadow-hover: 0 6px 20px rgba(0, 0, 0, .2);--fab-shadow-active: 0 2px 8px rgba(0, 0, 0, .25);--nav-shadow: 0 -2px 8px rgba(0, 0, 0, .1);--header-shadow: 0 2px 8px rgba(0, 0, 0, .1)}.app-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-secondary);position:relative}.app-shell--loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-secondary)}.loading-spinner{text-align:center;color:var(--text-secondary)}.owl-spinner{font-size:3rem;animation:owl-bounce 2s infinite;margin-bottom:1rem}@keyframes owl-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.app-shell__content{flex:1;overflow-x:hidden;position:relative;padding-bottom:var(--bottom-nav-height)}.app-header{position:sticky;top:0;z-index:var(--z-fixed);background:var(--bg-primary);border-bottom:1px solid var(--border-primary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);grid-row:1}.app-header__content{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--space-4);max-width:var(--container-max-width);margin:0 auto}.app-header__left{display:flex;align-items:center;gap:var(--space-2);flex:1}.app-header__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.2}.app-header__back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--duration-normal) ease}.app-header__back:hover{background:var(--bg-secondary);color:var(--text-primary)}.app-header__right{display:flex;align-items:center;gap:var(--space-3)}.app-header__action{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-primary);transition:all var(--duration-normal) ease;position:relative}.app-header__action:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--color-owl-blue);box-shadow:var(--shadow-sm)}.app-header__action--search svg{transition:all var(--duration-normal) ease}.app-header__action--search:hover svg{animation:search-icon-bounce .6s ease-in-out}@keyframes search-icon-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.app-header__notifications,.app-header__notifications-btn{position:relative}.app-header__notification-badge{position:absolute;top:-2px;right:-2px;background:var(--color-ruby-red);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-primary);animation:notification-badge-pulse 2s infinite}.app-header__notifications-btn svg{transition:all var(--duration-normal) ease}.app-header__notifications-btn:hover svg{animation:notification-bell-ring .5s ease-in-out}@keyframes notification-badge-pulse{0%,to{transform:scale(1);box-shadow:0 0 #dc2626b3}50%{transform:scale(1.1);box-shadow:0 0 0 4px #dc262600}}@keyframes notification-bell-ring{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.notifications-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);overflow:hidden}.notifications-dropdown__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-feather-gray);background:var(--color-pearl)}.notifications-dropdown__header h3{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-midnight)}.notifications-dropdown__close{background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;padding:4px;border-radius:var(--border-radius-sm);transition:all var(--transition-duration) ease}.notifications-dropdown__close:hover{background:#f5f5f5;color:var(--color-text-primary)}.notifications-dropdown__content{max-height:360px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition-duration) ease;cursor:pointer}.notification-item:hover{background:#f5f5f5}.notification-item--unread{background:#e3f2fd}.notification-item__indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.notification-item__indicator--warning{background:var(--color-warning)}.notification-item__indicator--info{background:var(--color-info)}.notification-item__indicator--success{background:var(--color-success)}.notification-item__content{flex:1;min-width:0}.notification-item__title{margin:0 0 4px;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.notification-item__message{margin:0 0 4px;font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.notification-item__time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.notifications-dropdown__footer{padding:var(--spacing-md);border-top:1px solid var(--color-border);text-align:center}.app-header__user{position:relative;display:flex;align-items:center;gap:var(--spacing-xs)}.app-header__user-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-cloud-white);border:1px solid var(--color-feather-gray);min-width:0}.app-header__logout{color:var(--color-slate);background:var(--color-cloud-white);border:1px solid var(--color-feather-gray);transition:all var(--duration-normal) ease;position:relative}.app-header__logout svg{transition:all var(--duration-normal) ease;animation:logout-icon-pulse 2s infinite}.app-header__logout:hover{color:var(--color-ruby-red);background:#dc26260d;border-color:var(--color-ruby-red);transform:scale(1.05);box-shadow:var(--shadow-sm)}.app-header__logout:hover svg{color:var(--color-ruby-red);filter:drop-shadow(0 0 8px rgba(220,38,38,.8));animation:logout-icon-glow 1s infinite alternate}@keyframes logout-icon-pulse{0%,to{filter:drop-shadow(0 0 0 rgba(220,38,38,0))}50%{filter:drop-shadow(0 0 4px rgba(220,38,38,.4))}}@keyframes logout-icon-glow{0%{filter:drop-shadow(0 0 8px rgba(220,38,38,.8)) drop-shadow(0 0 12px rgba(220,38,38,.6))}to{filter:drop-shadow(0 0 12px rgba(220,38,38,1)) drop-shadow(0 0 20px rgba(220,38,38,.8)) drop-shadow(0 0 30px rgba(220,38,38,.4))}}.app-header__user-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary-light);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0;overflow:hidden}.app-header__user-image{width:100%;height:100%;object-fit:cover}.app-header__user-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1}.app-header__user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden}.user-dropdown__header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--color-border);background:#f8f9fa}.user-dropdown__avatar{width:48px;height:48px;border-radius:50%;background:var(--color-primary-light);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0;overflow:hidden}.user-dropdown__image{width:100%;height:100%;object-fit:cover}.user-dropdown__info h3{margin:0 0 4px;font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary)}.user-dropdown__info p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.user-dropdown__content{padding:var(--spacing-sm) 0}.user-dropdown__item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-duration) ease;font-size:var(--font-size-sm);text-align:left}.user-dropdown__item:hover{background:#f5f5f5}.user-dropdown__item--danger{color:var(--color-danger)}.user-dropdown__item--danger:hover{background:var(--color-danger-light)}.user-dropdown__divider{height:1px;background:var(--color-border);margin:var(--spacing-sm) 0}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-bottom-nav);background:var(--bg-primary);border-top:1px solid var(--border-primary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.bottom-navigation__content{display:flex;align-items:center;justify-content:space-around;height:var(--bottom-nav-height);padding:0 var(--spacing-sm);max-width:var(--max-width);margin:0 auto}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:var(--nav-item-height);border-radius:var(--border-radius-md);background:transparent;border:none;cursor:pointer;transition:all var(--nav-animation-duration) ease;position:relative;color:var(--text-secondary);min-width:0;padding:var(--spacing-xs)}.nav-item:hover:not(.nav-item--active){background:var(--bg-secondary);color:var(--text-primary)}.nav-item--active{color:var(--color-owl-blue)}.nav-item__icon{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:4px;transition:transform var(--nav-animation-duration) ease}.nav-item--active .nav-item__icon{transform:scale(1.1)}.nav-item__label{font-size:var(--font-size-xs);font-weight:500;text-align:center;line-height:1.2;transition:color var(--nav-animation-duration) ease}.nav-item--active .nav-item__label{font-weight:600}.nav-item__indicator{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--color-primary);border-radius:2px 2px 0 0;animation:nav-indicator-slide-in var(--nav-animation-duration) ease}@keyframes nav-indicator-slide-in{0%{width:0;opacity:0}to{width:24px;opacity:1}}.fab-overlay{position:fixed;inset:0;background:#0006;z-index:var(--z-fab-overlay);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.fab-actions{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--fab-size) + 32px);right:16px;display:flex;flex-direction:column;gap:var(--fab-spacing);align-items:flex-end;z-index:var(--z-fab)}.fab-action{position:relative;animation:fab-action-slide-in var(--fab-animation-duration) ease}@keyframes fab-action-slide-in{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.fab-action__btn{width:var(--fab-action-size);height:var(--fab-action-size);border-radius:50%;background:var(--action-gradient, var(--fab-primary));border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--fab-animation-duration) ease;position:relative;overflow:hidden;box-shadow:var(--fab-shadow)}.fab-action__btn:hover{transform:scale(1.1);box-shadow:var(--fab-shadow-hover);filter:brightness(.9)}.fab-action__btn:active{transform:scale(.95);box-shadow:var(--fab-shadow-active);filter:brightness(.8)}.fab-action__btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);border-radius:50%;opacity:0;transition:opacity var(--fab-animation-duration) ease}.fab-action__btn:hover:before{opacity:1}.fab-action__tooltip{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);background:var(--tooltip-gradient, var(--tooltip-color));border:none;border-radius:var(--border-radius-md);padding:8px 12px;box-shadow:var(--shadow-md);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--fab-animation-duration) ease;z-index:var(--z-fab-tooltip);pointer-events:none}.fab-action:hover .fab-action__tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(-4px)}.fab-tooltip__title{margin:0;font-size:var(--font-size-sm);font-weight:600;color:#fff}.fab-main{position:fixed;bottom:calc(var(--bottom-nav-height) + 16px);right:16px;width:var(--fab-size);height:var(--fab-size);border-radius:50%;background:#3b82f6;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--fab-animation-duration) ease;overflow:hidden;box-shadow:var(--fab-shadow);z-index:var(--z-fab)}.fab-main:hover{transform:scale(1.05);background:#2563eb;box-shadow:var(--fab-shadow-hover)}.fab-main:active{transform:scale(.95);box-shadow:var(--fab-shadow-active)}.fab-main--expanded{background:var(--color-danger);transform:rotate(45deg)}.fab-main--expanded:hover{background:var(--color-danger-dark)}.fab-main__icon{position:relative;z-index:2;transition:transform var(--fab-animation-duration) ease}.fab-icon--close{transform:rotate(-45deg)}.fab-main__ripple{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:all .6s ease}.fab-main:active .fab-main__ripple{width:100px;height:100px}.fab-main__tooltip{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--shadow-md);white-space:nowrap;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);opacity:0;visibility:hidden;transition:all var(--fab-animation-duration) ease;z-index:var(--z-fab-tooltip);pointer-events:none}.fab-main:hover .fab-main__tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(-4px)}.page-transition{width:100%;height:100%;transition:all var(--transition-duration) ease;opacity:0;transform:translate(20px)}.page-transition--visible{opacity:1;transform:translate(0)}.page-transition--left{transform:translate(-20px)}.page-transition--left.page-transition--visible{transform:translate(0)}.page-transition--right{transform:translate(20px)}.page-transition--right.page-transition--visible{transform:translate(0)}.page-transition--up{transform:translateY(20px)}.page-transition--up.page-transition--visible{transform:translateY(0)}.page-transition--down{transform:translateY(-20px)}.page-transition--down.page-transition--visible{transform:translateY(0)}.global-search-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);display:flex;align-items:flex-start;justify-content:center;padding-top:calc(var(--header-height) + var(--space-8));opacity:0;visibility:hidden;transition:all var(--duration-normal) ease}.global-search-overlay--visible{opacity:1;visibility:visible}.global-search-container{background:var(--color-cloud-white);border:1px solid var(--color-feather-gray);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:90%;max-width:600px;transform:translateY(-20px) scale(.95);transition:all var(--duration-normal) ease;overflow:hidden}.global-search-overlay--visible .global-search-container{transform:translateY(0) scale(1)}.global-search-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-feather-gray);background:var(--color-pearl)}.global-search-input{flex:1;border:none;outline:none;font-size:var(--font-size-lg);color:var(--color-midnight);background:transparent;padding:var(--space-2) 0}.global-search-input::placeholder{color:var(--color-slate)}.global-search-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-slate);cursor:pointer;transition:all var(--duration-normal) ease}.global-search-close:hover{background:var(--color-feather-gray);color:var(--color-midnight)}.global-search-results{max-height:400px;overflow-y:auto}.global-search-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-feather-gray);cursor:pointer;transition:all var(--duration-normal) ease}.global-search-result-item:hover{background:var(--color-pearl)}.global-search-result-item:last-child{border-bottom:none}.global-search-result-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-pearl);display:flex;align-items:center;justify-content:center;color:var(--color-owl-blue);flex-shrink:0}.global-search-result-content{flex:1;min-width:0}.global-search-result-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-midnight);margin-bottom:var(--space-1)}.global-search-result-subtitle{font-size:var(--font-size-xs);color:var(--color-slate)}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn var(--fab-animation-duration) ease}.animate-fade-in{animation:fadeIn var(--transition-duration) ease}@media (max-width: 768px){.app-header__content{padding:0 var(--spacing-sm)}.app-header__user-name{max-width:80px}.breadcrumb{font-size:var(--font-size-xs)}.notifications-dropdown{width:320px;right:-8px}.user-dropdown{width:240px;right:-8px}.fab-container{bottom:calc(var(--bottom-nav-height) + 12px);right:12px}.fab-action__tooltip,.fab-main__tooltip{display:none}}@media (max-width: 480px){.app-header__content{padding:0 var(--spacing-xs)}.app-header__user-info,.breadcrumb{display:none}.notifications-dropdown,.user-dropdown{width:calc(100vw - 32px);right:-16px}.bottom-navigation__content{padding:0 var(--spacing-xs)}.nav-item{padding:var(--spacing-xs) 4px}.nav-item__label{font-size:10px}.fab-container{bottom:calc(var(--bottom-nav-height) + 8px);right:8px}.fab-actions{gap:12px}.fab-action__btn{width:44px;height:44px}.fab-main{width:52px;height:52px}}@media (prefers-color-scheme: dark){.app-header{background:var(--color-surface-dark);border-bottom-color:var(--color-border-dark)}.bottom-navigation{background:var(--color-surface-dark);border-top-color:var(--color-border-dark)}.notifications-dropdown,.user-dropdown{background:var(--color-surface-dark);border-color:var(--color-border-dark)}.notification-item--unread{background:var(--color-primary-dark)}.fab-overlay{background:#0009}}.app-header__action:focus-visible,.app-header__user-btn:focus-visible,.nav-item:focus-visible,.fab-action__btn:focus-visible,.fab-main:focus-visible{outline:2px solid var(--color-owl-blue);outline-offset:2px;border-radius:inherit}.app-header__action:focus:not(:focus-visible),.app-header__user-btn:focus:not(:focus-visible),.nav-item:focus:not(:focus-visible),.fab-action__btn:focus:not(:focus-visible),.fab-main:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){.fab-action,.fab-main,.nav-item,.page-transition,.notifications-dropdown,.user-dropdown{transition:none;animation:none}.fab-action__tooltip,.fab-main__tooltip{transition:opacity .1s ease}}@media (prefers-contrast: high){.app-header,.bottom-navigation{border-width:2px}.fab-main,.fab-action__btn{border:2px solid currentColor}.nav-item__indicator{height:4px}}:root{--color-owl-blue: #2563EB;--color-owl-blue-light: #60A5FA;--color-wisdom-purple: #7C3AED;--color-forest-green: #059669;--color-amber-orange: #D97706;--color-amber-orange-light: #FCD34D;--color-ruby-red: #DC2626;--color-midnight: #1E293B;--color-slate: #64748B;--color-pearl: #F8FAFC;--color-cloud-white: #FFFFFF;--color-feather-gray: #E2E8F0;--color-dark-surface: #0F172A;--color-dark-surface-elevated: #1E293B;--color-dark-border: #334155;--color-dark-text-primary: #F8FAFC;--color-dark-text-secondary: #94A3B8;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s;--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.25, .1, .25, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--max-width: 1200px;--header-height: 64px;--bottom-nav-height: 76px;--header-gap: 20px}.grid--2-cols{grid-template-columns:repeat(2,1fr)}.grid--3-cols{grid-template-columns:repeat(3,1fr)}.grid--4-cols{grid-template-columns:repeat(4,1fr)}.flex--col{flex-direction:column}.flex--center{align-items:center;justify-content:center}.flex--between{justify-content:space-between}.flex--wrap{flex-wrap:wrap}.flex--1{flex:1}.mb-5{margin-bottom:var(--space-5)}.mt-5{margin-top:var(--space-5)}.p-5{padding:var(--space-5)}.text-primary{color:var(--color-owl-blue)}.text-success{color:var(--color-forest-green)}.text-warning{color:var(--color-amber-orange)}.text-danger{color:var(--color-ruby-red)}.text-muted{color:var(--color-slate)}.bg-primary{background-color:var(--color-owl-blue)}.bg-success{background-color:var(--color-forest-green)}.bg-warning{background-color:var(--color-amber-orange)}.bg-danger{background-color:var(--color-ruby-red)}.bg-muted{background-color:var(--color-feather-gray)}.border{border:1px solid var(--color-feather-gray)}.border-t{border-top:1px solid var(--color-feather-gray)}.border-b{border-bottom:1px solid var(--color-feather-gray)}.border-l{border-left:1px solid var(--color-feather-gray)}.border-r{border-right:1px solid var(--color-feather-gray)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.inline{display:inline}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}@media (min-width: 640px){.sm\:grid--2-cols{grid-template-columns:repeat(2,1fr)}.sm\:grid--3-cols{grid-template-columns:repeat(3,1fr)}.sm\:grid--4-cols{grid-template-columns:repeat(4,1fr)}.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}}@media (min-width: 768px){.md\:grid--2-cols{grid-template-columns:repeat(2,1fr)}.md\:grid--3-cols{grid-template-columns:repeat(3,1fr)}.md\:grid--4-cols{grid-template-columns:repeat(4,1fr)}.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}}@media (min-width: 1024px){.lg\:grid--2-cols{grid-template-columns:repeat(2,1fr)}.lg\:grid--3-cols{grid-template-columns:repeat(3,1fr)}.lg\:grid--4-cols{grid-template-columns:repeat(4,1fr)}.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}}@media (min-width: 1280px){.xl\:grid--2-cols{grid-template-columns:repeat(2,1fr)}.xl\:grid--3-cols{grid-template-columns:repeat(3,1fr)}.xl\:grid--4-cols{grid-template-columns:repeat(4,1fr)}.xl\:hidden{display:none}.xl\:block{display:block}.xl\:flex{display:flex}}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-out)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.focus\:outline-none:focus{outline:none}.focus\:ring:focus{box-shadow:0 0 0 2px #2563eb26}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.border,.btn,.input,.select__trigger{border-width:2px}}.dark-mode-toggle{width:40px;height:40px;border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm)}.dark-mode-toggle:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.dark-mode-toggle:active{transform:translateY(0)}.app-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.app-background--animated{animation:backgroundFloat 20s ease-in-out infinite}.app-background--dashboard{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--color-owl-blue-light) 20%,var(--bg-secondary) 100%)}.background-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1}.background-pattern--dashboard{opacity:.05}.app-background__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-overlay);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}@keyframes backgroundFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes cardReload{0%{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}:root{--color-owl-blue: #2563EB;--color-owl-blue-light: #3B82F6;--color-owl-blue-dark: #1D4ED8;--color-wisdom-purple: #7C3AED;--color-wisdom-purple-light: #8B5CF6;--color-wisdom-purple-dark: #6D28D9;--color-forest-green: #059669;--color-forest-green-light: #10B981;--color-forest-green-dark: #047857;--color-amber-orange: #D97706;--color-amber-orange-light: #F59E0B;--color-amber-orange-dark: #B45309;--color-ruby-red: #DC2626;--color-ruby-red-light: #EF4444;--color-ruby-red-dark: #B91C1C;--success-color: #059669;--danger-color: #DC2626;--warning-color: #D97706;--color-pearl: #F8FAFC;--color-cloud-white: #FFFFFF;--color-feather-gray: #F1F5F9;--color-slate: #64748B;--color-midnight: #1E293B;--color-charcoal: #334155;--color-ink: #0F172A;--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-tertiary: #F1F5F9;--bg-hover: #F1F5F9;--bg-overlay: rgba(0, 0, 0, .5);--bg-card: rgba(255, 255, 255, .8);--bg-card-hover: rgba(255, 255, 255, .9);--input-bg: #FFFFFF;--text-primary: #1E293B;--text-secondary: #64748B;--text-tertiary: #94A3B8;--text-muted: #94A3B8;--text-inverse: #FFFFFF;--border-primary: #E2E8F0;--border-secondary: #CBD5E1;--border-focus: #2563EB;--button-secondary: #F1F5F9;--button-secondary-hover: #E2E8F0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-color: rgba(0, 0, 0, .1)}@media (prefers-color-scheme: dark){:root{--color-pearl: #0F172A;--color-cloud-white: #1E293B;--color-feather-gray: #334155;--color-slate: #94A3B8;--color-midnight: #F1F5F9;--color-charcoal: #CBD5E1;--color-ink: #F8FAFC;--success-color: #10B981;--danger-color: #EF4444;--warning-color: #F59E0B;--bg-primary: #1E293B;--bg-secondary: #0F172A;--bg-tertiary: #334155;--bg-hover: #334155;--bg-overlay: rgba(0, 0, 0, .7);--bg-card: rgba(30, 41, 59, .8);--bg-card-hover: rgba(30, 41, 59, .9);--input-bg: #334155;--text-primary: #F1F5F9;--text-secondary: #CBD5E1;--text-tertiary: #94A3B8;--text-muted: #64748B;--text-inverse: #0F172A;--border-primary: #475569;--border-secondary: #64748B;--border-focus: #3B82F6;--button-secondary: #334155;--button-secondary-hover: #475569;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4);--shadow-color: rgba(0, 0, 0, .4)}}.dark{--color-pearl: #0F172A;--color-cloud-white: #1E293B;--color-feather-gray: #334155;--color-slate: #94A3B8;--color-midnight: #F1F5F9;--color-charcoal: #CBD5E1;--color-ink: #F8FAFC;--bg-primary: #1E293B;--bg-secondary: #0F172A;--bg-tertiary: #334155;--bg-hover: #334155;--bg-overlay: rgba(0, 0, 0, .7);--bg-card: rgba(30, 41, 59, .8);--bg-card-hover: rgba(30, 41, 59, .9);--input-bg: #334155;--text-primary: #F1F5F9;--text-secondary: #CBD5E1;--text-tertiary: #94A3B8;--text-muted: #64748B;--text-inverse: #0F172A;--border-primary: #475569;--border-secondary: #64748B;--border-focus: #3B82F6;--button-secondary: #334155;--button-secondary-hover: #475569;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4);--shadow-color: rgba(0, 0, 0, .4)}:root{--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-blue: 0 8px 32px rgba(37, 99, 235, .15);--shadow-purple: 0 8px 32px rgba(124, 58, 237, .15);--shadow-green: 0 8px 32px rgba(5, 150, 105, .15);--shadow-red: 0 8px 32px rgba(220, 38, 38, .15);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--duration-slower: .5s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic: cubic-bezier(.175, .885, .32, 1.275);--ease-smooth: cubic-bezier(.25, .1, .25, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--header-height: 64px;--bottom-nav-height: 80px;--sidebar-width: 280px;--container-max-width: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;height:100%}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--bg-secondary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-normal) var(--ease-out)}#root{min-height:100vh;display:flex;flex-direction:column}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-secondary);background-attachment:fixed;transition:background-color var(--duration-normal) var(--ease-out)}.app-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);height:var(--header-height);background:var(--bg-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-primary);transition:all var(--duration-normal) var(--ease-out)}.app-header--scrolled{background:var(--bg-primary);box-shadow:var(--shadow-sm)}.header-content{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);max-width:var(--container-max-width);margin:0 auto}.header-brand{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--text-primary);text-decoration:none;transition:transform var(--duration-normal) var(--ease-out)}.header-brand:hover{transform:scale(1.02)}.header-logo{width:32px;height:32px;font-size:var(--font-size-2xl)}.header-actions,.header-user{display:flex;align-items:center;gap:var(--space-3)}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);border:2px solid var(--border-primary);transition:all var(--duration-normal) var(--ease-out)}.user-avatar:hover{border-color:var(--color-owl-blue);transform:scale(1.05)}.user-welcome{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.btn-sign-out{background:var(--color-ruby-red);color:var(--text-inverse);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.btn-sign-out:hover{background:var(--color-ruby-red-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.app-main{flex:1;padding-top:var(--header-height);min-height:calc(100vh - var(--header-height))}.page-container{padding:calc(var(--header-height) + var(--space-6)) var(--space-4) var(--space-6);max-width:var(--container-max-width);margin:0 auto;min-height:calc(100vh - var(--header-height) - var(--bottom-nav-height))}.page-header{margin-bottom:var(--space-8);text-align:center}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--color-owl-blue),var(--color-wisdom-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);font-weight:var(--font-weight-normal)}.card{background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-primary);overflow:hidden;transition:all var(--duration-normal) var(--ease-out);position:relative}.card--elevated{box-shadow:var(--shadow-sm)}.card--elevated:hover{box-shadow:var(--shadow-md)}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-2px);border-color:var(--color-owl-blue);box-shadow:var(--shadow-lg)}.card--interactive:active{transform:translateY(0)}.card__header{padding:var(--space-6);border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}.card__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--space-1) 0 0 0;line-height:var(--line-height-normal)}.card__content{padding:var(--space-6)}.card__footer{padding:var(--space-6);border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:inherit;line-height:var(--line-height-tight);text-decoration:none;border:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn:not(:disabled):active{transform:translateY(0)}.btn--primary{background:var(--color-owl-blue);color:var(--color-cloud-white);box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--color-owl-blue-dark);box-shadow:var(--shadow-md)}.btn--secondary{background:var(--color-feather-gray);color:var(--color-midnight);box-shadow:var(--shadow-sm)}.btn--secondary:hover{background:var(--color-feather-gray-dark);box-shadow:var(--shadow-md)}.btn--success{background:var(--color-forest-green);color:var(--color-cloud-white);box-shadow:var(--shadow-sm)}.btn--success:hover{background:var(--color-forest-green-dark);box-shadow:var(--shadow-md)}.btn--danger{background:var(--color-ruby-red);color:var(--color-cloud-white);box-shadow:var(--shadow-sm)}.btn--danger:hover{background:var(--color-ruby-red-dark);box-shadow:var(--shadow-md)}.btn--outline{background:transparent;border:1px solid var(--color-feather-gray);color:var(--color-midnight)}.btn--outline:hover{background:var(--color-feather-gray);border-color:var(--color-slate)}.btn--ghost{background:transparent;color:var(--color-slate)}.btn--ghost:hover{background:var(--color-feather-gray);color:var(--color-midnight)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-midnight);margin-bottom:var(--space-2);line-height:var(--line-height-tight)}.form-input{width:100%;padding:var(--space-4);border:1px solid var(--color-feather-gray);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:inherit;background:var(--color-cloud-white);color:var(--color-midnight);transition:all var(--duration-normal) var(--ease-out);line-height:var(--line-height-normal)}.form-input::placeholder{color:var(--color-slate)}.form-input:focus{outline:none;border-color:var(--color-owl-blue);box-shadow:0 0 0 2px #2563eb26;transform:translateY(-1px)}.form-input:hover:not(:focus){border-color:var(--color-slate)}.loading-spinner{width:24px;height:24px;border:2px solid var(--color-feather-gray);border-top:2px solid var(--color-owl-blue);border-radius:var(--radius-full);animation:spin var(--duration-slower) linear infinite}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-4);background:linear-gradient(135deg,var(--color-pearl) 0%,#e0e7ff 50%,var(--color-pearl) 100%)}.loading-text{color:var(--color-slate);font-size:var(--font-size-base)}.alert{border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4);display:flex;align-items:flex-start;gap:var(--space-3);animation:fadeInUp var(--duration-normal) var(--ease-out)}.alert--success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid var(--color-forest-green);color:#064e3b}.alert--error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid var(--color-ruby-red);color:#7f1d1d}.alert--warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid var(--color-amber-orange);color:#78350f}.alert--info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid var(--color-owl-blue);color:#1e3a8a}.alert__icon{width:20px;height:20px;flex-shrink:0}.alert__content{flex:1}.alert__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.alert__message{font-size:var(--font-size-sm)}.grid{display:grid;gap:var(--space-4)}.grid--1{grid-template-columns:1fr}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--auto-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid--auto-fill{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-fade-in-up{animation:fadeInUp var(--duration-normal) var(--ease-out)}.animate-slide-in-right{animation:slideInRight var(--duration-normal) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-bounce)}.animate-spin{animation:spin var(--duration-slower) linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.stagger-children>*{animation:fadeInUp var(--duration-normal) var(--ease-out) both}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.2s}.stagger-children>*:nth-child(4){animation-delay:.3s}.stagger-children>*:nth-child(5){animation-delay:.4s}.stagger-children>*:nth-child(6){animation-delay:.5s}@media (max-width: 768px){.header-content{padding:0 var(--space-3)}.header-brand{font-size:var(--font-size-base)}.user-welcome{display:none}.page-container{padding:var(--space-6) var(--space-3)}.page-title{font-size:var(--font-size-2xl)}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.card__content,.card__header,.card__footer{padding:var(--space-4)}}@media (max-width: 480px){.page-container{padding:var(--space-4) var(--space-2)}.btn{width:100%}.alert{padding:var(--space-3)}}*:focus{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-owl-blue);outline-offset:2px;border-radius:inherit}button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible),[tabindex]:focus:not(:focus-visible){outline:none}.btn:focus-visible{outline:2px solid var(--color-owl-blue);outline-offset:2px;border-radius:inherit}.btn:focus:not(:focus-visible){outline:none}.financial-card:focus-visible,.card:focus-visible{outline:2px solid var(--color-owl-blue);outline-offset:2px;border-radius:inherit}.financial-card:focus:not(:focus-visible),.card:focus:not(:focus-visible){outline:none}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-owl-blue);box-shadow:0 0 0 2px #2563eb26}*:focus{outline:none!important}*:focus-visible{outline:2px solid var(--color-owl-blue)!important;outline-offset:2px!important}button,[role=button],.btn,a,.card,.financial-card{outline:none}button:focus-visible,[role=button]:focus-visible,.btn:focus-visible,a:focus-visible,.card:focus-visible,.financial-card:focus-visible{outline:2px solid var(--color-owl-blue);outline-offset:2px;border-radius:inherit}.dynamic-icon{filter:brightness(1);transition:filter .2s ease}.dynamic-icon-loading{background-color:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important}.dynamic-icon-emoji{background-color:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important;color:var(--text-primary)!important}.dynamic-icon-fallback{background-color:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important;display:flex!important;align-items:center!important;justify-content:center!important}[data-theme=dark] .dynamic-icon{filter:brightness(1.1)}[data-theme=dark] .dynamic-icon-emoji,[data-theme=dark] .dynamic-icon-loading,[data-theme=dark] .dynamic-icon-fallback{background-color:var(--bg-tertiary)!important;border-color:var(--border-secondary)!important}[data-theme=dark] .dynamic-icon-emoji{color:var(--text-primary)!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.dynamic-icon-loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){.btn{border:2px solid currentColor}.card{border:2px solid var(--color-midnight)}}@media print{.app-header,.btn,.loading-spinner{display:none!important}.card{box-shadow:none!important;border:2px solid var(--color-feather-gray)!important;break-inside:avoid}body{background:#fff!important;color:#000!important}}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-midnight{color:var(--color-midnight)}.text-slate{color:var(--color-slate)}.text-owl-blue{color:var(--color-owl-blue)}.text-forest-green{color:var(--color-forest-green)}.text-ruby-red{color:var(--color-ruby-red)}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-col{flex-direction:column}.flex-1{flex:1}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.logo{display:inline-flex;align-items:center;gap:var(--space-3);transition:all var(--duration-normal) var(--ease-out);-webkit-user-select:none;user-select:none}.logo--clickable{cursor:pointer}.logo--clickable:hover{transform:scale(1.02)}.logo--clickable:active{transform:scale(.98)}.logo__icon{display:block;transition:all var(--duration-normal) var(--ease-out)}.logo__text{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);color:var(--color-midnight);line-height:var(--line-height-tight);background:linear-gradient(135deg,var(--color-owl-blue),var(--color-wisdom-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all var(--duration-normal) ease;position:relative}.logo--animated:hover .logo__text{background:linear-gradient(135deg,var(--color-wisdom-purple),var(--color-owl-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:scale(1.05);filter:drop-shadow(0 0 8px rgba(124,58,237,.3))}.logo--xs .logo__icon{width:20px;height:20px}.logo--xs .logo__text{font-size:var(--font-size-sm)}.logo--sm .logo__icon{width:24px;height:24px}.logo--sm .logo__text{font-size:var(--font-size-base)}.logo--md .logo__icon{width:32px;height:32px}.logo--md .logo__text{font-size:var(--font-size-lg)}.logo--lg .logo__icon{width:48px;height:48px}.logo--lg .logo__text{font-size:var(--font-size-xl)}.logo--xl .logo__icon{width:64px;height:64px}.logo--xl .logo__text{font-size:var(--font-size-2xl)}.logo--2xl .logo__icon{width:96px;height:96px}.logo--2xl .logo__text{font-size:var(--font-size-3xl)}.logo--icon{gap:0}.logo--text .logo__icon{display:none}.logo--animated .logo__pupil{animation:lookAround 4s ease-in-out infinite}.logo--animated .logo__coins{animation:floatCoins 3s ease-in-out infinite}.logo--animated .logo__sparkles{animation:twinkle 2s ease-in-out infinite alternate}.logo--animated .logo__dollar{animation:glow 2s ease-in-out infinite alternate}.logo--animated:hover .logo__icon{animation:bounce .6s ease-in-out}.logo--animated .logo__icon{transition:transform .3s ease}.logo--animated:hover .logo__icon{transform:scale(1.05)}.logo__pupil--left{transform-origin:88px 78px}.logo__pupil--right{transform-origin:112px 78px}@keyframes lookAround{0%,to{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px)}75%{transform:translateY(1px)}}@keyframes floatCoins{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes twinkle{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}@keyframes glow{0%{filter:url(#glow) drop-shadow(0 0 2px var(--color-amber-orange))}to{filter:url(#glow) drop-shadow(0 0 6px var(--color-amber-orange))}}[data-theme=dark] .logo__text{background:linear-gradient(135deg,var(--color-owl-blue-light),var(--color-wisdom-purple-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-card-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:transform var(--duration-normal) var(--ease-out)}.summary-card-icon--income{background:#0596691a;color:var(--color-forest-green)}.summary-card-icon--expense{background:#dc26261a;color:var(--color-ruby-red)}.summary-card-icon--savings{background:#2563eb1a;color:var(--color-owl-blue)}.summary-card-icon--goals{background:#7c3aed1a;color:var(--color-wisdom-purple)}.summary-card-amount{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2);line-height:var(--line-height-tight)}.summary-card-arrow{width:16px;height:16px;opacity:0;transform:translate(4px);transition:all var(--duration-normal) var(--ease-out);color:var(--text-secondary)}.summary-card:hover .summary-card-arrow{opacity:1;transform:translate(0)}.summary-card:hover .summary-card-icon{transform:scale(1.1)}.chart-wrapper{position:relative;padding:var(--space-4) 0}.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-4);padding-top:calc(var(--space-8) + 40px);animation:fadeIn var(--duration-normal) var(--ease-out)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=number]::-moz-number-spin-box{display:none}input[type=number]::-ms-clear,input[type=number]::-ms-expand{display:none}.modal-seamless .modal{display:flex!important;flex-direction:column!important;overflow:hidden!important;background:var(--bg-primary)!important;border:none!important}.modal-seamless .modal .modal-header{background:var(--bg-primary)!important;border-bottom:none!important;margin:0!important;flex-shrink:0!important;position:relative!important}.modal-seamless .modal .modal-header:after,.modal-seamless .modal .modal-header:before{display:none!important;content:none!important}.modal-seamless .modal .modal-content{background:var(--bg-primary)!important;margin:0!important;flex:1!important;min-height:0!important;border:none!important;border-radius:0!important}.modal-seamless .modal .modal-footer{border-top:none!important;background:var(--bg-primary)!important;margin:0!important;flex-shrink:0!important;position:relative!important}.modal-seamless .modal .modal-footer:after,.modal-seamless .modal .modal-footer:before{display:none!important;content:none!important}.modal-seamless .modal .form-section{margin-bottom:0!important;padding:0!important;border:none!important;background:transparent!important}.modal-seamless .modal form{background:transparent!important;border:none!important;margin:0!important;padding:0!important}.modal-seamless .modal *{box-sizing:border-box!important}.modal-seamless .modal .modal-header,.modal-seamless .modal .modal-content,.modal-seamless .modal .modal-footer{box-shadow:none!important;border-image:none!important;outline:none!important}.modal-seamless .modal,.modal-seamless .modal .modal-header,.modal-seamless .modal .modal-content,.modal-seamless .modal .modal-footer{background:var(--bg-primary)!important;background-image:none!important;background-size:auto!important}.modal{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:480px;max-height:85vh;overflow:hidden;animation:slideInFromTop var(--duration-normal) var(--ease-out);position:relative;border:1px solid var(--border-primary)}.modal-content{padding:var(--space-6);max-height:60vh;overflow-y:auto}.modal-header{padding:var(--space-6);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;position:relative}.modal-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-owl-blue) 50%,transparent 100%);opacity:.3}.modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-owl-blue),var(--color-wisdom-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:var(--line-height-tight);flex:1}.modal-actions{display:flex;gap:var(--space-3);align-items:center}.modal-check{width:36px;height:36px;border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--font-size-lg);transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.modal-check:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--color-forest-green);border-radius:50%;transform:translate(-50%,-50%);transition:all var(--duration-normal) var(--ease-out);z-index:-1}.modal-check:hover{background:var(--color-forest-green);color:var(--color-cloud-white);border-color:var(--color-forest-green);transform:translateY(-2px) scale(1.05);box-shadow:0 0 25px #05966980}.modal-check:hover:before{width:100px;height:100px}.modal-check:active{transform:translateY(0) scale(.95);transition:all var(--duration-fast) var(--ease-out)}.modal-close{width:36px;height:36px;border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--font-size-lg);transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.modal-close:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--color-ruby-red);border-radius:50%;transform:translate(-50%,-50%);transition:all var(--duration-normal) var(--ease-out);z-index:-1}.modal-close:hover{background:var(--color-ruby-red);color:var(--color-cloud-white);border-color:var(--color-ruby-red);transform:translateY(-2px) scale(1.05);box-shadow:0 0 25px #dc262680}.modal-close:hover:before{width:100px;height:100px}.modal-close:active{transform:translateY(0) scale(.95);transition:all var(--duration-fast) var(--ease-out)}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--bg-primary);color:var(--text-primary);transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-blue);transform:translateY(-1px)}.form-group input::placeholder,.form-group select::placeholder{color:var(--text-tertiary)}select.form-select,.form-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important;background-position:right .75rem center!important;background-repeat:no-repeat!important;background-size:1.25em 1.25em!important;padding-right:2.75rem!important;cursor:pointer!important;transition:all var(--duration-normal) var(--ease-out)!important;border-radius:var(--radius-lg)!important;font-weight:var(--font-weight-medium)!important}select.form-select:hover:not(:focus),.form-select:hover:not(:focus){border-color:var(--color-slate)!important;background-color:var(--bg-secondary)!important;transform:translateY(-1px)!important;box-shadow:var(--shadow-md)!important}select.form-select:focus,.form-select:focus{outline:none!important;border-color:var(--color-owl-blue)!important;box-shadow:0 0 0 3px #2563eb33!important;transform:translateY(-2px)!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%232563eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important}select.form-select option,.form-select option{padding:.75rem 1rem!important;background:var(--bg-primary)!important;color:var(--text-primary)!important;border:none!important;cursor:pointer!important;font-weight:var(--font-weight-medium)!important;border-radius:var(--radius-md)!important;margin:2px 0!important}select.form-select option:hover,.form-select option:hover{background:var(--bg-secondary)!important;color:var(--text-primary)!important}select.form-select option:checked,.form-select option:checked{background:linear-gradient(135deg,var(--color-owl-blue),var(--color-wisdom-purple))!important;color:var(--color-cloud-white)!important;font-weight:var(--font-weight-semibold)!important}select.form-select option:first-child,.form-select option:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0!important}select.form-select option:last-child,.form-select option:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)!important}.currency-input,.percentage-input{position:relative}.currency-symbol{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-weight:var(--font-weight-semibold);z-index:1}.currency-field{padding-left:36px!important}.percentage-symbol{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-weight:var(--font-weight-semibold);z-index:1}.percentage-field{padding-right:36px!important}select.form-select option[data-icon],.form-select option[data-icon]{display:flex!important;align-items:center!important;gap:.5rem!important;padding-left:1rem!important}select.form-select option,.form-select option{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-height:2.5rem!important;line-height:1.5!important}select.form-select,.form-select{background-color:var(--bg-primary)!important;border:1px solid var(--border-primary)!important}select.form-select:not([size]),.form-select:not([size]){min-height:2.75rem!important;display:flex!important;align-items:center!important}.card-item__actions{display:flex;align-items:center;gap:var(--space-2)}.card-item__delete{width:28px;height:28px;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm)}.card-item__delete:hover{background:var(--color-ruby-red);color:var(--color-cloud-white);border-color:var(--color-ruby-red);transform:translateY(-1px);box-shadow:0 0 15px #dc26264d}.card-item__edit{width:28px;height:28px;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm)}.card-item__edit:hover{background:var(--color-owl-blue);color:var(--color-cloud-white);border-color:var(--color-owl-blue);transform:translateY(-1px);box-shadow:0 0 15px #2563eb4d}.bank-item__edit{width:28px;height:28px;border-radius:var(--radius-md);border:1px solid var(--color-feather-gray);background:var(--color-cloud-white);color:var(--color-slate);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm)}.bank-item__edit:hover{background:var(--color-owl-blue);color:var(--color-cloud-white);border-color:var(--color-owl-blue);transform:translateY(-1px);box-shadow:0 0 15px #2563eb4d}.bank-item__delete{width:28px;height:28px;border-radius:var(--radius-md);border:1px solid var(--color-feather-gray);background:var(--color-cloud-white);color:var(--color-slate);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm)}.bank-item__delete:hover{background:var(--color-ruby-red);color:var(--color-cloud-white);border-color:var(--color-ruby-red);transform:translateY(-1px);box-shadow:0 0 15px #dc26264d}.bank-item__amount{font-weight:var(--font-weight-semibold);color:var(--color-forest-green);font-size:var(--font-size-lg)}.banks-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-top:var(--space-4);max-width:100%}@media (min-width: 1200px){.banks-list{grid-template-columns:repeat(4,1fr)}}.banks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px;max-width:100%}@media (min-width: 1200px){.banks-grid,.cards-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.banks-grid,.cards-grid{grid-template-columns:1fr;gap:16px}}.bank-card{background:var(--color-cloud-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-base);border:1px solid var(--color-feather-gray);position:relative;overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}.bank-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.bank-card__decoration{position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;opacity:.1;z-index:0}.bank-card__decoration--primary{background:var(--color-owl-blue)}.bank-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);position:relative;z-index:1}.bank-card__icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-cloud-white);flex-shrink:0}.bank-card__icon--primary{background:linear-gradient(135deg,var(--color-owl-blue),var(--color-owl-blue-light))}.bank-card__actions{display:flex;gap:var(--space-2);align-items:center}.bank-card__edit,.bank-card__delete{width:28px;height:28px;border-radius:var(--radius-md);border:1px solid var(--color-feather-gray);background:var(--color-cloud-white);color:var(--color-slate);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm)}.bank-card__edit:hover{background:var(--color-owl-blue);color:var(--color-cloud-white);border-color:var(--color-owl-blue);transform:translateY(-1px);box-shadow:0 0 15px #2563eb4d}.bank-card__delete:hover{background:var(--color-ruby-red);color:var(--color-cloud-white);border-color:var(--color-ruby-red);transform:translateY(-1px);box-shadow:0 0 15px #dc26264d}.bank-card__content{position:relative;z-index:1}.bank-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-midnight);margin:0 0 var(--space-2) 0;line-height:var(--line-height-tight)}.bank-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-forest-green);margin-bottom:var(--space-2);line-height:var(--line-height-tight)}.bank-card__subtitle{font-size:var(--font-size-sm);color:var(--color-slate);margin:0 0 var(--space-1) 0;line-height:var(--line-height-normal)}.bank-card__date{font-size:var(--font-size-xs);color:var(--color-slate-light);margin:0;line-height:var(--line-height-normal)}.bank-card__nickname{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.nickname-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.nickname-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);font-style:italic}.bank-card-modern,.credit-card-modern{background:var(--color-cloud-white);border:1px solid var(--border-primary);border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer;min-height:180px}.bank-card-modern:hover,.credit-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:var(--color-owl-blue)}.financial-card__digits{font-size:14px;color:var(--text-secondary);margin-left:8px}.financial-card__utilization{margin-top:12px}.financial-card__chevron{color:var(--text-secondary);opacity:.7;transition:opacity .2s ease}.financial-card:hover .financial-card__chevron{opacity:1}.financial-card__edit,.financial-card__delete{background:var(--color-cloud-white);border:1px solid var(--border-primary);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.financial-card__edit:hover{background:var(--color-pearl);color:var(--color-owl-blue)}.financial-card__delete:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626;transform:scale(1.05)}.financial-card__delete:active{transform:scale(.95)}.delete-btn{position:absolute;top:12px;right:12px;width:24px;height:24px;background:var(--color-cloud-white);border:1px solid var(--border-primary);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);opacity:0;z-index:10}.financial-card:hover .delete-btn,.subscription-card:hover .delete-btn,.bank-card:hover .delete-btn,.credit-card:hover .delete-btn{opacity:1}.delete-btn:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626;transform:scale(1.05);box-shadow:0 0 0 3px #dc26261a}.delete-btn:active{transform:scale(.95)}.edit-btn{position:absolute;top:12px;right:44px;width:24px;height:24px;background:var(--color-cloud-white);border:1px solid var(--border-primary);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);opacity:0;z-index:10}.financial-card:hover .edit-btn,.subscription-card:hover .edit-btn,.bank-card:hover .edit-btn,.credit-card:hover .edit-btn{opacity:1}.edit-btn:hover{background:#dbeafe;border-color:#bfdbfe;color:#2563eb;transform:scale(1.05);box-shadow:0 0 0 3px #2563eb1a}.edit-btn:active{transform:scale(.95)}.welcome-card{display:flex;align-items:center}.welcome-card__content{display:flex;align-items:center;gap:var(--space-3)}.welcome-card__avatar{width:32px;height:32px;border-radius:50%;background:var(--color-pearl);display:flex;align-items:center;justify-content:center;color:var(--color-owl-blue);flex-shrink:0;overflow:hidden}.welcome-card__image{width:100%;height:100%;object-fit:cover}.welcome-card__text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-midnight);line-height:1.4;white-space:nowrap}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-top:var(--space-6);margin-bottom:var(--space-8);align-items:stretch}@media (min-width: 768px){.dashboard-grid{grid-template-columns:2fr 1fr;grid-template-areas:"main sidebar" "full full" "full full"}.dashboard-grid__main{grid-area:main}.dashboard-grid__sidebar{grid-area:sidebar}.dashboard-grid__full{grid-area:full}}.insights-panel{transition:all var(--duration-normal) var(--ease-out)}.insights-panel__container{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-primary);border-radius:16px;padding:20px;margin-bottom:32px;position:relative;overflow:hidden}.insights-panel__decoration{position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%)}.insights-panel__header-btn{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:0;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.insights-panel__header-btn:hover{transform:translateY(-1px)}.insights-panel__header-content{display:flex;align-items:center;gap:12px}.insights-panel__badge{background:#3b82f61a;color:var(--color-owl-blue);font-size:12px;font-weight:600;padding:4px 8px;border-radius:12px;border:1px solid rgba(59,130,246,.2);min-width:20px;text-align:center}.insights-panel__chevron{color:var(--text-secondary);transition:transform var(--duration-normal) var(--ease-out)}.insights-panel__chevron--expanded{transform:rotate(90deg)}.insights-panel__content{background:transparent;max-height:0;overflow:hidden;transition:max-height var(--duration-normal) var(--ease-out)}.insights-panel__content--expanded{max-height:500px;margin-top:16px}.insights-panel__icon{background:linear-gradient(135deg,var(--color-owl-blue),var(--color-owl-blue-dark));padding:8px;border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) var(--ease-out);animation:insights-icon-pulse 2s infinite}.insights-panel__header-btn:hover .insights-panel__icon{transform:scale(1.1);animation:insights-icon-bounce .6s ease-out}@keyframes insights-icon-pulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}@keyframes insights-icon-bounce{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1.1)}}.insights-panel__title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.insights-panel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.insight-item{background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:16px;transition:all var(--duration-fast) var(--ease-out)}.insight-item--success,.insight-item--achievement{background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.insight-item--tip{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.insight-item--projection{background:#3b82f61a;border:1px solid rgba(59,130,246,.2)}.insight-item--warning{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.insight-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.insight-item__header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.insight-item__icon{display:flex;align-items:center;justify-content:center;transition:transform var(--duration-normal) var(--ease-bounce);cursor:pointer}.insight-item:hover .insight-item__icon{transform:scale(1.1) translateY(-2px)}.insight-item--success .insight-item__icon,.insight-item--achievement .insight-item__icon{color:var(--color-forest-green)}.insight-item--tip .insight-item__icon{color:var(--color-amber-orange)}.insight-item--projection .insight-item__icon{color:var(--color-owl-blue)}.insight-item--warning .insight-item__icon{color:var(--color-ruby-red)}.insight-item__title{font-size:14px;font-weight:600;color:var(--color-forest-green)}.insight-item--success .insight-item__title,.insight-item--achievement .insight-item__title{color:var(--color-forest-green)}.insight-item--tip .insight-item__title{color:var(--color-amber-orange)}.insight-item--projection .insight-item__title{color:var(--color-owl-blue)}.insight-item--warning .insight-item__title{color:var(--color-ruby-red)}.insight-item__message{font-size:14px;color:var(--text-primary);margin:0;line-height:1.4}.insight-item__action{font-size:14px;font-weight:500;color:var(--color-forest-green);background:none;border:none;padding:0;margin-top:8px;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.insight-item--success .insight-item__action,.insight-item--achievement .insight-item__action{color:var(--color-forest-green)}.insight-item--tip .insight-item__action{color:var(--color-amber-orange)}.insight-item--projection .insight-item__action{color:var(--color-owl-blue)}.insight-item--warning .insight-item__action{color:var(--color-ruby-red)}.insight-item__action:hover{opacity:.8}.category-breakdown{margin-bottom:32px;height:519px}.category-breakdown__container{background:var(--bg-primary);border-radius:16px;padding:16px;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);transition:.2s;position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.category-breakdown__container:hover{box-shadow:var(--shadow-md)}.category-breakdown__decoration{position:absolute;top:0;right:0;width:80px;height:80px;background:#3b82f61a;border-radius:50%;transform:translate(25%,-25%);opacity:.6}.category-breakdown__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.category-breakdown__title-section{display:flex;align-items:center;gap:8px}.category-breakdown__icon{background:#3b82f61a;padding:8px;border-radius:8px;color:var(--color-owl-blue);display:flex;align-items:center;justify-content:center}.category-breakdown__title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.category-breakdown__subtitle{font-size:12px;color:var(--text-secondary);margin:2px 0 0}.category-breakdown__menu-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.category-breakdown__menu-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.category-breakdown__content{background:transparent;flex:1;display:flex;flex-direction:column}.category-breakdown__empty{text-align:center;padding:40px 20px}.category-breakdown__empty-icon{font-size:48px;margin-bottom:16px}.category-breakdown__empty-title{font-size:18px;font-weight:500;color:var(--text-primary);margin:0 0 8px}.category-breakdown__empty-text{font-size:14px;color:var(--text-secondary);margin:0}.category-breakdown__list{display:flex;flex-direction:column;gap:8px}.category-item{background:var(--bg-secondary);border-radius:8px;padding:8px;border:1px solid var(--border-primary);transition:all .2s}.category-item:hover{background:var(--bg-hover);border-color:var(--border-focus);transform:translateY(-1px)}.category-item__header{display:flex;align-items:center;gap:8px;margin-bottom:0}.category-item__icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;flex-shrink:0}.category-item__name{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 2px}.category-item__count{font-size:11px;color:var(--text-secondary);margin:0}.category-item__value{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 1px}.category-item__percentage{font-size:11px;color:var(--text-secondary);margin:0}.category-total{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-primary);margin-top:8px}.category-total__label{font-size:14px;font-weight:600;color:var(--text-primary)}.category-total__value{font-size:18px;font-weight:700;color:var(--color-owl-blue)}.spending-chart{margin-bottom:32px}.spending-chart__container{background:var(--bg-primary);border-radius:16px;padding:24px;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);transition:.2s;position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.spending-chart__container:hover{box-shadow:var(--shadow-md)}.spending-chart__decoration{position:absolute;top:0;right:0;width:80px;height:80px;background:#10b9811a;border-radius:50%;transform:translate(25%,-25%);opacity:.6}.spending-chart__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.spending-chart__title-section{display:flex;align-items:center;gap:12px}.spending-chart__icon{background:#10b9811a;padding:12px;border-radius:12px;color:var(--color-forest-green);display:flex;align-items:center;justify-content:center}.spending-chart__title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.spending-chart__content{background:transparent}.recent-transactions{margin-bottom:32px}.recent-transactions__container{background:var(--bg-primary);border-radius:24px;padding:28px;border:1px solid var(--border-primary);box-shadow:0 4px 20px var(--shadow-color);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.recent-transactions__container:hover{box-shadow:0 8px 32px var(--shadow-color);transform:translateY(-2px)}.recent-transactions__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.recent-transactions__title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.recent-transactions__view-all-btn{background:none;border:1px solid var(--border-primary);padding:8px 16px;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:.2s}.recent-transactions__view-all-btn:hover{background:var(--bg-secondary);border-color:var(--border-focus);color:var(--text-primary)}.recent-transactions__content{background:transparent}.recent-transactions__loading{display:flex;flex-direction:column;gap:12px}.transaction-item-skeleton{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:12px;background:var(--bg-secondary);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.transaction-item-skeleton__icon{width:44px;height:44px;border-radius:12px;background:var(--border-primary)}.transaction-item-skeleton__content{flex:1;margin-left:16px}.transaction-item-skeleton__title{height:16px;background:var(--border-primary);border-radius:4px;margin-bottom:8px;width:120px}.transaction-item-skeleton__subtitle{height:14px;background:var(--border-primary);border-radius:4px;width:80px}.transaction-item-skeleton__amount{height:18px;background:var(--border-primary);border-radius:4px;width:60px}.recent-transactions__empty{text-align:center;padding:40px 20px}.recent-transactions__empty-icon{font-size:48px;margin-bottom:16px}.recent-transactions__empty-title{font-size:18px;font-weight:500;color:var(--text-primary);margin:0 0 8px}.recent-transactions__empty-text{font-size:14px;color:var(--text-secondary);margin:0 0 16px}.recent-transactions__add-btn{background:var(--color-owl-blue);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:.2s}.recent-transactions__add-btn:hover{background:var(--color-owl-blue-dark)}.recent-transactions__list{display:flex;flex-direction:column;gap:16px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.financial-summary__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.financial-card{background:var(--color-cloud-white);border-radius:12px;padding:16px;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);transition:.2s;cursor:pointer;position:relative;overflow:hidden;transform:translateY(0)}.financial-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.financial-card__decoration{position:absolute;top:0;right:0;width:60px;height:60px;border-radius:50%;transform:translate(25%,-25%);opacity:.6}.financial-card__decoration--income{background:#10b9811a}.financial-card__decoration--expense{background:#ef44441a}.financial-card__decoration--savings{background:#3b82f61a}.financial-card__decoration--debt{background:#f59e0b1a}.financial-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.financial-card__icon{padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;transition:transform var(--duration-normal) var(--ease-bounce);cursor:pointer}.financial-card:hover .financial-card__icon{transform:scale(1.1) translateY(-2px)}.financial-card__icon--income{background:#10b9811a;color:var(--color-forest-green)}.financial-card__icon--expense{background:#ef44441a;color:var(--color-ruby-red)}.financial-card__icon--savings{background:#3b82f61a;color:var(--color-owl-blue)}.financial-card__icon--debt{background:#f59e0b1a;color:var(--color-amber-orange)}.financial-card__content{flex:1}.financial-card__title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 8px;line-height:1.3}.financial-card__value{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px;line-height:1.2}.financial-card__subtitle{font-size:11px;color:var(--text-secondary);margin:0}.financial-card__trend{display:flex;align-items:center;gap:3px;padding:3px 6px;border-radius:16px;font-size:11px;font-weight:600}.financial-card__trend--positive{background:#10b98115!important;color:var(--color-forest-green)!important}.financial-card__trend--negative{background:#ef444415!important;color:var(--color-ruby-red)!important}.financial-card__trend--neutral{background:#64748b15!important;color:var(--text-secondary)!important}.summary-card--enhanced{position:relative;overflow:hidden}.summary-card--enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-owl-blue),var(--color-wisdom-purple));opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.summary-card--enhanced:hover:before{opacity:1}.summary-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.summary-card__icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:transform var(--duration-normal) var(--ease-bounce);cursor:pointer}.summary-card:hover .summary-card__icon{transform:scale(1.1) translateY(-2px)}.summary-card__icon--income{background:linear-gradient(135deg,var(--color-forest-green)20,var(--color-forest-green)40);color:var(--color-forest-green)}.summary-card__icon--expense{background:linear-gradient(135deg,var(--color-ruby-red)20,var(--color-ruby-red)40);color:var(--color-ruby-red)}.summary-card__icon--debt{background:linear-gradient(135deg,var(--color-amber-orange)20,var(--color-amber-orange)40);color:var(--color-amber-orange)}.summary-card__icon--savings{background:linear-gradient(135deg,var(--color-owl-blue)20,var(--color-owl-blue)40);color:var(--color-owl-blue)}.summary-card--enhanced:hover .summary-card__icon{transform:scale(1.1)}.summary-card__trend{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.summary-card__trend--positive{background:var(--color-forest-green)10;color:var(--color-forest-green)}.summary-card__trend--negative{background:var(--color-ruby-red)10;color:var(--color-ruby-red)}.summary-card__content{text-align:left}.summary-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-slate);margin-bottom:var(--space-1)}.summary-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-midnight);margin-bottom:var(--space-1);line-height:var(--line-height-tight)}.summary-card__subtitle{font-size:var(--font-size-xs);color:var(--color-slate);margin:0}.financial-summary__actions{text-align:center}.quick-action-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-decoration:none}.quick-action-btn--income{background:linear-gradient(135deg,var(--color-forest-green),#10B981);color:#fff}.quick-action-btn--expense{background:linear-gradient(135deg,var(--color-ruby-red),#F87171);color:#fff}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.spending-chart{height:519px}.spending-chart__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.spending-chart__title-section{display:flex;align-items:center;gap:var(--space-2)}.period-selector{display:flex;background:var(--color-feather-gray);padding:var(--space-1);border-radius:var(--radius-lg);gap:var(--space-1)}.period-selector__btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-slate);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.period-selector__btn--active{background:var(--bg-primary);color:var(--color-owl-blue);box-shadow:var(--shadow-sm)}.period-selector__btn:hover:not(.period-selector__btn--active){background:var(--bg-primary);color:var(--text-primary)}.chart-stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.chart-stat{text-align:center;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-pearl);transition:all var(--duration-normal) var(--ease-out)}.chart-stat:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.chart-stat__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.chart-stat__label{font-size:var(--font-size-xs);color:var(--color-slate);font-weight:var(--font-weight-medium)}.interactive-chart{position:relative}.chart-container{position:relative;height:250px;margin-bottom:var(--space-4);padding:var(--space-4) 0}.chart-grid{position:absolute;inset:0;pointer-events:none}.chart-grid__line{position:absolute;width:100%;border-top:1px solid var(--color-feather-gray);opacity:.5}.chart-bars{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:0 var(--space-2);gap:var(--space-1)}.chart-bar{position:relative;flex:1;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);height:100%;justify-content:flex-end}.chart-bar__income,.chart-bar__expenses{width:100%;max-width:20px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all var(--duration-fast) var(--ease-out);min-height:2px}.chart-bar__income{background:linear-gradient(to top,var(--color-forest-green),#10B981);margin-bottom:var(--space-1)}.chart-bar__expenses{background:linear-gradient(to top,var(--color-ruby-red),#F87171)}.chart-bar__income--hovered,.chart-bar__expenses--hovered{transform:scaleX(1.2);box-shadow:var(--shadow-lg);filter:brightness(1.1)}.chart-bar__indicator{width:6px;height:6px;background:var(--color-owl-blue);border-radius:var(--radius-full);border:2px solid white;box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--ease-out);position:absolute;top:-3px;opacity:0}.chart-bar:hover .chart-bar__indicator,.chart-bar__indicator--hovered{opacity:1;transform:scale(1.5)}.chart-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--space-2);z-index:10;animation:fadeInUp var(--duration-fast) var(--ease-out)}.chart-tooltip__content{background:var(--bg-primary);color:var(--text-primary);padding:var(--space-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-primary);min-width:120px;text-align:center}.chart-tooltip__date{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.chart-tooltip__values{display:flex;flex-direction:column;gap:var(--space-1)}.chart-tooltip__value{display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.chart-tooltip__value--income{color:var(--color-forest-green)}.chart-tooltip__value--expense{color:var(--color-ruby-red)}.chart-legend{display:flex;justify-content:center;gap:var(--space-6)}.chart-legend__item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-slate);font-weight:var(--font-weight-medium)}.chart-legend__color{width:12px;height:12px;border-radius:var(--radius-sm)}.chart-legend__color--income{background:linear-gradient(135deg,var(--color-forest-green),#10B981)}.chart-legend__color--expense{background:linear-gradient(135deg,var(--color-ruby-red),#F87171)}.category-item{padding:8px;border-radius:var(--radius-lg);background:var(--color-pearl);border:1px solid var(--color-feather-gray);transition:all var(--duration-normal) var(--ease-out)}.category-item:hover{background:var(--color-feather-gray-light);border-color:var(--color-owl-blue);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.category-item__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.category-item__icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;flex-shrink:0;transition:transform var(--duration-normal) var(--ease-bounce);cursor:pointer}.category-item:hover .category-item__icon{transform:scale(1.1) translateY(-2px)}.category-item__info{flex:1;min-width:0}.category-item__name{font-weight:var(--font-weight-semibold);color:var(--color-midnight);margin-bottom:var(--space-1);line-height:var(--line-height-tight)}.category-item__count{font-size:var(--font-size-sm);color:var(--color-slate);line-height:var(--line-height-normal)}.category-item__amount{text-align:right;flex-shrink:0}.category-item__value{font-weight:var(--font-weight-bold);color:var(--color-midnight);margin-bottom:var(--space-1)}.category-item__progress{height:4px;background:var(--color-feather-gray);border-radius:var(--radius-full);overflow:hidden}.category-item__progress-bar{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.category-total{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--color-owl-blue)10;border-radius:var(--radius-lg);border:1px solid var(--color-owl-blue)20}.category-total__label{font-weight:var(--font-weight-semibold);color:var(--color-midnight)}.category-total__value{font-weight:var(--font-weight-bold);color:var(--color-owl-blue);font-size:var(--font-size-lg)}.goal-item{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-pearl);border:1px solid var(--color-feather-gray);transition:all var(--duration-normal) var(--ease-out)}.goal-item:hover{background:var(--color-feather-gray-light);border-color:var(--color-owl-blue);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.goal-item__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.goal-item__icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;flex-shrink:0;transition:transform var(--duration-normal) var(--ease-bounce);cursor:pointer}.goal-item:hover .goal-item__icon{transform:scale(1.1) translateY(-2px)}.goal-item__info{flex:1;min-width:0}.goal-item__name{font-weight:var(--font-weight-semibold);color:var(--color-midnight);margin-bottom:var(--space-1);line-height:var(--line-height-tight)}.goal-item__category{font-size:var(--font-size-sm);color:var(--color-slate);line-height:var(--line-height-normal)}.goal-item__progress{text-align:right;flex-shrink:0}.goal-item__percentage{font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.goal-item__amount{font-size:var(--font-size-sm);color:var(--color-slate)}.goal-item__progress-bar{height:6px;background:var(--color-feather-gray);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.goal-item__progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out)}.goal-item__footer{display:flex;justify-content:space-between;align-items:center}.goal-item__deadline{display:flex;align-items:center;gap:var(--space-1)}.goal-item__remaining{font-size:var(--font-size-sm);color:var(--color-slate)}.goals-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);padding:var(--space-4);background:var(--color-pearl);border-radius:var(--radius-lg);border:1px solid var(--color-feather-gray)}.goals-summary__item{text-align:center}.goals-summary__label{font-size:var(--font-size-sm);color:var(--color-slate);margin-bottom:var(--space-1)}.goals-summary__value{font-weight:var(--font-weight-bold);color:var(--color-midnight);font-size:var(--font-size-lg)}.enhanced-transaction-list{display:flex;flex-direction:column;gap:var(--space-3)}.enhanced-transaction-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-pearl);border:1px solid var(--color-feather-gray);transition:all var(--duration-normal) var(--ease-out)}.enhanced-transaction-item:hover{background:var(--color-feather-gray-light);border-color:var(--color-owl-blue);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.enhanced-transaction-item__icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;flex-shrink:0;transition:transform var(--duration-normal) var(--ease-bounce);cursor:pointer}.enhanced-transaction-item:hover .enhanced-transaction-item__icon{transform:scale(1.1) translateY(-2px)}.enhanced-transaction-item__details{flex:1;min-width:0}.enhanced-transaction-item__merchant{font-weight:var(--font-weight-semibold);color:var(--color-midnight);margin-bottom:var(--space-1);line-height:var(--line-height-tight)}.enhanced-transaction-item__meta{font-size:var(--font-size-sm);color:var(--color-slate);display:flex;align-items:center;gap:var(--space-2);line-height:var(--line-height-normal)}.enhanced-transaction-item__separator{color:var(--color-slate);opacity:.5}.enhanced-transaction-item__amount-section{text-align:right;flex-shrink:0}.enhanced-transaction-item__amount{font-weight:var(--font-weight-bold);font-size:var(--font-size-base);margin-bottom:var(--space-1)}.enhanced-transaction-item__amount--income{color:var(--color-forest-green)}.enhanced-transaction-item__amount--expense{color:var(--color-ruby-red)}.enhanced-transaction-item__description{font-size:var(--font-size-xs);color:var(--color-slate);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-stats{display:flex;justify-content:space-between;align-items:center}.transaction-stat{text-align:center}.transaction-stat__value{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);margin-bottom:var(--space-1)}.transaction-stat__label{font-size:var(--font-size-xs);color:var(--color-slate);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.grid--2{grid-template-columns:1fr}.modal-content{margin:var(--space-2);max-width:calc(100vw - var(--space-4))}.modal-header,.modal-body,.modal-footer{padding:var(--space-4)}.financial-summary__grid{grid-template-columns:1fr}.spending-chart__header{flex-direction:column;align-items:stretch}.chart-stats__grid{grid-template-columns:1fr}.chart-bars{padding:0 var(--space-1)}.chart-bar__income,.chart-bar__expenses{max-width:16px}.goals-summary{grid-template-columns:1fr}}.expenses-content-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 1200px){.expenses-content-grid{grid-template-columns:2fr 1fr}.expenses-analytics-section{position:sticky;top:var(--space-6);height:fit-content}}.expenses-header{margin-bottom:var(--space-6)}.expenses-header__content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.expenses-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--color-owl-blue),var(--color-wisdom-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.expenses-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin:var(--space-2) 0 0 0}.expenses-header__actions{display:flex;gap:var(--space-4);align-items:center}.accounts-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.accounts-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--color-owl-blue),var(--color-wisdom-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.accounts-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin:var(--space-2) 0 0 0}.accounts-header__actions{display:flex;gap:var(--space-3);align-items:center}.expenses-summary__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.summary-card--expenses{transition:all var(--duration-normal) var(--ease-out)}.summary-card__icon--warning{background:linear-gradient(135deg,var(--color-amber-orange)20,var(--color-amber-orange)40);color:var(--color-amber-orange)}.summary-card__icon--info{background:linear-gradient(135deg,var(--color-owl-blue)20,var(--color-owl-blue)40);color:var(--color-owl-blue)}.summary-card__icon--neutral{background:linear-gradient(135deg,var(--color-slate)20,var(--color-slate)40);color:var(--color-slate)}.summary-card__trend--neutral{background:var(--color-feather-gray);color:var(--color-slate);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.expense-filters{border:1px solid var(--border-primary)}.filter-main-row{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-4);padding:var(--space-4)}.filter-search{flex:1;min-width:250px}.filter-search__input{position:relative;display:flex;align-items:center}.filter-search__icon{position:absolute;left:var(--space-3);color:var(--text-secondary);z-index:1}.filter-search__clear{position:absolute;right:var(--space-3);padding:var(--space-1);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);z-index:1}.filter-search__clear:hover{background:var(--bg-secondary);color:var(--text-primary)}.filter-input{width:100%;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-10);border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--duration-fast) var(--ease-out)}.filter-input:focus{outline:none;border-color:var(--color-owl-blue);box-shadow:0 0 0 3px var(--color-owl-blue) 20}.filter-input--date,.filter-input--number{padding:var(--space-2) var(--space-3)}.filter-quick{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.filter-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--space-2) center;background-size:16px;padding-right:var(--space-8)}.filter-select:focus{outline:none;border-color:var(--color-owl-blue);box-shadow:0 0 0 3px var(--color-owl-blue) 20}.filter-select--small{padding:var(--space-2)}.filter-sort{display:flex;align-items:center;border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-primary)}.filter-sort select{border:none;background:transparent;border-radius:0;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;flex:1;min-width:120px}.filter-sort select:focus{outline:none;box-shadow:none}.filter-sort__toggle{padding:var(--space-2) var(--space-3);border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:flex;align-items:center;justify-content:center;border-left:1px solid var(--border-primary);min-width:40px}.filter-sort__toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.filter-advanced-toggle{position:relative}.filter-badge{position:absolute;top:-6px;right:-6px;background:var(--color-ruby-red);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:var(--radius-full);min-width:18px;text-align:center;line-height:1}.filter-advanced{border-top:1px solid var(--color-feather-gray);padding-top:var(--space-4);margin-top:var(--space-4)}.filter-advanced__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.filter-group{display:flex;flex-direction:column;gap:var(--space-2)}.filter-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-midnight)}.filter-date-range,.filter-amount-range{display:flex;align-items:center;gap:var(--space-2)}.filter-date-separator,.filter-amount-separator{font-size:var(--font-size-sm);color:var(--color-slate);font-weight:var(--font-weight-medium)}.filter-quick-dates{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}.filter-quick-date{padding:var(--space-1) var(--space-2);border:1px solid var(--color-feather-gray);border-radius:var(--radius-md);background:transparent;color:var(--color-slate);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.filter-quick-date:hover{border-color:var(--color-owl-blue);color:var(--color-owl-blue);background:var(--color-owl-blue)10}.filter-tags{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}.filter-tag{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-owl-blue)10;color:var(--color-owl-blue);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.filter-tag__remove{padding:2px;border:none;background:transparent;color:var(--color-owl-blue);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out)}.filter-tag__remove:hover{background:var(--color-owl-blue)20}.filter-summary{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-feather-gray)}.filter-summary__info{display:flex;gap:var(--space-3);align-items:center}.filter-results{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-midnight)}.filter-active{font-size:var(--font-size-xs);color:var(--color-slate);padding:var(--space-1) var(--space-2);background:var(--color-feather-gray);border-radius:var(--radius-md)}.expenses-list{border:1px solid var(--border-primary)}.expenses-list__header{display:flex;justify-content:space-between;align-items:center}.expenses-list__selection{display:flex;align-items:center;gap:var(--space-4)}.expenses-list__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.expenses-list__actions{display:flex;gap:var(--space-4)}.expenses-list__content{padding:0}.expenses-list__items{border-radius:var(--radius-xl);overflow:hidden}.expenses-empty{text-align:center;padding:var(--space-12) var(--space-6)}.expenses-empty__icon{font-size:4rem;margin-bottom:var(--space-4)}.expenses-empty__subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--space-6);max-width:400px;margin-left:auto;margin-right:auto}.expenses-empty__action{display:inline-flex;align-items:center;gap:var(--space-2)}.income-modal{max-width:600px;max-height:90vh;overflow-y:auto}.form-section{margin-bottom:var(--space-8);padding-bottom:2px;border-bottom:1px solid var(--border-primary)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.form-helper{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1);line-height:var(--line-height-relaxed)}.checkbox-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-checkbox{width:18px;height:18px;border:2px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);appearance:none;position:relative}.form-checkbox:checked{background:var(--color-owl-blue);border-color:var(--color-owl-blue)}.form-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.form-error{background:var(--color-ruby-red)10;border:1px solid var(--color-ruby-red);color:var(--color-ruby-red);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.preview-section{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border-primary)}.preview-content{display:flex;flex-direction:column;gap:var(--space-4)}.preview-summary{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.preview-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.preview-item span:first-child{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.preview-item span:last-child{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.preview-amount{color:var(--color-forest-green)!important}.preview-transactions{padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.preview-transactions h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-3)}.transaction-list{display:flex;flex-direction:column;gap:var(--space-2)}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.transaction-amount{color:var(--color-forest-green);font-weight:var(--font-weight-semibold)}.transaction-more{color:var(--text-secondary);font-style:italic;justify-content:center}.preview-balance{padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.balance-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.balance-item:last-child{margin-bottom:0;padding-top:var(--space-2);border-top:1px solid var(--border-primary)}.balance-item span:first-child{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.balance-item span:last-child{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.balance-new{color:var(--color-forest-green)!important}.bulk-actions-bar{border:1px solid var(--color-owl-blue);background:var(--color-owl-blue)05;position:sticky;top:var(--space-20);z-index:10}.bulk-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.bulk-actions__info{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4)}.bulk-actions__selection{display:flex;align-items:center;gap:var(--space-4)}.bulk-checkbox{width:18px;height:18px;border:2px solid var(--color-owl-blue);border-radius:var(--radius-sm);background:var(--bg-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);appearance:none;position:relative}.bulk-checkbox:checked{background:var(--color-owl-blue);border-color:var(--color-owl-blue)}.bulk-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:11px;font-weight:700}.bulk-actions__count{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-owl-blue)}.bulk-actions__buttons{display:flex;gap:var(--space-3);align-items:center}.bulk-action-btn{display:flex;align-items:center;gap:var(--space-2);transition:all var(--duration-normal) var(--ease-out)}.bulk-action-btn--categorize{color:var(--color-wisdom-purple)}.bulk-action-btn--categorize:hover{background:var(--color-wisdom-purple);color:#fff}.bulk-action-btn--export{color:var(--color-forest-green)}.bulk-action-btn--export:hover{background:var(--color-forest-green);color:#fff}.bulk-action-btn--danger{color:var(--color-ruby-red)}.bulk-action-btn--danger:hover,.bulk-action-btn--danger-confirm{background:var(--color-ruby-red);color:#fff}.bulk-action-btn--danger-confirm:hover{background:#b91c1c}.bulk-action-btn--cancel{color:var(--color-slate)}.bulk-action-btn--cancel:hover{background:var(--color-slate);color:#fff}.bulk-action-dropdown{position:relative}.bulk-dropdown-menu{position:absolute;top:100%;left:0;margin-top:var(--space-2);background:var(--color-cloud-white);border:1px solid var(--color-feather-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:20;min-width:200px;overflow:hidden}.bulk-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--color-pearl);border-bottom:1px solid var(--color-feather-gray);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-midnight)}.bulk-dropdown-close{padding:var(--space-1);border:none;background:transparent;color:var(--color-slate);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out)}.bulk-dropdown-close:hover{background:var(--color-feather-gray);color:var(--color-midnight)}.bulk-dropdown-items{max-height:200px;overflow-y:auto}.bulk-dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:none;background:transparent;color:var(--color-midnight);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left}.bulk-dropdown-item:hover{background:var(--color-pearl)}.bulk-dropdown-icon{font-size:16px;width:20px;text-align:center}.bulk-actions__confirm{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-feather-gray)}.bulk-confirm-message{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-3);background:var(--color-amber-orange)10;border:1px solid var(--color-amber-orange)30;border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-midnight)}.bulk-confirm-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.expense-analytics{display:flex;flex-direction:column;gap:var(--space-6)}.analytics-card{border:1px solid var(--color-feather-gray)}.analytics-card__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-midnight);margin:0}.analytics-empty{text-align:center;padding:var(--space-8);color:var(--color-slate)}.analytics-empty h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-midnight);margin:var(--space-3) 0 var(--space-2)}.monthly-comparison{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6)}.monthly-stat__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-midnight);margin-bottom:var(--space-1)}.monthly-stat__label{font-size:var(--font-size-sm);color:var(--color-slate);font-weight:var(--font-weight-medium)}.monthly-change{text-align:right}.monthly-change__value{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);justify-content:flex-end}.monthly-change__value--increase{color:var(--color-ruby-red)}.monthly-change__value--decrease{color:var(--color-forest-green)}.monthly-change__label{font-size:var(--font-size-sm);color:var(--color-slate)}.category-breakdown{display:flex;flex-direction:column;gap:var(--space-4)}.category-item{display:flex;flex-direction:column;gap:var(--space-2)}.category-item__info{display:flex;align-items:center;gap:var(--space-3)}.category-item__color{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0}.category-item__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-midnight);flex:1}.category-item__stats{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-1)}.category-item__amount{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-midnight)}.category-item__percentage{font-size:var(--font-size-sm);color:var(--color-slate)}.category-item__bar{height:6px;background:var(--color-feather-gray);border-radius:var(--radius-full);overflow:hidden}.category-item__progress{height:100%;border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.weekly-pattern{padding:var(--space-4) 0}.weekly-chart{display:flex;justify-content:space-between;align-items:flex-end;height:150px;gap:var(--space-2)}.weekly-bar{display:flex;flex-direction:column;align-items:center;flex:1;height:100%;position:relative}.weekly-bar__fill{width:100%;max-width:30px;background:linear-gradient(to top,var(--color-owl-blue),var(--color-wisdom-purple));border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all var(--duration-normal) var(--ease-out);cursor:pointer;align-self:flex-end}.weekly-bar__fill:hover{filter:brightness(1.1);transform:scaleX(1.1)}.weekly-bar__label{font-size:var(--font-size-xs);color:var(--color-slate);font-weight:var(--font-weight-medium);margin-top:var(--space-2)}.weekly-bar__amount{font-size:var(--font-size-xs);color:var(--color-midnight);font-weight:var(--font-weight-semibold);margin-top:var(--space-1)}.key-metrics{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.metric-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-pearl);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out)}.metric-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.metric-item__icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-item__icon--average{background:var(--color-owl-blue)20;color:var(--color-owl-blue)}.metric-item__icon--highest{background:var(--color-ruby-red)20;color:var(--color-ruby-red)}.metric-item__icon--lowest{background:var(--color-forest-green)20;color:var(--color-forest-green)}.metric-item__content{flex:1}.metric-item__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-midnight);margin-bottom:var(--space-1)}.metric-item__label{font-size:var(--font-size-sm);color:var(--color-slate);font-weight:var(--font-weight-medium)}.payment-methods{display:flex;flex-direction:column;gap:var(--space-3)}.payment-method-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--color-pearl);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out)}.payment-method-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.payment-method-item__info{display:flex;align-items:center;gap:var(--space-3)}.payment-method-item__icon{font-size:18px;width:24px;text-align:center}.payment-method-item__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-midnight)}.payment-method-item__stats{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.payment-method-item__amount{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-midnight)}.payment-method-item__percentage{font-size:var(--font-size-xs);color:var(--color-slate)}.form-input-wrapper{position:relative;display:flex;align-items:center}.form-input-prefix{position:absolute;left:var(--space-3);color:var(--color-slate);font-weight:var(--font-weight-medium);z-index:1}.form-input--with-prefix{padding-left:var(--space-8)}.form-tags{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}.form-tag{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-owl-blue)10;color:var(--color-owl-blue);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.form-tag__remove{padding:2px;border:none;background:transparent;color:var(--color-owl-blue);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);font-size:12px;line-height:1}.form-tag__remove:hover{background:var(--color-owl-blue)20}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-up{animation:slideInUp var(--duration-normal) var(--ease-out)}@media (prefers-color-scheme: dark){.bulk-actions-bar{background:var(--color-midnight)10;border-color:var(--color-owl-blue)60}.bulk-dropdown-menu{background:var(--color-midnight);border-color:var(--color-slate)}.bulk-dropdown-header{background:var(--color-slate)20;border-color:var(--color-slate)}.metric-item,.category-item,.payment-method-item{background:var(--color-midnight)20}.weekly-bar__fill{filter:brightness(.9)}}.accounts-header{padding:20px;position:sticky;top:0;z-index:50;margin:-20px -20px 20px}.accounts-header__content{max-width:500px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.accounts-header__title{font-size:28px;font-weight:700;color:var(--color-text-primary);margin:0 0 4px}.accounts-header__subtitle{font-size:16px;color:var(--color-text-secondary);margin:0}.balance-toggle{background:var(--color-success);color:#fff;border:none;border-radius:12px;padding:12px;cursor:pointer;transition:all .2s ease}.balance-toggle--hidden{background:var(--color-danger)}.cards-content{max-width:500px;margin:0 auto}.cards-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.stat-card{background:var(--bg-primary);border-radius:16px;padding:20px;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card__header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.stat-card__icon{padding:8px;border-radius:8px}.stat-card__title{font-size:14px;color:var(--text-secondary);font-weight:500}.stat-card__value{font-size:20px;font-weight:700;color:var(--text-primary)}.cards-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:600;transition:all .2s ease}.action-btn:hover{transform:translateY(-2px)}.action-btn--primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:12px;padding:16px}.action-btn--secondary{background:var(--bg-primary);color:var(--color-owl-blue);border:2px solid var(--color-owl-blue);border-radius:12px;padding:16px}.action-btn--secondary:hover{background:#2563eb;color:#fff}.accounts-section{margin-bottom:32px}.accounts-section__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3);text-shadow:0 2px 4px rgba(0,0,0,.3)}.accounts-section__title--credit-cards{color:var(--color-owl-blue)}.accounts-section__title--credit-cards:before{content:"💳";font-size:24px}.accounts-section__title--banks{color:var(--color-forest-green)}.accounts-section__title--banks:before{content:"🏦";font-size:24px}.subscriptions-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.subscriptions-header__content{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.subscriptions-header__title{flex:1}.subscriptions-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2);text-shadow:0 2px 4px rgba(0,0,0,.1)}.subscriptions-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}.subscriptions-header__actions{display:flex;gap:var(--space-3);align-items:center}.subscriptions-section{margin-top:var(--space-8)}.subscriptions-section__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3);text-shadow:0 2px 4px rgba(0,0,0,.3);color:var(--color-wisdom-purple)}.subscriptions-section__title:before{content:"";font-size:24px}.subscriptions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}@media (min-width: 1200px){.subscriptions-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1600px){.subscriptions-grid{grid-template-columns:repeat(5,1fr)}}.subscription-card{width:280px;height:200px;padding:16px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;position:relative;cursor:pointer;transition:all .2s ease}.subscription-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.subscription-card:before{content:"";position:absolute;inset:0;background:var(--brand-gradient, linear-gradient(135deg, var(--brand-primary), var(--brand-secondary)));opacity:.2;pointer-events:none;z-index:1}.subscription-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.status-indicator{position:absolute;top:12px;right:12px;width:8px;height:8px;background:#16a34a;border-radius:50%;z-index:2}.subscription-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;position:relative;z-index:2}.service-logo{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.service-info h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.service-plan{font-size:14px;color:var(--text-secondary);margin:0}.subscription-details{margin-bottom:12px;position:relative;z-index:2}.price{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.billing-frequency{font-size:14px;color:var(--text-secondary);margin:0}.next-billing{font-size:14px;color:var(--text-secondary);margin-bottom:16px;position:relative;z-index:2}.upcoming-warning{color:#f59e0b;font-weight:500}.card-actions{display:flex;gap:8px;margin-top:auto;position:relative;z-index:2}.action-btn{padding:8px 16px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1}.action-btn.primary{background:var(--brand-gradient, var(--brand-primary));color:#fff}.action-btn:not(.primary){background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.action-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.action-btn.primary:hover{filter:brightness(1.1)}.action-btn:not(.primary):hover{background:var(--bg-tertiary)}.subscription-card__content{display:flex;flex-direction:column;height:100%}.subscription-card__main{display:flex;align-items:center;gap:12px;margin-bottom:12px}.subscription-card__info{flex:1}.subscription-card__amount{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.subscription-card__cycle{font-size:14px;color:var(--text-secondary)}.subscription-card__details{display:flex;flex-direction:column;gap:4px;margin-top:8px}.subscription-card__detail{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.subscription-card__warning{margin-top:auto;padding:6px 8px;background:#f59e0b1a;color:var(--color-amber);border-radius:4px;font-size:11px;display:flex;align-items:center;gap:4px}.subscriptions-empty{text-align:center;padding:var(--space-12) var(--space-6);background:var(--bg-primary);border-radius:var(--radius-xl);border:2px dashed var(--border-primary)}.subscriptions-empty__icon{font-size:64px;margin-bottom:var(--space-4)}.subscriptions-empty__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.subscriptions-empty__subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--space-6);max-width:400px;margin-left:auto;margin-right:auto}.subscriptions-empty__action{margin-top:var(--space-4)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.cards-list{display:flex;flex-direction:column;gap:12px}.card-item{background:var(--bg-primary);border-radius:16px;padding:20px;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease}.card-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-item__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.card-item__type{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.card-item__type-header{display:flex;align-items:center;gap:8px}.card-item__type-icon{flex-shrink:0}.card-item__type-name{font-size:18px;font-weight:600}.card-item__digits{font-size:18px;font-weight:600;color:var(--color-text-secondary)}.card-item__bank{font-size:14px;color:var(--color-text-secondary)}.card-item__chevron{color:var(--color-text-secondary)}.card-item__balance{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-item__label{font-size:14px;color:var(--color-text-secondary);margin-bottom:2px}.card-item__amount{font-size:20px;font-weight:700;color:var(--color-text-primary)}.card-item__limit{text-align:right}.card-item__limit .card-item__amount{font-size:16px;font-weight:600;color:var(--color-text-secondary)}.card-item__utilization{margin-bottom:8px}.utilization-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.utilization-label{font-size:14px;color:var(--color-text-secondary)}.utilization-rate{font-size:14px;font-weight:600}.utilization-bar{width:100%;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.utilization-fill{height:100%;border-radius:3px;transition:width .5s ease}.banks-list{display:flex;flex-direction:column;gap:12px}.bank-item{background:var(--bg-primary);border-radius:16px;padding:20px;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);transition:all .2s ease}.bank-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.bank-item__header{display:flex;align-items:center;gap:16px;margin-bottom:12px}.bank-item__icon{background:#eff6ff;color:#2563eb;padding:12px;border-radius:12px}.bank-item__name{font-size:18px;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.bank-item__bank{font-size:14px;color:var(--color-text-secondary)}.bank-item__meta{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--color-text-secondary)}.card-preview{border-radius:16px;padding:24px;color:#fff;margin-bottom:24px}.card-preview__type{font-size:18px;font-weight:600;margin-bottom:8px;display:flex;align-items:center}.card-preview__number{font-size:24px;font-weight:700;letter-spacing:2px;margin-bottom:16px}.card-preview__bank{font-size:14px;opacity:.9}.card-details{display:flex;flex-direction:column;gap:16px}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-row span:first-child{color:var(--color-text-secondary)}.detail-row span:last-child{font-weight:600;color:var(--color-text-primary)}.expenses-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.expenses-header__content{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.expenses-header__title{flex:1}.expenses-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2);text-shadow:0 2px 4px rgba(0,0,0,.1)}.expenses-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.expenses-header__actions{display:flex;gap:var(--space-3)}.expenses-summary{margin-bottom:var(--space-6)}.expenses-summary__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-5)}.expense-summary-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);border:2px solid;box-shadow:var(--shadow-sm);transition:all .2s ease}.expense-summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.expense-summary-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.expense-summary-card__icon{font-size:var(--font-size-xl)}.expense-summary-card__title{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;font-weight:var(--font-weight-medium)}.expense-summary-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.expenses-list-container{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.expenses-list-header{margin-bottom:var(--space-6)}.expenses-list-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.expenses-list-note{font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic;margin:0}.expenses-list{display:flex;flex-direction:column;gap:var(--space-3)}.expenses-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl)}.expenses-empty__icon{font-size:64px;margin-bottom:var(--space-4)}.expenses-empty__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.expenses-empty__subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--space-6);max-width:400px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:var(--space-8);text-align:center;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top:3px solid var(--color-owl-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:var(--space-8);text-align:center;color:var(--text-primary)}.error-container h2{color:var(--color-ruby-red);margin-bottom:var(--space-4)}.error-container p{color:var(--text-secondary);margin-bottom:var(--space-6)}.subscription-insights-list{margin-top:12px}.subscription-insight-item{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-primary)}.subscription-insight-item:last-child{border-bottom:none}.subscription-insight-rank,.subscription-insight-date,.subscription-insight-days{width:32px;height:32px;background:var(--bg-tertiary);border-radius:6px;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:12px;font-weight:600;color:var(--text-secondary);flex-shrink:0;text-align:center;line-height:1;border:1px solid var(--border-primary)}.subscription-insight-days--urgent{background:var(--color-amber);color:var(--text-inverse)}.subscription-insight-date{flex-direction:column;font-size:10px;padding:4px 2px;height:36px;justify-content:center;gap:1px}.subscription-insight-details{flex:1;min-width:0}.subscription-insight-name{font-weight:500;font-size:14px;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subscription-insight-meta{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subscription-insight-empty{color:var(--text-secondary);font-size:14px;text-align:center;padding:16px 0;font-style:italic}.category-icon{font-size:20px;line-height:1}.subscription-icon-fallback{display:flex;align-items:center;justify-content:center}.subscription-icon-fallback svg{width:100%;height:100%;max-width:100%;max-height:100%}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.shimmer{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:inherit;opacity:.7}.subscription-card-grid--shimmer{pointer-events:none}.subscription-card-grid--shimmer .subscription-card-grid__icon{width:56px;height:56px;border-radius:12px}.subscription-card-grid--shimmer .subscription-card-grid__title{width:80%;height:16px;margin:0 0 8px}.subscription-card-grid--shimmer .subscription-card-grid__amount{width:60%;height:18px;margin-bottom:6px}.subscription-card-grid--shimmer .subscription-card-grid__date{width:70%;height:20px}.financial-card--shimmer{pointer-events:none}.financial-card--shimmer .financial-card__title{width:70%;height:12px}.financial-card--shimmer .financial-card__value{width:50%;height:20px}.financial-card--shimmer .financial-card__subtitle{width:60%;height:11px}@keyframes pulse{0%{box-shadow:0 0 8px #10b98199}50%{box-shadow:0 0 12px #10b981cc}to{box-shadow:0 0 8px #10b98199}}.subscriptions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(204px,1fr));gap:14px;margin-top:16px}.subscription-card-grid{background:var(--color-cloud-white);border:1px solid var(--border-primary);border-radius:14px;padding:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:136px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.subscription-card-grid:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.subscription-card-grid__gradient{position:absolute;inset:0;opacity:.05;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.subscription-card-grid__glass{position:absolute;inset:0;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;pointer-events:none}.subscription-card-grid__accent{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e5e7eb,#d1d5db);border-radius:16px 16px 0 0}.subscription-card-grid--netflix .subscription-card-grid__accent{background:linear-gradient(90deg,#e50914,#b20710)}.credit-card-modern[data-card-type=Visa] .financial-card__decoration{background:linear-gradient(90deg,#1a1f71,#0f1428)}.credit-card-modern[data-card-type=Mastercard] .financial-card__decoration{background:linear-gradient(90deg,#eb001b,#c4001a)}.credit-card-modern[data-card-type="American Express"] .financial-card__decoration{background:linear-gradient(90deg,#006fcf,#0056a3)}.credit-card-modern[data-card-type=Discover] .financial-card__decoration{background:linear-gradient(90deg,#ff6000,#e55500)}.subscription-card-grid--spotify .subscription-card-grid__accent{background:linear-gradient(90deg,#1db954,#1ed760)}.subscription-card-grid--amazon .subscription-card-grid__accent,.subscription-card-grid--amazon-prime .subscription-card-grid__accent{background:linear-gradient(90deg,#f90,#e47911)}.subscription-card-grid--hulu .subscription-card-grid__accent{background:linear-gradient(90deg,#1ce783,#0fbd8c)}.subscription-card-grid--apple .subscription-card-grid__accent,.subscription-card-grid--apple-music .subscription-card-grid__accent{background:linear-gradient(90deg,#fa243c,#d70015)}.subscription-card-grid--youtube .subscription-card-grid__accent,.subscription-card-grid--youtube-premium .subscription-card-grid__accent{background:linear-gradient(90deg,red,#c00)}.subscription-card-grid--adobe .subscription-card-grid__accent,.subscription-card-grid--adobe-creative-cloud .subscription-card-grid__accent{background:linear-gradient(90deg,red,#d70015)}.subscription-card-grid--microsoft .subscription-card-grid__accent,.subscription-card-grid--microsoft-365 .subscription-card-grid__accent{background:linear-gradient(90deg,#0078d4,#106ebe)}.subscription-card-grid--google .subscription-card-grid__accent,.subscription-card-grid--google-drive .subscription-card-grid__accent{background:linear-gradient(90deg,#4285f4,#3367d6)}.subscription-card-grid--dropbox .subscription-card-grid__accent{background:linear-gradient(90deg,#0061ff,#0043b8)}.subscription-card-grid--github .subscription-card-grid__accent{background:linear-gradient(90deg,#24292e,#1b1f23)}.subscription-card-grid--disney-plus .subscription-card-grid__accent,.subscription-card-grid--disney .subscription-card-grid__accent{background:linear-gradient(90deg,#0063e5,#0043b8)}.subscription-card-grid--hbo .subscription-card-grid__accent,.subscription-card-grid--hbo-max .subscription-card-grid__accent{background:linear-gradient(90deg,#5f2eea,#4c1d95)}.subscription-card-grid--paramount .subscription-card-grid__accent,.subscription-card-grid--paramount-plus .subscription-card-grid__accent{background:linear-gradient(90deg,#06c,#049)}.subscription-card-grid--peacock .subscription-card-grid__accent{background:linear-gradient(90deg,#000,#1a1a1a)}.subscription-card-grid--crunchyroll .subscription-card-grid__accent{background:linear-gradient(90deg,#f47521,#e55a00)}.subscription-card-grid--funimation .subscription-card-grid__accent{background:linear-gradient(90deg,#7b2cbf,#5b21a8)}.subscription-card-grid--twitch .subscription-card-grid__accent{background:linear-gradient(90deg,#9146ff,#7c3aed)}.subscription-card-grid--discord .subscription-card-grid__accent{background:linear-gradient(90deg,#5865f2,#4752c4)}.subscription-card-grid--zoom .subscription-card-grid__accent{background:linear-gradient(90deg,#2d8cff,#1a75ff)}.subscription-card-grid--slack .subscription-card-grid__accent{background:linear-gradient(90deg,#4a154b,#3a0f3a)}.subscription-card-grid--notion .subscription-card-grid__accent{background:linear-gradient(90deg,#000,#1a1a1a)}.subscription-card-grid--figma .subscription-card-grid__accent{background:linear-gradient(90deg,#f24e1e,#d93f1a)}.subscription-card-grid--canva .subscription-card-grid__accent{background:linear-gradient(90deg,#00c4cc,#00a8b0)}.subscription-card-grid__icon{margin-bottom:16px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;width:48px;height:48px}.subscription-card-grid__content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;position:relative;z-index:2}.subscription-card-grid__title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 10px;line-height:1.2;letter-spacing:-.025em;text-align:center}.subscription-card-grid__amount{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px;display:flex;align-items:baseline;gap:3px}.subscription-card-grid__billing-cycle{font-size:10px;font-weight:500;color:var(--text-secondary);text-transform:capitalize}.subscription-card-grid__date{font-size:10px;color:var(--text-secondary);line-height:1.3;display:flex;flex-direction:column;align-items:center;gap:1px}.subscription-card-grid__date-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.subscription-card-grid__date-value{font-size:11px;font-weight:600}.subscription-card-grid__status-dot{position:absolute;top:12px;right:12px;width:8px;height:8px;background-color:#10b981;border-radius:50%;box-shadow:0 0 8px #10b98199;animation:pulse 2s infinite}.subscription-card-grid__status-dot--left{right:auto;left:12px}.subscription-card-grid__delete-btn{position:absolute;top:12px;right:12px;width:24px;height:24px;background:var(--color-cloud-white);border:1px solid var(--border-primary);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);opacity:0}.subscription-card-grid:hover .subscription-card-grid__delete-btn{opacity:1}.subscription-card-grid__delete-btn:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626;transform:scale(1.05)}.subscription-card-grid__delete-btn:active{transform:scale(.95)}@media (max-width: 768px){.subscriptions-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.subscription-card--compact{padding:12px!important;width:280px!important;height:200px!important}.subscription-card--compact .subscription-card__main{gap:12px!important}.subscription-card--compact .subscription-card__amount{font-size:20px!important}.subscription-card-grid{padding:12px;min-height:140px;border-radius:12px}.subscription-card-grid__glass{border-radius:12px}.subscription-card-grid__accent{border-radius:12px 12px 0 0}.subscription-card-grid__title{font-size:14px}.subscription-card-grid__amount{font-size:16px}.subscription-card-grid__billing-cycle{font-size:11px}.subscription-card-grid__date{font-size:10px}.subscription-card-grid__date-label{font-size:9px}.subscription-card-grid__date-value{font-size:10px}}.skeleton-panel{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;padding:20px;margin-bottom:20px}.skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.skeleton-content{display:flex;flex-direction:column;gap:12px}.skeleton-insight{width:100%}.skeleton-summary{margin-bottom:32px}.chart-skeleton{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;padding:20px}.chart-skeleton .skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.skeleton-controls{display:flex;gap:8px}.chart-content{width:100%}.categories-skeleton{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;padding:20px}.categories-content{display:flex;flex-direction:column;gap:12px}.category-item-skeleton{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:var(--bg-secondary)}.category-details{flex:1;display:flex;flex-direction:column;gap:4px}.transactions-skeleton{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;padding:20px}.transactions-content{display:flex;flex-direction:column;gap:12px}.transaction-item-skeleton{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:var(--bg-secondary)}.transaction-details{flex:1;display:flex;flex-direction:column;gap:4px}.transaction-amount{text-align:right}.card-item--shimmer{opacity:.7;pointer-events:none}.card-item--shimmer .card-header,.card-item--shimmer .card-body,.card-item--shimmer .card-actions{pointer-events:none}.bank-item--shimmer{opacity:.7;pointer-events:none}.bank-item--shimmer .bank-header,.bank-item--shimmer .bank-body,.bank-item--shimmer .bank-actions{pointer-events:none}.page-header{margin-bottom:32px}.breadcrumb{font-size:14px;color:var(--text-muted);margin-bottom:8px}.breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:var(--text-secondary)}.page-title-section{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;width:100%}.page-title-content{display:flex;flex-direction:column;align-items:flex-start;flex:1}.page-title{font-size:32px;font-weight:800;margin-bottom:8px;color:var(--text-primary)}.page-subtitle{font-size:16px;color:var(--text-muted)}.header-buttons{display:flex;gap:12px;align-items:center;flex-shrink:0}.header-buttons .btn{white-space:nowrap;min-width:fit-content}.search-section{margin-bottom:24px}.search-bar{position:relative;max-width:400px}.search-bar input{width:100%;padding:12px 16px 12px 44px;border:1px solid var(--border-primary);border-radius:12px;background:var(--input-bg);color:var(--text-primary);font-size:14px;transition:all .3s ease}.search-bar input:focus{outline:none;border-color:var(--brand-primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.net-worth-widget{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:16px;padding:24px;margin-bottom:32px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.net-worth-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.net-worth-title{font-size:18px;font-weight:600;color:var(--text-primary)}.time-selector{display:flex;gap:4px;background:var(--button-secondary);border-radius:8px;padding:4px}.time-option{background:transparent;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .3s ease}.time-option.active{background:var(--color-owl-blue);color:#fff;box-shadow:0 2px 4px #6366f14d}.net-worth-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:start}.net-worth-tooltip-modal{pointer-events:none}.net-worth-tooltip-modal .tooltip-content{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:20px;box-shadow:0 8px 32px #00000026;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:280px;pointer-events:auto;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.net-worth-tooltip-modal .tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-secondary)}.net-worth-tooltip-modal .tooltip-date{font-size:14px;color:var(--text-muted);font-weight:500}.net-worth-tooltip-modal .tooltip-total{font-size:18px;font-weight:700;color:var(--text-primary)}.net-worth-tooltip-modal .tooltip-details{display:flex;flex-direction:column;gap:12px}.net-worth-tooltip-modal .tooltip-stat{display:flex;justify-content:space-between;align-items:center}.net-worth-tooltip-modal .stat-label{font-size:13px;color:var(--text-muted);font-weight:500}.net-worth-tooltip-modal .stat-value{font-size:14px;font-weight:600;color:var(--text-primary)}.net-worth-tooltip-modal .stat-value.total{font-size:16px;font-weight:700;color:var(--text-primary)}.net-worth-tooltip-modal .stat-value.positive{color:var(--success-color)}.net-worth-tooltip-modal .stat-value.negative{color:var(--danger-color)}.tooltip-header{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-secondary)}.subscription-tooltip-modal{pointer-events:none}.subscription-tooltip-modal .tooltip-content{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(255,255,255,.05) 100%);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;min-width:280px;max-width:320px;box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:tooltipSlideIn .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;pointer-events:auto}.subscription-tooltip-modal .tooltip-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.subscription-tooltip-modal .tooltip-header{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.subscription-tooltip-modal .tooltip-date{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted);font-weight:500}.subscription-tooltip-modal .date-icon{font-size:16px;opacity:.8}.subscription-tooltip-modal .date-text{font-weight:600;color:var(--text-primary)}.subscription-tooltip-modal .tooltip-total{display:flex;flex-direction:column;gap:4px}.subscription-tooltip-modal .total-label{font-size:12px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.subscription-tooltip-modal .total-amount{font-size:20px;font-weight:700;color:var(--primary-color);text-shadow:0 0 20px rgba(59,130,246,.3)}.subscription-tooltip-modal .tooltip-comparison{display:flex;justify-content:space-between;margin:12px 0;padding:8px 0;border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary)}.subscription-tooltip-modal .comparison-item{display:flex;flex-direction:column;align-items:center;flex:1}.subscription-tooltip-modal .comparison-label{font-size:11px;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.subscription-tooltip-modal .comparison-value{font-size:14px;font-weight:600;color:var(--text-primary)}.subscription-tooltip-modal .comparison-value.positive{color:var(--color-success)}.subscription-tooltip-modal .comparison-value.negative{color:var(--color-error)}.subscription-tooltip-modal .tooltip-categories{margin-bottom:12px}.subscription-tooltip-modal .categories-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px;display:flex;align-items:center;gap:6px}.subscription-tooltip-modal .categories-title:before{content:"📊";font-size:16px}.subscription-tooltip-modal .categories-list{display:flex;flex-direction:column;gap:6px}.subscription-tooltip-modal .category-item{display:flex;flex-direction:column;gap:3px;background:transparent;border:none;padding:0}.subscription-tooltip-modal .category-info{display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent;border:none;padding:0}.subscription-tooltip-modal .category-icon{font-size:18px;width:24px;text-align:center}.subscription-tooltip-modal .category-name{flex:1;font-size:13px;font-weight:500;color:var(--text-primary);text-transform:capitalize}.subscription-tooltip-modal .category-amount{font-size:13px;font-weight:600;color:var(--text-primary)}.subscription-tooltip-modal .category-bar{height:4px;background:transparent;border-radius:2px;overflow:hidden;position:relative}.subscription-tooltip-modal .category-bar-fill{height:100%;border-radius:2px;transition:width .3s ease;position:relative}.subscription-tooltip-modal .category-percentage{font-size:11px;color:var(--text-muted);font-weight:500;text-align:right;margin-top:2px}.subscription-tooltip-modal .tooltip-services{margin-bottom:12px}.subscription-tooltip-modal .services-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px;display:flex;align-items:center;gap:6px}.subscription-tooltip-modal .services-title:before{content:"🎯";font-size:16px}.subscription-tooltip-modal .services-list{display:flex;flex-direction:column;gap:4px}.subscription-tooltip-modal .service-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;transition:all .2s ease}.subscription-tooltip-modal .service-info{display:flex;align-items:center;gap:8px}.subscription-tooltip-modal .service-name{font-size:12px;font-weight:500;color:var(--text-primary)}.subscription-tooltip-modal .service-amount{font-size:12px;font-weight:600;color:var(--text-primary)}.subscription-tooltip-modal .tooltip-footer{padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.subscription-tooltip-modal .footer-stat{display:flex;align-items:center;justify-content:space-between;gap:8px}.subscription-tooltip-modal .stat-icon{font-size:16px;opacity:.8}.subscription-tooltip-modal .stat-label{flex:1;font-size:13px;color:var(--text-muted);font-weight:500}.subscription-tooltip-modal .stat-value{font-size:14px;font-weight:600;color:var(--primary-color)}.subscription-tooltip-modal .tooltip-decoration{position:absolute;top:0;right:0;width:60px;height:60px;pointer-events:none;opacity:.1}.subscription-tooltip-modal .decoration-line{position:absolute;top:20px;right:20px;width:20px;height:2px;background:var(--primary-color);border-radius:1px}.subscription-tooltip-modal .decoration-dot{position:absolute;top:16px;right:16px;width:8px;height:8px;background:var(--primary-color);border-radius:50%}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}:root{--color-video: #ef4444;--color-music: #8b5cf6;--color-other: #10b981}.tooltip-date{font-size:14px;font-weight:600;color:var(--text-muted)}.tooltip-total{font-size:20px;font-weight:700;color:var(--text-primary)}.tooltip-details{display:flex;flex-direction:column;gap:12px}.tooltip-stat{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:13px;color:var(--text-muted);font-weight:500}.stat-value{font-size:14px;font-weight:600;color:var(--text-primary)}.stat-value.total{font-size:16px;font-weight:700;color:var(--color-owl-blue)}.stat-value.positive{color:var(--success-color)}.stat-value.negative{color:var(--danger-color)}.net-worth-main{text-align:center}.net-worth-amount{font-size:36px;font-weight:800;color:var(--text-primary);margin-bottom:4px}.net-worth-change{font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:4px}.net-worth-change.positive{color:var(--success-color)}.net-worth-change.negative{color:var(--danger-color)}.net-worth-change.neutral{color:var(--color-slate)}.net-worth-breakdown{display:flex;flex-direction:column;gap:12px}.breakdown-item{display:flex;justify-content:space-between;align-items:center}.breakdown-label{font-size:14px;color:var(--text-muted)}.breakdown-value{font-size:16px;font-weight:600;color:var(--text-primary)}.net-worth-chart{height:120px;display:flex;align-items:center;justify-content:center;padding:0 8px}.chart-bar{background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:2px 2px 0 0;width:16px;transition:all .3s ease;cursor:pointer}.chart-bar:hover{filter:brightness(1.2);transform:scaleY(1.05)}.net-worth-chart svg{width:100%;height:100%;max-width:200px;max-height:100px}.net-worth-chart .area-chart-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.net-worth-chart .area-chart{width:100%;height:100%}.accounts-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.overview-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:16px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.overview-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-color);border-color:var(--border-hover);background:var(--bg-card-hover, rgba(255, 255, 255, .05))}.overview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.overview-title{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.overview-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:transform var(--duration-normal) var(--ease-bounce);cursor:pointer}.overview-card:hover .overview-icon{transform:scale(1.1) translateY(-2px)}.credit-overview{border-left:3px solid #6366f1}.credit-overview .overview-icon{background:#6366f11a;color:#6366f1}.debt-overview{border-left:3px solid #ef4444}.debt-overview .overview-icon{background:#ef44441a;color:#ef4444}.cash-overview{border-left:3px solid #10b981}.cash-overview .overview-icon{background:#10b9811a;color:#10b981}.investment-overview{border-left:3px solid #f59e0b}.investment-overview .overview-icon{background:#f59e0b1a;color:#f59e0b}.overview-amount{font-size:28px;font-weight:800;color:var(--text-primary);margin-bottom:8px}.overview-details{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-muted)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title{font-size:20px;font-weight:700;color:var(--text-primary)}.section-count{background:var(--button-secondary);color:var(--text-secondary);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:32px}.credit-card-container{position:relative;display:flex;flex-direction:column;gap:12px}.account-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--brand-border, var(--border-primary));border-radius:16px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden;min-height:180px}.account-card:before{content:"";position:absolute;inset:0;background:var(--brand-gradient);opacity:.15;pointer-events:none;z-index:1}.account-card:hover{transform:translateY(-3px);box-shadow:0 12px 35px var(--shadow-color);background:var(--bg-card-hover, rgba(255, 255, 255, .05))}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;position:relative;z-index:2}.card-brand{display:flex;align-items:center;gap:12px}.account-logo{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;transition:all .3s ease;box-shadow:0 4px 15px #0003}.account-logo:hover{transform:scale(1.05);filter:brightness(1.1)}.card-info{display:flex;flex-direction:column;gap:4px}.account-name{font-size:16px;font-weight:600;color:var(--text-primary)}.account-number{font-size:13px;color:var(--text-muted);letter-spacing:1px}.account-balance{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px;position:relative;z-index:2}.account-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;position:relative;z-index:2}.account-limit{font-size:12px;color:var(--text-muted)}.account-status{font-size:12px;font-weight:600;color:var(--success-color)}.balance-change{font-size:12px;font-weight:600}.balance-change.positive{color:var(--success-color)}.balance-change.negative{color:var(--danger-color)}.action-btn{flex:1;background:var(--button-secondary);border:none;border-radius:6px;padding:6px 10px;color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .3s ease}.action-btn:hover{background:var(--button-secondary-hover);transform:translateY(-1px)}.action-btn.primary{background:var(--brand-gradient, var(--brand-primary, #6366f1));color:#fff}.action-btn.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.utilization-widget{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:16px;padding:24px;margin-bottom:32px}.utilization-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.utilization-title{font-size:18px;font-weight:600;color:var(--text-primary)}.utilization-score{font-size:24px;font-weight:800;color:var(--success-color)}.utilization-bars{display:flex;flex-direction:column;gap:16px}.utilization-item{display:flex;align-items:center;gap:16px;animation:fadeInSlide .3s ease-out}@keyframes fadeInSlide{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.utilization-label{flex:0 0 140px;font-size:14px;color:var(--text-secondary)}.utilization-bar{flex:1;height:8px;background:var(--button-secondary);border-radius:4px;overflow:hidden;position:relative}.utilization-fill{height:100%;border-radius:4px;transition:all .3s ease}.low-utilization{background:linear-gradient(90deg,var(--success-color),#10b981)}.medium-utilization{background:linear-gradient(90deg,var(--warning-color),#f59e0b)}.high-utilization{background:linear-gradient(90deg,var(--danger-color),#ef4444)}.utilization-percentage{flex:0 0 40px;font-size:13px;font-weight:600;text-align:right}.utilization-indicator{display:flex;justify-content:center;align-items:center;margin-top:12px;padding:8px 16px;background:#ffffff1a;border-radius:20px;border:1px solid rgba(255,255,255,.2)}.indicator-text{font-size:12px;font-weight:500;color:var(--text-secondary);opacity:.8}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-icon{margin-bottom:16px;opacity:.5}.empty-state h3{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-state p{font-size:14px;margin-bottom:24px}.empty-actions{display:flex;gap:12px;justify-content:center}.add-account{position:fixed;bottom:90px;right:24px;width:56px;height:56px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;box-shadow:0 8px 25px #6366f166;transition:all .3s ease;z-index:99;display:flex;align-items:center;justify-content:center}.add-account:hover{transform:scale(1.05);box-shadow:0 12px 30px #6366f199}@media (max-width: 768px){.page-title-section{flex-direction:column;align-items:stretch}.net-worth-content{grid-template-columns:1fr;gap:20px;text-align:center}.accounts-overview{grid-template-columns:1fr}.accounts-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.utilization-item{flex-direction:column;align-items:stretch;gap:8px}.utilization-label{flex:none}.utilization-percentage{flex:none;text-align:left}}@media (max-width: 480px){.accounts-grid{grid-template-columns:1fr;gap:12px}}.analytics-section{margin-top:0;margin-bottom:var(--space-6)}.analytics-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5)}.spending-trends{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;padding:20px;box-shadow:var(--shadow-md)}.trends-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.trends-title{font-size:18px;font-weight:600}.time-filters{display:flex;gap:8px}.time-filter{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;padding:4px 12px;color:var(--text-primary);font-size:12px;cursor:pointer;transition:all .3s ease}.time-filter.active{background:var(--color-owl-blue);border-color:var(--color-owl-blue);color:#fff}.chart-area{height:280px;background:var(--bg-tertiary);border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px 24px}.area-chart-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.area-chart{width:100%;height:100%;max-height:240px;min-height:200px}.area-chart-fill{transition:all .3s ease}.area-chart-fill--income{fill:url(#incomeGradient);opacity:.8}.area-chart-fill--expense{fill:url(#expenseGradient);opacity:.8}.area-chart-fill--income:hover,.area-chart-fill--expense:hover{opacity:1;filter:brightness(1.1)}.page-header{display:flex;align-items:center;justify-content:center;padding:20px 0;margin-bottom:20px;border-bottom:1px solid var(--border-secondary)}.header-content{display:flex;align-items:center;gap:16px;flex-direction:column;text-align:center}.page-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--color-owl-blue),var(--color-wisdom-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.area-chart-tooltip{position:absolute;top:-10px;transform:translate(-50%) translateY(-100%);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;padding:12px;box-shadow:0 8px 24px #00000026;z-index:1000;min-width:200px;max-width:280px;font-size:12px;line-height:1.4}.area-chart-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--bg-primary)}.area-chart-tooltip .tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border-secondary)}.area-chart-tooltip .tooltip-month{font-weight:600;color:var(--text-primary);font-size:13px}.area-chart-tooltip .tooltip-amount{font-weight:700;color:var(--color-owl-blue);font-size:14px}.area-chart-tooltip .tooltip-details{display:flex;flex-direction:column;gap:6px}.area-chart-tooltip .tooltip-stat{display:flex;justify-content:space-between;align-items:center}.area-chart-tooltip .stat-label{color:var(--text-secondary);font-size:11px}.area-chart-tooltip .stat-value{color:var(--text-primary);font-weight:600;font-size:11px}.area-chart-tooltip .tooltip-categories,.area-chart-tooltip .tooltip-services{display:flex;flex-direction:column;gap:4px}.area-chart-tooltip .categories-label,.area-chart-tooltip .services-label{color:var(--text-secondary);font-size:11px;font-weight:600;margin-bottom:2px}.area-chart-tooltip .category-item,.area-chart-tooltip .service-item{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.area-chart-tooltip .category-name,.area-chart-tooltip .service-name{color:var(--text-primary);font-size:11px;flex:1}.area-chart-tooltip .category-amount,.area-chart-tooltip .service-amount{color:var(--color-owl-blue);font-weight:600;font-size:11px;margin-left:8px}.chart-bar{background:linear-gradient(180deg,var(--color-owl-blue),var(--color-wisdom-purple));border-radius:6px 6px 0 0;width:20px;transition:all .3s ease;position:relative;cursor:pointer;flex:1;max-width:28px}.chart-bar--selected{filter:brightness(1.3);transform:scaleY(1.1);box-shadow:0 0 0 2px var(--color-owl-blue)}.chart-bar:hover{filter:brightness(1.2);transform:scaleY(1.05) translateY(-2px);box-shadow:0 4px 12px #00000026}.no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary);padding:40px 20px}.no-data-message p{margin:8px 0;font-size:14px}.no-data-message p:first-child{font-weight:600;color:var(--text-primary);font-size:16px}.bar-summary{margin-top:12px;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;display:flex;align-items:center;justify-content:space-between;font-size:14px;line-height:1.4}.bar-summary-date{color:var(--text-secondary);font-weight:500;flex:1}.bar-summary-amount{color:var(--color-owl-blue);font-weight:700;font-size:16px;margin:0 16px}.bar-summary-subscriptions{color:var(--text-primary);font-weight:500;text-align:right;flex:1;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.bar-summary-logos{display:flex;align-items:center;gap:2px}.bar-summary-logos img,.bar-summary-logos svg{vertical-align:middle;display:inline-block}.subscription-count{font-size:12px;color:var(--text-secondary)}.area-chart-container{width:100%;height:100%;display:flex;flex-direction:column;gap:16px}.area-chart-legend{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:8px}.legend-item{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-secondary);border-radius:20px;background:var(--bg-secondary);color:var(--text-primary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.legend-item:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.legend-item.active{border-color:var(--category-color);background:var(--category-color);color:#fff}.legend-item.inactive{opacity:.5;background:var(--bg-primary)}.legend-color{width:12px;height:12px;border-radius:2px;background:var(--category-color)}.legend-label{font-weight:500}.area-chart{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.area-chart svg{max-width:100%;height:auto}.area-chart circle.selected{r:6;fill:#fff;stroke:#6366f1;stroke-width:3}.chart-shimmer{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;padding:20px;box-shadow:var(--shadow-md)}.chart-shimmer__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-shimmer__filters{display:flex;gap:8px}.chart-shimmer__area{height:280px;background:var(--bg-tertiary);border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:end;justify-content:space-between;padding:20px 24px;gap:8px}.chart-shimmer__insights{margin-top:16px;padding:16px;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-secondary);display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.chart-shimmer__insight{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.spending-insights{margin-top:16px;padding:16px;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-secondary)}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.insight-item{display:flex;flex-direction:column;align-items:center;text-align:center}.insight-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px;font-weight:500}.insight-value{font-size:16px;font-weight:600;color:var(--text-primary)}.quick-stats{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;padding:24px;box-shadow:var(--shadow-md)}.quick-stats h3{margin-bottom:16px;font-size:18px;font-weight:600}.stats-grid{display:grid;gap:16px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border-primary)}.stat-label{font-size:14px;color:var(--text-secondary)}.stat-value{font-size:18px;font-weight:600;color:var(--text-primary)}.stat-with-logo{display:flex;align-items:center;font-size:16px}.stat-with-logo img,.stat-with-logo svg{vertical-align:middle;display:inline-block}.stat-value.expense{color:var(--color-ruby-red)}.stat-value.success{color:var(--color-forest-green)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:32px}.summary-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;padding:18px;transition:all .3s ease;position:relative;overflow:hidden;min-height:120px;box-shadow:var(--shadow-sm)}.summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-owl-blue)}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.music-icon{background:linear-gradient(135deg,#16a34a,#15803d)}.video-icon{background:linear-gradient(135deg,#dc2626,#b91c1c)}.other-icon{background:linear-gradient(135deg,#0891b2,#0e7490)}.card-title{font-size:14px;color:var(--text-secondary);font-weight:500}.card-amount{font-size:24px;font-weight:700;margin-bottom:6px;color:var(--text-primary)}.card-subtitle{font-size:12px;color:var(--text-secondary)}.card-top-service{display:flex;align-items:center;margin-top:4px;font-size:11px;color:var(--text-secondary)}.subscriptions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title{font-size:24px;font-weight:700;display:flex;align-items:center;gap:10px;color:var(--text-primary)!important}.filters{display:flex;gap:8px}.filter-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:6px 14px;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .3s ease}.filter-btn:hover,.filter-btn.active{background:var(--color-owl-blue);border-color:var(--color-owl-blue);color:#fff}.search-container{margin-bottom:20px}.search-bar{position:relative;max-width:300px}.search-bar input{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:10px;padding:10px 14px 10px 38px;color:var(--text-primary);width:100%;font-size:14px;transition:all .3s ease}.search-bar input::placeholder{color:var(--text-tertiary)}.search-bar input:focus{outline:none;border-color:var(--color-owl-blue);background:var(--bg-primary)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.subscriptions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.subscription-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:14px;padding:16px;transition:all .3s ease;position:relative;overflow:hidden;min-height:140px;box-shadow:var(--shadow-sm)}.subscription-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.music-card:hover{border-color:#16a34a80;box-shadow:0 12px 35px #16a34a33}.video-card:hover{border-color:#dc262680;box-shadow:0 12px 35px #dc262633}.other-card:hover{border-color:#0891b280;box-shadow:0 12px 35px #0891b233}.music-card{border-left:4px solid var(--color-forest-green)}.music-card .service-logo{background:linear-gradient(135deg,var(--color-forest-green),#22c55e);box-shadow:0 4px 15px #16a34a33}.music-card .action-btn.primary{background:linear-gradient(135deg,var(--color-forest-green),#22c55e)}.music-card .action-btn.primary:hover{background:linear-gradient(135deg,#15803d,var(--color-forest-green));transform:translateY(-1px)}.video-card{border-left:4px solid var(--color-ruby-red)}.video-card .service-logo{background:linear-gradient(135deg,var(--color-ruby-red),#ef4444);box-shadow:0 4px 15px #dc262633}.video-card .action-btn.primary{background:linear-gradient(135deg,var(--color-ruby-red),#ef4444)}.video-card .action-btn.primary:hover{background:linear-gradient(135deg,#b91c1c,var(--color-ruby-red));transform:translateY(-1px)}.other-card{border-left:4px solid var(--color-owl-blue)}.other-card .service-logo{background:linear-gradient(135deg,var(--color-owl-blue),#3b82f6);box-shadow:0 4px 15px #3b82f633}.other-card .action-btn.primary{background:linear-gradient(135deg,var(--color-owl-blue),#3b82f6)}.other-card .action-btn.primary:hover{background:linear-gradient(135deg,#2563eb,var(--color-owl-blue));transform:translateY(-1px)}.subscription-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.service-logo{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .3s ease}.service-logo:hover{transform:scale(1.05);filter:brightness(1.1)}.service-info h3{font-size:16px;font-weight:600;margin-bottom:2px;color:var(--text-primary)}.service-plan{font-size:12px;color:var(--text-secondary)}.subscription-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.price{font-size:20px;font-weight:700;color:var(--text-primary)}.billing-frequency{font-size:11px;color:var(--text-secondary)}.next-billing{font-size:11px;color:var(--text-secondary);margin-bottom:12px}.upcoming-warning{color:var(--color-amber-orange);font-weight:600}.status-indicator{position:absolute;top:12px;right:12px;width:6px;height:6px;border-radius:50%;background:var(--color-forest-green);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 4px #10b98100}to{box-shadow:0 0 #10b98100}}.card-actions{display:flex;gap:6px;opacity:0;transform:translateY(10px);transition:all .3s ease}.subscription-card:hover .card-actions{opacity:1;transform:translateY(0)}.action-btn{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;padding:7px 10px;color:var(--text-primary);font-size:11px;font-weight:500;cursor:pointer;transition:all .3s ease}.action-btn:hover{background:var(--bg-secondary);transform:translateY(-1px)}.action-btn.primary{background:var(--color-owl-blue);border-color:var(--color-owl-blue);color:#fff;font-weight:600}.action-btn.primary:hover{background:var(--color-wisdom-purple);border-color:var(--color-wisdom-purple);transform:translateY(-1px)}.add-subscription{position:fixed;bottom:24px;right:24px;width:52px;height:52px;background:linear-gradient(135deg,var(--color-owl-blue),var(--color-wisdom-purple));border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;box-shadow:0 6px 20px #6366f166;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.add-subscription:hover{transform:scale(1.05);box-shadow:0 8px 25px #6366f199}.modern-error-container{min-height:100vh;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;padding:20px}.modern-error-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;padding:32px;text-align:center;max-width:400px;color:var(--text-primary);box-shadow:var(--shadow-lg)}.modern-error-card h3{color:var(--color-ruby-red);margin-bottom:16px;font-size:18px}.modern-error-card p{color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.modern-error-card button{background:var(--color-owl-blue);color:#fff;border:none;border-radius:8px;padding:12px 24px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.modern-error-card button:hover{background:var(--color-wisdom-purple);transform:translateY(-1px)}@media (max-width: 1024px){.analytics-grid{grid-template-columns:1fr}}@media (max-width: 768px){.modern-subscription-dashboard{padding:16px}.subscriptions-header{flex-direction:column;gap:12px;align-items:stretch}.filters{justify-content:center}.subscriptions-grid,.summary-grid{grid-template-columns:1fr}.search-bar{max-width:100%}}.area-chart-fill:hover{filter:brightness(1.1)}.chart-legend{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:16px;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:8px;padding:8px 12px;box-shadow:0 2px 8px #0000001a;z-index:10}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-primary)}.legend-color{width:12px;height:12px;border-radius:2px;border:1px solid var(--border-secondary)}.stacked-area-fill{transition:all .3s ease}.stacked-area-fill:hover{filter:brightness(1.1);opacity:1}.stat-value-with-logo{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-direction:row}.stat-value-with-logo img,.stat-value-with-logo svg{border-radius:4px;flex-shrink:0;order:-1}.stat-value-with-logo span{order:1}.card-loading-overlay{position:absolute;inset:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:inherit;z-index:10;display:flex;align-items:center;justify-content:center}.card-shimmer{width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff9,#fff0);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:inherit}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-color-scheme: dark){.card-loading-overlay{background:#0009}.card-shimmer{background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0)}}.credit-card-container,.bank-card-container,.subscription-card{position:relative}.chart-empty-state{display:flex;align-items:center;justify-content:center;height:250px;background:var(--bg-secondary);border-radius:var(--radius-lg);border:2px dashed var(--border-secondary)}.chart-empty-state__content{text-align:center;color:var(--text-secondary)}.chart-empty-state__icon{color:var(--text-tertiary);margin-bottom:var(--space-3)}.chart-empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0;color:var(--text-secondary)}.chart-empty-state__message{font-size:var(--font-size-sm);margin:0;color:var(--text-tertiary)}.modern-transaction-item{position:relative;background:transparent;border:none;border-bottom:1px solid var(--border-primary);border-radius:0;margin-bottom:0;transition:all .2s ease;overflow:visible;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.modern-transaction-item:before{display:none}.modern-transaction-item:hover{background:var(--bg-secondary);border-bottom-color:var(--border-secondary);transform:none;box-shadow:none}.modern-transaction-item:hover:before{display:none}.modern-transaction-item--selected{background:var(--color-owl-blue)08;border-bottom-color:var(--color-owl-blue)30;box-shadow:none;transform:none}.modern-transaction-item--compact{margin-bottom:0}.modern-transaction-item--compact .modern-transaction-item__row{padding:6px 0}.modern-transaction-item__row{display:flex;align-items:center;padding:8px 0;gap:8px;cursor:pointer;position:relative}.modern-transaction-item__checkbox{flex-shrink:0;display:flex;align-items:center;justify-content:center}.modern-transaction-checkbox{width:18px;height:18px;border:2px solid var(--border-primary);border-radius:6px;background:var(--bg-primary);cursor:pointer;transition:all .2s ease;position:relative}.modern-transaction-checkbox:checked{background:var(--color-owl-blue);border-color:var(--color-owl-blue)}.modern-transaction-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.modern-transaction-item__icon-container{position:relative;flex-shrink:0}.modern-transaction-item__icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:none}.modern-transaction-item__icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .3s ease}.modern-transaction-item:hover .modern-transaction-item__icon{transform:none;box-shadow:none}.modern-transaction-item:hover .modern-transaction-item__icon:before{opacity:0}.modern-transaction-item__icon-emoji{font-size:14px;z-index:1;position:relative}.modern-transaction-item__details{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.modern-transaction-item__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.modern-transaction-item__merchant{flex:1;min-width:0;line-height:1.3}.modern-transaction-item__amount-container{flex-shrink:0;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.modern-transaction-item__amount{font-size:15px;font-weight:600;letter-spacing:-.025em;line-height:1.2;text-shadow:none}.modern-transaction-item__amount--income{color:var(--color-forest-green)}.modern-transaction-item__amount--expense{color:var(--color-ruby-red)}.modern-transaction-item__account-info{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:500;color:var(--text-secondary);padding:2px 6px;border-radius:6px;background:var(--bg-secondary);border:1px solid var(--border-secondary);transition:all .2s ease;position:relative;overflow:hidden;box-shadow:none;flex-shrink:0}.modern-transaction-item__brand-logo{flex-shrink:0;width:12px;height:12px;display:flex;align-items:center;justify-content:center}.modern-transaction-item__account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.modern-transaction-item:hover .modern-transaction-item__account-info{background:var(--color-owl-blue)10;border-color:var(--color-owl-blue)30;color:var(--color-owl-blue);transform:none;box-shadow:none}@media (prefers-color-scheme: light){.modern-transaction-item__account-info{background:var(--color-feather-gray);border-color:var(--border-primary);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.modern-transaction-item:hover .modern-transaction-item__account-info{background:var(--color-owl-blue)15;border-color:var(--color-owl-blue)40;color:var(--color-owl-blue)}}.modern-transaction-item__account-info--clickable{cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.modern-transaction-item__account-info--clickable:hover{background:var(--color-owl-blue)20;border-color:var(--color-owl-blue)50;color:var(--color-owl-blue);transform:translateY(-1px);box-shadow:var(--shadow-sm)}@media (prefers-color-scheme: light){.modern-transaction-item__account-info--clickable:hover{background:var(--color-owl-blue)25;border-color:var(--color-owl-blue)60;color:var(--color-owl-blue);box-shadow:0 2px 8px #3b82f626}}.modern-transaction-item__meta{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;margin-top:1px}.modern-transaction-item__meta-left{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text-secondary);font-weight:500;flex-wrap:wrap}.modern-transaction-item__category{color:var(--text-secondary);font-weight:500;font-size:10px;display:flex;align-items:center;gap:3px;padding:1px 5px;border-radius:5px;background:var(--bg-secondary);border:1px solid var(--border-primary);transition:all .2s ease;position:relative;overflow:hidden;box-shadow:none}.modern-transaction-item:hover .modern-transaction-item__category{background:var(--bg-tertiary);border-color:var(--border-secondary);transform:none;box-shadow:none}.modern-transaction-item__category--colored{background:var(--category-color, var(--bg-secondary))15;border-color:var(--category-color, var(--border-primary))30;color:var(--category-color, var(--text-secondary))}.modern-transaction-item:hover .modern-transaction-item__category--colored{background:var(--category-color, var(--bg-tertiary))20;border-color:var(--category-color, var(--border-secondary))40;box-shadow:none}.modern-transaction-item__category-icon{font-size:10px;line-height:1;display:flex;align-items:center;justify-content:center}.modern-transaction-item__category-name{font-size:11px;font-weight:600;line-height:1}.modern-transaction-item__category--clickable{cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.modern-transaction-item__category--clickable:hover{background:var(--bg-tertiary);border-color:var(--border-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.modern-transaction-item__category--clickable.modern-transaction-item__category--colored:hover{background:var(--category-color, var(--bg-tertiary))25;border-color:var(--category-color, var(--border-secondary))50;box-shadow:0 2px 8px var(--category-color, var(--shadow-color)) 20}.spending-chart__shimmer-overlay{position:absolute;inset:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;border-radius:8px;display:flex;align-items:center;justify-content:center}.modern-transaction-item__separator{color:var(--text-tertiary);font-weight:400}.modern-transaction-item__date{color:var(--text-secondary);white-space:nowrap;font-size:10px;font-weight:500;padding:1px 5px;border-radius:5px;background:var(--bg-tertiary);border:1px solid var(--border-primary);transition:all .2s ease;position:relative;overflow:hidden;box-shadow:none}.modern-transaction-item:hover .modern-transaction-item__date{background:var(--bg-secondary);border-color:var(--border-secondary);transform:none;box-shadow:none}.modern-transaction-item__payment-method{font-size:10px;font-weight:500;color:var(--text-tertiary);padding:1px 5px;border-radius:5px;background:var(--bg-quaternary);border:1px solid var(--border-primary);transition:all .2s ease}.modern-transaction-item__tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.modern-transaction-item__tag{background:var(--color-owl-blue)15;color:var(--color-owl-blue);padding:2px 7px;border-radius:8px;font-size:10px;font-weight:600;border:1px solid var(--color-owl-blue)30;box-shadow:none;transition:all .2s ease}.modern-transaction-item__tag-more{background:var(--color-feather-gray);color:var(--text-secondary);padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.modern-transaction-item__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.modern-transaction-item__expand-btn,.modern-transaction-item__more-btn{width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:.7;position:relative;overflow:hidden}.modern-transaction-item:hover .modern-transaction-item__expand-btn,.modern-transaction-item:hover .modern-transaction-item__more-btn{opacity:1;background:var(--bg-secondary);color:var(--text-primary)}.modern-transaction-item__expand-btn:hover,.modern-transaction-item__more-btn:hover{background:var(--color-feather-gray);transform:scale(1.08);box-shadow:0 2px 8px #0000001a}.modern-transaction-item__quick-actions{display:flex;gap:8px;padding:12px 20px;background:var(--color-pearl);border-top:1px solid var(--border-primary);justify-content:flex-end;flex-wrap:wrap}.modern-transaction-quick-action{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;background:var(--bg-primary);color:var(--text-secondary);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-primary)}.modern-transaction-quick-action:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.modern-transaction-quick-action--edit:hover{background:var(--color-owl-blue)10;color:var(--color-owl-blue);border-color:var(--color-owl-blue)30}.modern-transaction-quick-action--tag:hover{background:var(--color-wisdom-purple)10;color:var(--color-wisdom-purple);border-color:var(--color-wisdom-purple)30}.modern-transaction-quick-action--favorite:hover{background:var(--color-sunset-orange)10;color:var(--color-sunset-orange);border-color:var(--color-sunset-orange)30}.modern-transaction-quick-action--duplicate:hover{background:var(--color-forest-green)10;color:var(--color-forest-green);border-color:var(--color-forest-green)30}.modern-transaction-quick-action--delete:hover{background:var(--color-ruby-red)10;color:var(--color-ruby-red);border-color:var(--color-ruby-red)30}.modern-transaction-item__expanded{padding:20px;background:var(--color-pearl);border-top:1px solid var(--border-primary)}.modern-transaction-expanded__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.modern-transaction-expanded__field{display:flex;flex-direction:column;gap:4px}.modern-transaction-expanded__label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.modern-transaction-expanded__value{font-size:14px;color:var(--text-primary);font-weight:500;margin:0}.modern-transaction-tags{display:flex;gap:6px;flex-wrap:wrap}.modern-transaction-tag{background:var(--color-owl-blue)15;color:var(--color-owl-blue);padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid var(--color-owl-blue)30}.modern-transaction-receipt-link{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.modern-transaction-receipt-link:hover{background:var(--bg-secondary);border-color:var(--border-secondary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.modern-transaction-expanded__actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}@media (max-width: 768px){.modern-transaction-item__row{padding:6px 0;gap:6px}.modern-transaction-item__icon{width:28px;height:28px}.modern-transaction-item__icon-emoji{font-size:12px}.modern-transaction-item__amount{font-size:14px}.modern-transaction-item__account-info{font-size:10px;padding:1px 4px;gap:2px;font-weight:500}.modern-transaction-item__brand-logo{width:10px;height:10px}.modern-transaction-item__meta{flex-direction:column;align-items:flex-start;gap:4px}.modern-transaction-item__meta-left{font-size:12px}.modern-transaction-expanded__grid{grid-template-columns:1fr;gap:12px}.modern-transaction-expanded__actions{justify-content:stretch}.modern-transaction-expanded__actions .btn{flex:1}}.transactions-page{max-width:1200px;margin:0 auto;padding:calc(var(--header-height) + var(--space-6)) var(--space-4) var(--space-6);min-height:calc(100vh - var(--header-height) - var(--bottom-nav-height))}.transactions-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:20px}.transactions-page__title-section{flex:1}.transactions-page__title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.transactions-page__actions{display:flex;gap:12px;align-items:center}.transactions-page__action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm)}.transactions-page__action-btn:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.transactions-page__action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.transactions-page__controls{display:flex;gap:16px;margin-bottom:20px;align-items:center}.transactions-page__search{flex:1;max-width:400px}.transactions-page__search-input-wrapper{position:relative;display:flex;align-items:center}.transactions-page__search-icon{position:absolute;left:12px;color:var(--text-tertiary);z-index:1}.transactions-page__search-input{width:100%;padding:12px 12px 12px 40px;border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-primary);font-size:14px;transition:all var(--duration-normal) var(--ease-out)}.transactions-page__search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-10)}.transactions-page__search-input::placeholder{color:var(--text-tertiary)}.transactions-page__filter-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm)}.transactions-page__filter-btn:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.transactions-page__filter-btn--active{background:var(--accent-primary);color:var(--accent-primary-contrast);border-color:var(--accent-primary)}.transactions-page__filters{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;align-items:end}.transactions-page__filter-group{display:flex;flex-direction:column;gap:8px}.transactions-page__filter-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.transactions-page__filter-select,.transactions-page__filter-input{padding:10px 12px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:14px;transition:all var(--duration-normal) var(--ease-out)}.transactions-page__filter-select:focus,.transactions-page__filter-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-10)}.transactions-page__content{background:transparent;border:none;border-radius:0;overflow:visible;box-shadow:none}.transactions-page__loading{padding:20px}.transactions-page__error{padding:40px 20px;text-align:center}.transactions-page__error-icon{font-size:48px;margin-bottom:16px}.transactions-page__error-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.transactions-page__error-message{font-size:14px;color:var(--text-secondary);margin:0 0 20px}.transactions-page__retry-btn{padding:10px 20px;border:1px solid var(--accent-primary);border-radius:var(--radius-md);background:var(--accent-primary);color:var(--accent-primary-contrast);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.transactions-page__retry-btn:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.transactions-page__empty{padding:40px 20px;text-align:center}.transactions-page__empty-icon{font-size:48px;margin-bottom:16px}.transactions-page__empty-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.transactions-page__empty-message{font-size:14px;color:var(--text-secondary);max-width:400px;margin:0 auto}.transactions-page__list{display:flex;flex-direction:column;background:transparent;border:none;border-radius:0;box-shadow:none}.date-filter{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:16px}.date-filter__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.date-filter__title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.date-filter__quick-select{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary)}.date-filter__current-range{font-weight:500}.date-filter__inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.date-filter__input-group{display:flex;flex-direction:column;gap:6px}.date-filter__label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.date-filter__input{padding:8px 10px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:13px;transition:all var(--duration-normal) var(--ease-out)}.date-filter__input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-10)}.date-filter__quick-options{display:flex;gap:8px;flex-wrap:wrap}.date-filter__quick-btn{padding:6px 12px;border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.date-filter__quick-btn:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-secondary)}.transaction-pagination{display:flex;justify-content:space-between;align-items:center;padding:20px;border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.transaction-pagination__info{font-size:14px;color:var(--text-secondary);font-weight:500}.transaction-pagination__controls{display:flex;align-items:center;gap:20px}.transaction-pagination__per-page{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.transaction-pagination__select{padding:6px 8px;border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:13px;cursor:pointer}.transaction-pagination__nav{display:flex;align-items:center;gap:4px}.transaction-pagination__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);font-size:13px;font-weight:500}.transaction-pagination__btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-secondary)}.transaction-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.transaction-pagination__btn--active{background:var(--accent-primary);color:var(--accent-primary-contrast);border-color:var(--accent-primary)}.transaction-pagination__pages{display:flex;align-items:center;gap:4px}.transaction-pagination__dots{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-tertiary);font-size:13px}@media (max-width: 768px){.transactions-page{padding:calc(var(--header-height) + var(--space-4)) var(--space-3) var(--space-4)}.transactions-page__header{flex-direction:column;align-items:flex-start;gap:16px}.transactions-page__title{font-size:24px}.transactions-page__controls{flex-direction:column;align-items:stretch;gap:12px}.transactions-page__search{max-width:none}.transactions-page__filters{grid-template-columns:1fr;gap:16px}.date-filter__inputs{grid-template-columns:1fr}.transaction-pagination{flex-direction:column;gap:16px;align-items:stretch}.transaction-pagination__controls{justify-content:space-between}.transaction-pagination__nav{gap:2px}.transaction-pagination__btn{width:28px;height:28px;font-size:12px}}@media (max-width: 480px){.transactions-page{padding:calc(var(--header-height) + var(--space-3)) var(--space-2) var(--space-3)}}