*{box-sizing:border-box;margin:0;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield}.no-spinner::-webkit-inner-spin-button,.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinner{-webkit-appearance:textfield;appearance:textfield}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden}:root{--sidebar-width:280px;--header-height:60px;--mobile-header-height:56px;--mobile-bottom-nav-height:64px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--border-radius-sm:12px;--border-radius-md:16px;--border-radius-lg:20px}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:40px;width:100%}.auth-card h1{color:#333;font-size:28px;margin-bottom:30px;text-align:center}.auth-toggle{display:flex;gap:10px;margin-bottom:30px}.auth-toggle button{background:#f0f0f0;border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px;transition:all .3s}.auth-toggle button.active{background:#667eea;color:#fff}.auth-card form{display:flex;flex-direction:column;gap:15px}.auth-card input{border:2px solid #e0e0e0;border-radius:10px;font-size:16px;padding:15px;transition:border-color .3s}.auth-card input:focus{border-color:#667eea;outline:none}.auth-card button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:transform .2s}.auth-card button[type=submit]:hover{transform:translateY(-2px)}.auth-card button[type=submit]:disabled{cursor:not-allowed;opacity:.6}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{align-items:center;background:#fff;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:20px 40px}.app-header h1{color:#333;font-size:24px}.user-info{align-items:center;display:flex;gap:20px}.user-info span{color:#666;font-weight:500}.user-info button{background:#ff4757;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .3s}.user-info button:hover{background:#e84118}.app-nav{background:#fff;border-bottom:2px solid #f0f0f0;display:flex;gap:10px;padding:0 40px}.app-nav button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s}.app-nav button:hover{color:#667eea}.app-nav button.active{border-bottom-color:#667eea;color:#667eea}.app-main{flex:1 1;margin:0 auto;max-width:1200px;padding:24px 32px;width:100%}.balance-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 24px #667eea4d;margin-bottom:24px;overflow:hidden;padding:40px 32px;position:relative;text-align:center}.balance-card:before{background:radial-gradient(circle at top right,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.balance-card h2{color:#ffffffe6;font-size:16px;font-weight:600;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.balance-amount{color:#fff;font-size:56px;font-weight:800;letter-spacing:-1px;margin-bottom:24px;text-shadow:0 2px 4px #0000001a}.balance-card button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 32px;transition:all .3s ease}.balance-card button:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.quick-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:20px;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-card h3{color:#718096;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-value{font-size:32px;letter-spacing:-.5px}.stat-value.income{color:#10ac84}.stat-value.expense{color:#ee5a6f}.method-section{margin:24px 0 20px}.method-header{margin-bottom:24px;text-align:center}.method-header h2{color:#2d3748;font-size:28px;font-weight:700;margin-bottom:8px}.method-header p{color:#718096;font-size:16px;font-weight:400}.method-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:1000px}@media (max-width:768px){.method-grid{gap:16px;grid-template-columns:1fr}}.method-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000f;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.method-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.method-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.method-card.blue-card:before{background:linear-gradient(135deg,#4299e1,#3182ce)}.method-card.green-card:before{background:linear-gradient(135deg,#48bb78,#38a169)}.method-card.yellow-card:before{background:linear-gradient(135deg,#ecc94b,#d69e2e)}.method-card.purple-card:before{background:linear-gradient(135deg,#9f7aea,#805ad5)}.method-icon{display:block;font-size:52px;margin-bottom:16px;text-align:center}.method-card h3{color:#2d3748;font-size:20px;font-weight:700;margin-bottom:12px;text-align:center}.method-percentage{color:#667eea;font-size:36px;font-weight:800;letter-spacing:-.5px;margin-bottom:20px;text-align:center}.method-card.blue-card .method-percentage{color:#4299e1}.method-card.green-card .method-percentage{color:#48bb78}.method-card.yellow-card .method-percentage{color:#ecc94b}.method-card.purple-card .method-percentage{color:#9f7aea}.method-values{background:#f7fafc;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px}.method-available,.method-spent{align-items:center;display:flex;justify-content:space-between}.method-values .label{color:#718096;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.method-values .value{color:#2d3748;font-size:18px;font-weight:800;letter-spacing:-.5px}.method-total{color:#718096;font-size:13px;font-weight:600;margin-top:12px;text-align:center}.method-chart{height:140px;margin:20px auto;position:relative;width:140px}.chart-center-text{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.center-amount{color:#2d3748;font-size:16px;font-weight:700;margin-bottom:2px;white-space:nowrap}.center-label{color:#718096;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.dashboard-charts{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:16px}@media (max-width:1200px){.dashboard-charts{grid-template-columns:1fr}}.dashboard-chart-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:20px;transition:all .3s ease}.dashboard-chart-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.chart-header{border-bottom:1px solid #e2e8f0;margin-bottom:16px;padding-bottom:12px}.chart-header h3{color:#2d3748;font-size:16px;font-weight:600;margin-bottom:4px}.chart-header p{color:#718096;font-size:13px;margin:0}.chart-content{height:280px;position:relative;width:100%}.chart-content canvas{max-height:280px}.recent-transactions{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin-top:16px;padding:20px}.recent-transactions h2{color:#2d3748;font-size:16px;font-weight:600;margin-bottom:12px;text-transform:none}.transactions{grid-gap:30px;display:grid;gap:30px}.transaction-form-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a;padding:30px}.transaction-form-card h2{color:#333;margin-bottom:20px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#666;font-size:14px;font-weight:600}.form-group input,.form-group select{border:2px solid #e0e0e0;border-radius:10px;font-size:16px;padding:12px;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none}.transaction-form-card button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:15px;padding:15px;transition:transform .2s;width:100%}.transaction-form-card button[type=submit]:hover{transform:translateY(-2px)}.transactions-list{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a;padding:30px}.transactions-list h2{color:#333;margin-bottom:20px}.transaction-item{border-bottom:1px solid #e2e8f0;padding:16px 0}.transaction-item:hover{background:#0000;padding-left:8px;padding-right:8px}.transaction-item:last-child{border-bottom:none}.transaction-description{color:#2d3748;font-size:15px}.transaction-meta{font-size:14px;gap:15px}.transaction-category{color:#667eea}.transaction-date{color:#718096;font-size:13px}.transaction-actions{gap:15px}.transaction-amount{font-size:16px;white-space:nowrap}.transaction-amount.income{color:#10b981}.transaction-amount.expense{color:#ef4444}.delete-btn{background:#ff4757;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background .3s}.delete-btn:hover{background:#e84118}.analytics{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a;padding:30px}.analytics h2{color:#333;margin-bottom:30px;text-align:center}.distribution-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.distribution-card{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:15px;padding:25px}.distribution-card h3{color:#667eea;font-size:18px;margin-bottom:20px}.distribution-values{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.distribution-values>div{align-items:center;display:flex;justify-content:space-between}.distribution-values .label{color:#666;font-size:14px}.distribution-values .value{font-size:16px;font-weight:700}.progress-bar{background:#e0e0e0;border-radius:10px;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s}.error-message{background:#ffebee;border-left:4px solid #c62828;color:#c62828}.error-message,.success-message{border-radius:10px;margin-bottom:20px;padding:15px}.success-message{background:#e8f5e9;border-left:4px solid #2e7d32;color:#2e7d32}.no-data{color:#999;font-size:16px;padding:40px;text-align:center}.monthly-view,.yearly-view{margin:0 auto;max-width:1200px}.monthly-header,.yearly-header{margin-bottom:30px;text-align:center}.monthly-header h2,.yearly-header h2{color:#333;font-size:32px;margin-bottom:10px}.monthly-header p,.yearly-header p{color:#666;font-size:16px}.income-input-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.income-input-card label{color:#333;display:block;font-size:18px;font-weight:600;margin-bottom:15px}.input-group{align-items:center;border:2px solid #ddd;border-radius:10px;display:flex;overflow:hidden;transition:border-color .3s}.input-group:focus-within{border-color:#667eea}.currency-symbol{background:#f5f5f5;color:#666;font-size:20px;font-weight:600;padding:15px 20px}.input-group input{border:none;color:#333;flex:1 1;font-size:24px;font-weight:600;padding:15px 20px}.input-group input:focus{outline:none}.save-income-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:20px;padding:15px;transition:all .3s;width:100%}.save-income-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.save-income-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.save-income-btn:active:not(:disabled){transform:translateY(0)}.distribution-summary{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.distribution-summary h3{color:#333;font-size:24px;margin-bottom:20px}.summary-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:40px}.summary-item{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 4px 12px #00000014;padding:30px;text-align:center;transition:all .3s ease}.summary-item:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.summary-label{color:#718096;font-size:15px;margin-bottom:12px}.summary-value{font-size:32px;font-weight:800;letter-spacing:-.5px}.summary-value.blue{color:#36a2eb}.summary-value.green{color:#4bc0c0}.summary-value.yellow{color:#ffce56}.summary-value.purple{color:#96f}.chart-container,.yearly-chart{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 4px 12px #00000014;margin-bottom:40px;padding:40px}.chart-container h3,.yearly-chart h3{color:#2d3748;font-size:26px;font-weight:700;margin-bottom:30px;text-align:center}.donut-chart{margin:0 auto;max-width:450px;padding:30px 20px}.distribution-table{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;padding:30px}.distribution-table h3{color:#333;font-size:24px;margin-bottom:20px}.distribution-table table{border-collapse:collapse;width:100%}.distribution-table th{background:#f8f9fa;border-bottom:2px solid #ddd;color:#333;font-weight:600;padding:15px;text-align:left}.distribution-table td{border-bottom:1px solid #eee;padding:15px}.value-cell{font-size:18px;font-weight:600}.value-cell.blue{color:#36a2eb}.value-cell.green{color:#4bc0c0}.value-cell.yellow{color:#ffce56}.value-cell.purple{color:#96f}.total-row{background:#f8f9fa;border-top:2px solid #ddd}.yearly-summary{margin-top:30px}.yearly-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.yearly-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;display:flex;gap:20px;padding:30px}.yearly-card.income-card{border-left:5px solid #4caf50}.yearly-card.expenses-card{border-left:5px solid #f44336}.yearly-card.savings-card{border-left:5px solid #2196f3}.card-icon{font-size:48px}.card-label{font-size:14px;margin-bottom:5px}.card-value{color:#333;font-size:28px}.yearly-breakdown{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.yearly-breakdown h3{color:#333;font-size:24px;margin-bottom:20px}.breakdown-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.breakdown-item{background:#f8f9fa;border:2px solid #eee;border-radius:10px;padding:25px;transition:transform .3s,box-shadow .3s}.breakdown-item:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.breakdown-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.category-icon{font-size:24px}.category-name{color:#333;font-size:16px;font-weight:600}.breakdown-value{font-size:32px;font-weight:700;margin-bottom:5px}.breakdown-value.blue{color:#36a2eb}.breakdown-value.green{color:#4bc0c0}.breakdown-value.yellow{color:#ffce56}.breakdown-value.purple{color:#96f}.breakdown-percent{color:#666;font-size:14px}@media (max-width:768px){.app-header{flex-direction:column;gap:15px;padding:15px 20px}.app-nav{overflow-x:auto;padding:0 20px}.app-main{padding:20px}.balance-amount{font-size:36px}.transaction-item{align-items:flex-start;flex-direction:column;gap:10px}.transaction-actions{justify-content:space-between;width:100%}.breakdown-grid,.summary-grid,.yearly-cards{grid-template-columns:1fr}.donut-chart{max-width:100%}.monthly-header h2,.yearly-header h2{font-size:24px}.distribution-table{overflow-x:auto}.distribution-table table{min-width:500px}}.adjust-balance-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:15px;padding:10px 20px;transition:all .3s ease}.adjust-balance-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:500px;padding:30px;width:90%}.modal-content h2{color:#2d3748;margin-bottom:20px}.warning-text{background:#fff5f5;border-left:4px solid #e53e3e;border-radius:4px;color:#e53e3e;font-size:14px;margin:15px 0;padding:10px}.form-buttons{display:flex;gap:10px;margin-top:20px}.form-buttons button{flex:1 1}.edit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.edit-btn:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-2px)}.cancel-btn{background:#718096;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.cancel-btn:hover{background:#4a5568;transform:translateY(-2px)}.transaction-item.editing{animation:highlight .5s ease;background:#edf2f7;border-left:4px solid #667eea}@keyframes highlight{0%{background:#bee3f8}to{background:#edf2f7}}.transaction-actions{gap:10px}.transaction-actions button{white-space:nowrap}.mobile-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;display:none;justify-content:space-between;left:0;padding:15px 20px;position:fixed;right:0;top:0;z-index:1000}.mobile-header h1{font-size:18px;margin:0}.menu-toggle{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:24px;padding:8px 12px;transition:all .3s ease}.menu-toggle:hover,.user-avatar{background:#ffffff4d}.user-avatar{align-items:center;border-radius:50%;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.sidebar{background:linear-gradient(180deg,#1a1a2e,#16213e);bottom:0;box-shadow:2px 0 15px #0003;color:#fff;left:0;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease;width:280px;z-index:1100}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:25px 20px}.sidebar-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:20px;margin:0}.close-sidebar{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:28px;height:36px;transition:all .3s ease;width:36px}.close-sidebar:hover{background:#fff3}.user-profile{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:15px;padding:20px}.user-avatar-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;font-size:22px;font-weight:700;height:50px;justify-content:center;width:50px}.user-details{flex:1 1;min-width:0}.user-name{font-size:16px;font-weight:600;margin:0 0 5px}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#fff9;font-size:12px;margin:0}.sidebar-nav{padding:10px 0}.nav-section{margin-bottom:15px}.nav-section-title{color:#ffffff80;font-size:11px;font-weight:700;letter-spacing:1px;padding:15px 20px 10px}.sidebar-nav button{align-items:center;background:#0000;border:none;color:#fffc;cursor:pointer;display:flex;font-size:15px;gap:12px;padding:12px 20px;position:relative;text-align:left;transition:all .3s ease;width:100%}.sidebar-nav button:hover{background:#ffffff0d;color:#fff}.sidebar-nav button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.sidebar-nav button.active:before{background:#fff;border-radius:0 4px 4px 0;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.nav-icon{font-size:20px;text-align:center;width:24px}.logout-btn{color:#ff6b6b!important;margin-top:10px}.logout-btn:hover{background:#ff6b6b1a!important}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1050}.app-main{background:#f5f7fa;margin-left:280px;min-height:100vh;padding:30px;transition:margin-left .3s ease}.section-content{margin:0 auto;max-width:1200px;padding:0 16px}.section-header{margin-bottom:32px;text-align:center}.section-header h1{color:#2d3748;font-size:32px;font-weight:700;margin:0 0 8px}.section-header p{color:#718096;font-size:16px;font-weight:400;margin:0}.accounts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:40px}.account-card{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 4px 12px #00000014;padding:30px;position:relative;transition:all .3s ease}.account-card:hover{border-color:#667eea;box-shadow:0 12px 24px #667eea26;transform:translateY(-6px)}.delete-account-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:32px;justify-content:center;line-height:1;opacity:0;position:absolute;right:12px;top:12px;transition:all .2s ease;width:32px}.account-card:hover .delete-account-btn{opacity:1}.delete-account-btn:hover{background:#dc2626;transform:scale(1.1)}.account-icon{display:block;font-size:48px;margin-bottom:16px}.account-card h3{color:#2d3748;font-size:22px;font-weight:700;margin:0 0 12px}.account-balance{color:#667eea;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:16px 0}.account-type{color:#718096;font-size:15px;font-weight:500;margin:0}.credit-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-bottom:40px}.credit-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #667eea4d;color:#fff;padding:30px;transition:all .3s ease}.credit-card:hover{box-shadow:0 15px 40px #667eea66;transform:translateY(-8px)}.credit-card.purple-card{background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 10px 30px #7c3aed4d}.credit-card.purple-card:hover{box-shadow:0 15px 40px #7c3aed66}.credit-card.blue-card{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 10px 30px #3b82f64d}.credit-card.blue-card:hover{box-shadow:0 15px 40px #3b82f666}.credit-card.green-card{background:linear-gradient(135deg,#10b981,#047857);box-shadow:0 10px 30px #10b9814d}.credit-card.green-card:hover{box-shadow:0 15px 40px #10b98166}.credit-card.orange-card{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 30px #f59e0b4d}.credit-card.orange-card:hover{box-shadow:0 15px 40px #f59e0b66}.credit-card.red-card{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 30px #ef44444d}.credit-card.red-card:hover{box-shadow:0 15px 40px #ef444466}.credit-card.black-card{background:linear-gradient(135deg,#1f2937,#111827);box-shadow:0 10px 30px #1f293780}.credit-card.black-card:hover{box-shadow:0 15px 40px #1f293799}.card-name{font-size:16px;font-weight:500;margin-bottom:20px;opacity:.9}.card-header{align-items:center;display:flex;font-size:24px;justify-content:space-between;margin-bottom:30px}.card-brand{font-size:18px;font-weight:600}.card-number{font-size:22px;font-weight:500;letter-spacing:2px;margin-bottom:25px}.card-info{display:flex;justify-content:space-between}.card-label{font-size:12px;margin:0 0 5px;opacity:.8}.card-value{font-size:18px;font-weight:600;margin:0}.budgets-list{display:flex;flex-direction:column;gap:20px}.budget-item{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:25px}.budget-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.budget-icon{font-size:32px}.budget-item h3{color:#2d3748;font-size:18px;margin:0 0 5px}.budget-subtitle{color:#718096;font-size:14px;margin:0}.budget-progress{margin-top:15px}.budget-values{color:#2d3748;display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-bottom:10px}.budget-limit{color:#718096;font-weight:400}.budget-view-toggle{display:flex;gap:10px;justify-content:center;margin-bottom:25px}.budget-view-toggle button{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#718096;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;max-width:200px;padding:12px 24px;transition:all .3s ease}.budget-view-toggle button:hover{border-color:#667eea;color:#667eea}.budget-view-toggle button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff}.month-navigation{background:#fff;box-shadow:0 2px 8px #00000014;gap:20px;margin-bottom:30px;padding:20px}.month-nav-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;color:#667eea;display:flex;font-size:20px;font-weight:700;height:44px;justify-content:center;width:44px}.month-nav-btn:hover{background:#667eea;color:#fff}.current-month{color:#2d3748;font-size:20px;min-width:200px;text-align:center;text-transform:capitalize}.budget-charts-container{margin-bottom:30px}.budget-chart-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:30px}.budget-chart-card h3{color:#2d3748;font-size:20px;margin:0 0 25px;text-align:center}.chart-wrapper{margin:0 auto;max-width:400px}.empty-chart{color:#718096;font-size:16px;padding:40px 20px;text-align:center}.budget-footer{display:flex;gap:20px;margin-top:30px}.budget-footer-item{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;flex:1 1;padding:25px}.budget-footer-label{align-items:center;color:#718096;display:flex;font-size:14px;font-weight:600;gap:10px;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.budget-footer-icon{align-items:center;border-radius:8px;display:flex;font-size:20px;font-weight:700;height:32px;justify-content:center;width:32px}.budget-footer-icon.expense{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.budget-footer-icon.income{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.budget-footer-value{color:#2d3748;font-size:28px;font-weight:700}.budget-footer-value.clickable{border-radius:8px;cursor:pointer;padding:8px;transition:all .3s ease}.budget-footer-value.clickable:hover{background:#f7fafc;color:#667eea}.budget-edit-container{align-items:center;display:flex;gap:8px}.budget-edit-input{border:2px solid #667eea;border-radius:8px;color:#2d3748;flex:1 1;font-size:18px;font-weight:600;outline:none;padding:10px 15px}.budget-cancel-btn,.budget-save-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.budget-save-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.budget-save-btn:hover{box-shadow:0 4px 12px #4facfe66;transform:scale(1.05)}.budget-cancel-btn{background:#e2e8f0;color:#718096}.budget-cancel-btn:hover{background:#cbd5e0;transform:scale(1.05)}.goals-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:30px}.goal-card{background:#fff;box-shadow:0 2px 8px #00000014;padding:25px}.goal-card:hover{box-shadow:0 8px 20px #0000001f}.goal-delete-btn,.goal-edit-btn{align-items:center;background:#ffffffe6;border:1px solid #e2e8f0;display:flex;font-size:16px;height:36px;justify-content:center;padding:0;position:absolute;top:15px;transition:all .3s ease;width:36px}.goal-edit-btn{right:60px}.goal-delete-btn{right:15px}.goal-edit-btn:hover{background:#667eea;border-color:#667eea}.goal-delete-btn:hover{background:#f56565;border-color:#f56565}.goal-icon{margin-bottom:15px}.goal-card h3{color:#2d3748;margin:0 0 20px}.goal-progress-section{margin-top:15px}.goal-values{gap:5px;margin-bottom:10px}.goal-current{color:#667eea}.goal-target{color:#718096}.goal-percentage{color:#667eea;font-weight:600;margin-top:10px;text-align:center}.reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.report-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:25px;text-align:center;transition:all .3s ease}.report-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.report-card h3{color:#2d3748;font-size:18px;margin:0 0 10px}.report-card p{color:#718096;font-size:14px;margin:0 0 20px}.report-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.report-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.report-visualization{animation:slideIn .3s ease-out;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-top:30px;padding:30px}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.report-header{border-bottom:2px solid #e2e8f0;margin-bottom:30px}.report-header h2{color:#2d3748;font-size:24px}.close-report-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#718096;font-size:20px;font-weight:700;height:36px;width:36px}.close-report-btn:hover{background:#f56565;border-color:#f56565;color:#fff;transform:rotate(90deg)}.report-summary{margin-bottom:30px}.summary-card{border-radius:12px;padding:20px;text-align:center}.summary-card.income{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.summary-card.expense{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.summary-card.balance.positive{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.summary-card.balance.negative{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.summary-label{display:block;margin-bottom:10px}.summary-value{display:block}.report-transactions{margin-top:30px}.report-transactions h3{color:#2d3748;font-size:20px;margin:0 0 20px}.transactions-list{max-height:400px;overflow-y:auto}.transaction-item{background:#f7fafc;border-radius:8px;justify-content:space-between;margin-bottom:10px;padding:15px;transition:all .3s ease}.transaction-item:hover{background:#edf2f7;transform:translateX(5px)}.transaction-info{display:flex;flex-direction:column;gap:5px}.transaction-desc{color:#2d3748;font-weight:600}.transaction-category{color:#718096;font-size:12px}.transaction-amount{font-size:18px;font-weight:700}.transaction-amount.income{color:#38a169}.transaction-amount.expense{color:#e53e3e}.empty-report{color:#718096;font-size:16px;padding:40px;text-align:center}.report-stats{margin-top:30px}.report-stats h3{color:#2d3748;font-size:20px;margin:0 0 20px}.stats-grid{grid-gap:20px;gap:20px}.stat-item{background:#f7fafc;border-left:4px solid #667eea;border-radius:12px;padding:20px;text-align:center}.stat-label{display:block;margin-bottom:10px}.stat-value{color:#2d3748;display:block;font-size:24px;font-weight:700}.category-breakdown{grid-gap:20px;display:grid;gap:20px}.category-report-item{background:#f7fafc;border-left:4px solid #667eea;border-radius:12px;padding:20px}.category-report-item h4{color:#2d3748;font-size:18px;margin:0 0 15px}.category-values{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.category-balance,.category-expense,.category-income{display:flex;flex-direction:column;gap:5px}.category-values .label{color:#718096;font-size:12px;font-weight:600}.category-values .value{color:#2d3748;font-size:18px;font-weight:700}.category-values .value.positive{color:#38a169}.category-values .value.negative{color:#e53e3e}.payment-breakdown{grid-gap:20px;display:grid;gap:20px}.payment-total{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:20px;text-align:center}.payment-total h3{font-size:24px;margin:0}.payment-report-item{background:#f7fafc;border-radius:12px;padding:20px}.payment-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.payment-method{color:#2d3748;font-size:16px;font-weight:700}.payment-percentage{color:#667eea;font-size:14px;font-weight:600}.payment-bar{background:#e2e8f0;border-radius:6px;height:12px;margin-bottom:10px;overflow:hidden}.payment-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .5s ease}.payment-amount{color:#2d3748;display:block;font-size:18px;font-weight:700;text-align:right}.categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:30px}.category-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #0000;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:25px;text-align:center;transition:all .3s ease}.category-card:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea33;transform:translateY(-4px)}.category-icon{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:48px;margin-bottom:15px}.category-card h3{color:#1a1a1a;font-size:18px;font-weight:700;margin:0 0 10px}.category-amount,.category-card p{color:#667eea;font-size:22px;font-weight:700;margin:0;text-shadow:0 1px 2px #0000001a}.tags-cloud{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.tag:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.calendar-placeholder{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:30px;text-align:center}.calendar-placeholder h3{color:#2d3748;margin:0 0 20px}.calendar-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(7,1fr);margin-bottom:20px}.calendar-day{background:#f5f7fa;border-radius:8px;padding:15px;text-align:center}.day-number{color:#2d3748;display:block;font-size:20px;font-weight:700}.day-label{color:#667eea;display:block;font-size:12px;margin-top:5px}.day-transactions{display:flex;gap:5px;justify-content:center;margin-top:10px}.transaction-dot{border-radius:50%;height:8px;width:8px}.transaction-dot.income{background:#48bb78}.transaction-dot.expense{background:#f56565}.calendar-note{color:#718096;font-size:14px;font-style:italic}.add-account-section{margin-top:40px;text-align:center}.add-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:14px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:17px;font-weight:700;padding:16px 36px;transition:all .3s ease}.add-btn:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-3px)}.icon-picker{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.icon-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;padding:0;transition:all .3s ease;width:50px}.icon-option:hover{border-color:#667eea;transform:scale(1.1)}.icon-option.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;transform:scale(1.15)}.color-picker{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.color-option{align-items:center;border:3px solid #e2e8f0;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:50px;justify-content:center;padding:0;transition:all .3s ease;width:50px}.color-option:hover{border-color:#667eea;transform:scale(1.1)}.color-option.selected{border-color:#667eea;box-shadow:0 4px 15px #667eea66;transform:scale(1.15)}.empty-state{color:#718096}.empty-state p{margin:10px 0}.empty-subtitle{color:#a0aec0;font-size:14px}@media (max-width:768px){.mobile-header{display:flex}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-overlay{display:block}.close-sidebar{align-items:center;display:flex;justify-content:center}.app-main{margin-left:0;padding:70px 12px 20px}.section-content{padding:0 8px}.section-header{margin-bottom:24px;text-align:left}.section-header h1{font-size:28px}.section-header p{font-size:15px}.balance-card{margin-bottom:24px;padding:40px 24px}.balance-amount{font-size:42px;margin-bottom:20px}.balance-card button{font-size:15px;padding:12px 24px}.quick-stats{gap:16px;grid-template-columns:1fr;margin-bottom:24px}.stat-card{padding:24px}.stat-value{font-size:32px}.method-section{margin:30px 0}.method-header{margin-bottom:24px}.method-header h2{font-size:26px}.method-header p{font-size:15px}.method-card{padding:24px}.method-icon{font-size:44px;margin-bottom:12px}.method-percentage{font-size:32px;margin-bottom:16px}.method-values{gap:10px;margin-bottom:16px;padding:12px}.method-values .value{font-size:16px}.summary-grid{gap:16px;grid-template-columns:1fr}.summary-item{padding:20px}.summary-value{font-size:28px}.account-card,.credit-card{padding:20px}.account-icon{font-size:40px}.account-balance{font-size:28px}.accounts-grid,.categories-grid,.credit-cards-grid,.goals-grid,.reports-grid{gap:16px;grid-template-columns:1fr}.category-card,.goal-card,.report-card{padding:20px}.budget-view-toggle{flex-direction:column}.budget-view-toggle button{max-width:100%}.month-navigation{padding:15px}.current-month{font-size:16px;min-width:150px}.month-nav-btn{font-size:16px;height:36px;width:36px}.budget-footer{flex-direction:column}.budget-footer-value{font-size:24px}.chart-wrapper{max-width:100%}.category-values,.report-summary,.stats-grid{grid-template-columns:1fr}.report-header h2{font-size:18px}.summary-value{font-size:24px}.calendar-grid{gap:5px;grid-template-columns:repeat(7,1fr)}.calendar-day{padding:8px}.day-number{font-size:14px}.day-label{display:none}}body.dark-mode{background:linear-gradient(135deg,#1a1a2e,#16213e)}body.dark-mode .app-container{background:#0f1419}body.dark-mode .app-sidebar{background:#1a1f2e;border-right-color:#2d3748}body.dark-mode .app-main{background:#0f1419}body.dark-mode .section-header h1,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3{color:#f7fafc!important;font-weight:700;text-shadow:0 2px 4px #00000080}body.dark-mode .section-header p{font-weight:500}body.dark-mode .about-card,body.dark-mode .account-card,body.dark-mode .budget-chart-card,body.dark-mode .category-card,body.dark-mode .dashboard-cards,body.dark-mode .faq-item,body.dark-mode .goal-card,body.dark-mode .modal-content,body.dark-mode .pricing-card,body.dark-mode .report-card,body.dark-mode .stat-card,body.dark-mode .transaction-card{background:#1a1f2e;border-color:#2d3748;color:#f7fafc}body.dark-mode .category-card h3{color:#f7fafc!important;font-weight:700}body.dark-mode .category-amount,body.dark-mode .category-card p{color:#81e6d9!important;font-weight:700}body.dark-mode .balance-card{background:linear-gradient(135deg,#4a5568,#2d3748)}body.dark-mode .method-card,body.dark-mode .stat-card{background:#1a1f2e;border-color:#2d3748}body.dark-mode .account-type,body.dark-mode .method-label,body.dark-mode .stat-label{color:#cbd5e0!important;font-weight:600}body.dark-mode p{color:#e2e8f0;font-weight:400}body.dark-mode .method-value,body.dark-mode .stat-value{color:#f7fafc!important;font-weight:700}body.dark-mode .app-sidebar button{color:#a0aec0}body.dark-mode .app-sidebar button:hover{background:#2d3748;color:#e2e8f0}body.dark-mode .app-sidebar button.active{background:#4a5568;color:#fff}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:#2d3748;border-color:#4a5568;color:#e2e8f0}body.dark-mode .theme-toggle{border-top:1px solid #2d3748;margin-top:10px;padding-top:10px}.help-section{margin:0 auto;max-width:1000px}.faq-category{margin-bottom:40px}.faq-category h2{border-bottom:2px solid #667eea;color:#2d3748;font-size:24px;margin-bottom:20px;padding-bottom:10px}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.faq-item summary{align-items:center;color:#2d3748;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:space-between;list-style:none;padding:20px;-webkit-user-select:none;user-select:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{color:#667eea;content:"+";font-size:24px;font-weight:700;transition:transform .3s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-answer{color:#4a5568;line-height:1.6;padding:0 20px 20px}.faq-answer p{margin-bottom:12px}.faq-answer ul{margin:12px 0;padding-left:20px}.faq-answer li{margin-bottom:8px}.help-contact{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;margin-top:40px;padding:40px;text-align:center}.help-contact h2{color:#fff;margin-bottom:16px}.contact-options{display:flex;flex-direction:column;gap:16px;margin-left:auto;margin-right:auto;margin-top:24px;max-width:400px}.contact-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;display:block;font-weight:600;padding:16px 24px;text-decoration:none;transition:all .3s ease}.contact-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.about-section{margin:0 auto;max-width:1200px}.about-card{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 4px 12px #00000014;margin-bottom:32px;padding:32px}.about-card.highlight{background:linear-gradient(135deg,#5a67d8,#6b46c1);color:#fff;overflow:hidden;position:relative}.about-card.highlight:before{background:#00000026;content:"";inset:0;position:absolute;z-index:0}.about-card.highlight h2,.about-card.highlight p{position:relative;z-index:1}.about-card.highlight h2{color:#fff;font-size:24px;font-weight:800;text-shadow:0 3px 6px #00000080}.about-card.highlight p{color:#fff;font-size:16px;font-weight:600;line-height:1.8;text-shadow:0 2px 4px #00000080}.about-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.about-icon{font-size:48px;margin-bottom:16px}.about-card h3{color:#2d3748;margin:16px 0}.about-features h2{color:#2d3748;margin-bottom:24px}.features-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.feature-item{align-items:center;background:#f7fafc;border-radius:12px;color:#2d3748;display:flex;font-weight:600;gap:12px;padding:16px}.feature-icon{font-size:24px}.about-stats{margin:32px 0}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{text-align:center}.stat-value{color:#667eea;font-size:36px;font-weight:800;margin-bottom:8px}.stat-label{color:#718096;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.roadmap-list{list-style:none;padding:0}.roadmap-list li{border-bottom:1px solid #fff3;font-size:16px;padding:12px 0}.roadmap-list li:last-child{border-bottom:none}.about-footer{margin-top:32px;text-align:center}.about-links{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:16px}.about-links a{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.about-links a:hover{color:#764ba2;text-decoration:underline}.pricing-section{margin:0 auto;max-width:1400px}.pricing-grid{grid-gap:32px;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:48px}.pricing-card{background:#fff;border:2px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;padding:40px 32px;transition:all .3s ease}.pricing-card:hover{box-shadow:0 12px 24px #667eea26;transform:translateY(-8px)}.pricing-card.featured{box-shadow:0 12px 32px #667eea33;transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-8px)}.plan-badge{background:#e2e8f0;border-radius:20px;color:#2d3748;font-size:12px;position:absolute;right:20px;top:20px}.plan-badge.popular{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.plan-name{color:#2d3748;font-size:28px;margin-bottom:16px}.plan-price{align-items:baseline;display:flex;margin-bottom:8px}.price-currency{color:#667eea;font-size:24px;font-weight:700}.price-value{color:#667eea;font-size:56px;font-weight:800;line-height:1;margin:0 4px}.price-period{color:#718096;font-size:18px}.plan-description{color:#718096;font-size:16px;margin-bottom:32px}.plan-features{flex-grow:1;margin:0 0 32px}.plan-features li{border-bottom:1px solid #f0f0f0;color:#2d3748;font-size:15px;padding:12px 0}.plan-btn{border-radius:12px;letter-spacing:.5px;padding:16px;text-transform:uppercase;transition:all .3s ease}.plan-btn.current{background:#e2e8f0;color:#718096;cursor:not-allowed}.plan-btn.premium{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.plan-btn.premium:hover{box-shadow:0 8px 16px #667eea4d;transform:translateY(-2px)}.plan-btn.family{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.plan-btn.family:hover{box-shadow:0 8px 16px #f5576c4d;transform:translateY(-2px)}.pricing-info{margin:48px auto;max-width:800px}.pricing-info h2{color:#2d3748;margin-bottom:32px;text-align:center}.pricing-guarantee{background:linear-gradient(135deg,#48bb78,#38a169);border-radius:20px;color:#fff;margin-top:48px;padding:32px;text-align:center}.pricing-guarantee h3{color:#fff;margin-bottom:16px}@media (max-width:768px){.pricing-card.featured{transform:scale(1)}.pricing-card.featured:hover{transform:translateY(-8px)}.about-grid,.features-grid,.pricing-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}.mobile-bottom-nav{background:#fff;border-top:1px solid #e2e8f0;bottom:0;box-shadow:0 -2px 10px #00000014;display:none;height:64px;height:var(--mobile-bottom-nav-height);left:0;padding:8px 0;position:fixed;right:0;z-index:1000}.mobile-nav-items{align-items:center;display:flex;height:100%;justify-content:space-around;margin:0 auto;max-width:100%;padding:0 8px}.mobile-nav-item{align-items:center;background:none;border:none;color:#718096;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:11px;font-weight:600;gap:4px;justify-content:center;min-width:0;padding:4px 12px;text-align:center;transition:all .2s ease}.mobile-nav-item .nav-icon{font-size:22px;margin:0}.mobile-nav-item span:not(.nav-icon){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-item.active{color:#667eea}.mobile-nav-item:active{transform:scale(.95)}@media (max-width:768px){.mobile-bottom-nav{display:block}.app-main{padding-bottom:80px;padding-bottom:calc(var(--mobile-bottom-nav-height) + 16px)}.sidebar .nav-section button[data-mobile-hidden=true]{display:none}}@media (min-width:1024px){.app-main{max-width:1400px;padding:32px 40px}.section-content{max-width:100%}.balance-card{margin-bottom:32px;padding:48px 40px}.quick-stats{gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.stat-card{padding:28px}.method-grid{max-width:1200px}.dashboard-charts,.method-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.accounts-grid{gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.credit-cards-grid{gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.goals-grid{gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (min-width:1440px){.app-main{max-width:1600px;padding:48px 64px}.method-grid{grid-template-columns:repeat(4,1fr);max-width:100%}.dashboard-charts{grid-template-columns:repeat(3,1fr)}.accounts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.credit-cards-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}@media (min-width:769px) and (max-width:1023px){.app-main{padding:32px 24px}.method-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.dashboard-charts{grid-template-columns:1fr}.accounts-grid,.credit-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.add-btn,button:not(.icon-option):not(.color-option){font-size:16px;min-height:48px;padding:14px 24px}input,select,textarea{font-size:16px;min-height:48px;padding:12px 16px}.account-card,.credit-card,.goal-card{margin-bottom:16px;padding:24px}.modal-overlay{padding:0}.modal-content{border-radius:0;margin:0;max-height:100vh;max-width:100%;overflow-y:auto}.delete-account-btn{font-size:24px;height:36px;width:36px}.form-buttons{flex-direction:column;gap:12px}.form-buttons button{width:100%}.chart-content{height:250px}.chart-content canvas{max-height:250px}.report-table,.transaction-list{-webkit-overflow-scrolling:touch;overflow-x:auto}.color-picker,.icon-picker{gap:12px;justify-content:center}.color-option,.icon-option{font-size:26px;height:56px;width:56px}body.dark-mode .mobile-bottom-nav{background:#1a1f2e;border-top-color:#2d3748}body.dark-mode .mobile-nav-item{color:#a0aec0}body.dark-mode .mobile-nav-item.active{color:#667eea}}*{-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}.app-main,.modal-content,.section-content{-webkit-overflow-scrolling:touch}body{overscroll-behavior-y:none}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.mobile-bottom-nav{animation:slideInFromBottom .3s ease-out}.sidebar.open{animation:slideInFromLeft .3s ease-out}.modal-content{animation:slideInFromBottom .3s ease-out}.account-card,.credit-card,.goal-card,.stat-card{animation:scaleIn .3s ease-out}}.skeleton{animation:loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}body.dark-mode .skeleton{background:linear-gradient(90deg,#2d3748 25%,#1a202c 50%,#2d3748 75%);background-size:200% 100%}@media (max-width:768px){.account-card,.credit-card,.goal-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.account-card:active,.credit-card:active,.goal-card:active{transform:scale(.98)}.swipeable{position:relative}.swipeable:after{color:#0000001a;content:"← Deslize";font-size:12px;font-weight:600;opacity:0;pointer-events:none;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:opacity .3s}body.dark-mode .swipeable:after{color:#ffffff1a}}.pull-to-refresh{background:#fff;border-radius:0 0 20px 20px;box-shadow:0 4px 12px #0000001a;color:#667eea;font-size:14px;font-weight:600;left:50%;padding:12px 24px;position:fixed;top:0;transform:translateX(-50%) translateY(-100%);transition:transform .3s ease;z-index:9999}.pull-to-refresh.visible{transform:translateX(-50%) translateY(0)}body.dark-mode .pull-to-refresh{background:#1a1f2e;color:#667eea}@media (max-width:768px){.form-group{margin-bottom:20px}.form-group label{color:#2d3748;display:block;font-size:14px;font-weight:600;margin-bottom:8px}body.dark-mode .form-group label{color:#e2e8f0}input:focus,select:focus,textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}button:active:not(:disabled){transform:scale(.96)}button:disabled{cursor:not-allowed;opacity:.5}.transaction-item{background:#fff;border-left:4px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:12px;padding:16px;transition:all .2s ease}.transaction-item.income{border-left-color:#10ac84}.transaction-item.expense{border-left-color:#ee5a6f}.transaction-item:active{box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}body.dark-mode .transaction-item{background:#1a1f2e;box-shadow:0 2px 8px #0003}}@supports (padding:env(safe-area-inset-top)){.mobile-header{height:calc(56px + env(safe-area-inset-top));height:calc(var(--mobile-header-height) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.mobile-bottom-nav{height:calc(64px + env(safe-area-inset-bottom));height:calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.app-main{padding-bottom:calc(80px + env(safe-area-inset-bottom));padding-bottom:calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom) + 16px);padding-top:calc(72px + env(safe-area-inset-top));padding-top:calc(var(--mobile-header-height) + env(safe-area-inset-top) + 16px)}}@media (max-width:768px) and (orientation:landscape){.mobile-header{height:48px}.mobile-bottom-nav{height:56px;padding:4px 0}.mobile-nav-item{font-size:10px}.mobile-nav-item .nav-icon{font-size:20px}.balance-card{padding:32px 24px}.balance-amount{font-size:36px}.modal-content{max-height:90vh}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #667eea;outline-offset:2px}@media (prefers-contrast:high){.mobile-bottom-nav,.modal-content,.sidebar,button{border:2px solid}}.help-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:24px}.help-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:24px}.help-card h3{color:var(--text);font-size:18px;font-weight:700;margin:0 0 16px}.help-card p{color:var(--muted-foreground);line-height:1.6;margin:8px 0}.help-card a{color:#667eea;text-decoration:none}.help-card a:hover{text-decoration:underline}.about-content{margin-top:24px}.about-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:24px}.about-card.highlight{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea4d}.about-card h2{color:var(--text);font-size:22px;font-weight:700;margin:0 0 16px}.about-card p{color:var(--muted-foreground);line-height:1.7;margin:8px 0}.about-card ul{margin:16px 0;padding-left:24px}.about-card li{color:var(--muted-foreground);line-height:1.6;margin:8px 0}.about-card a{color:#667eea;font-weight:600;text-decoration:none}.about-card a:hover{text-decoration:underline}.about-features{margin-bottom:24px}.about-features h2{color:var(--text);font-size:22px;font-weight:700;margin:0 0 20px}.features-list{grid-gap:16px;display:grid;gap:16px}.features-list .feature-item{align-items:flex-start;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;display:flex;gap:16px;padding:20px}.features-list .feature-icon{flex-shrink:0;font-size:32px}.features-list h4{color:var(--text);font-size:16px;font-weight:700;margin:0 0 8px}.features-list p{color:var(--muted-foreground);font-size:14px;line-height:1.6;margin:0}.pricing-content{margin-top:24px}.pricing-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.pricing-card{background:var(--card-bg);border:2px solid var(--border);border-radius:16px;padding:32px 24px;position:relative;transition:transform .2s,box-shadow .2s}.pricing-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.pricing-card.featured{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea;box-shadow:inset 0 0 0 1px #667eea33}.plan-badge{border-radius:6px;display:inline-block;font-size:11px;font-weight:700;margin-bottom:16px;padding:6px 12px;text-transform:uppercase}.plan-badge.free{background:#22c55e1a;color:#22c55e}.plan-badge.popular{background:#667eea1a;color:#667eea}.plan-badge.family{background:#fb923c1a;color:#fb923c}.plan-name{color:var(--text);font-size:24px;font-weight:800;margin:0 0 16px}.plan-price{margin:16px 0 12px}.price-value{color:var(--text);font-size:42px;font-weight:900;letter-spacing:-1px}.price-period{color:var(--muted-foreground);font-size:16px;margin-left:4px}.plan-description{color:var(--muted-foreground);font-size:14px;margin:12px 0 24px}.plan-features{list-style:none;margin:24px 0;padding:0}.plan-features li{border-bottom:1px solid var(--border);color:var(--muted-foreground);font-size:14px;padding:10px 0}.plan-features li:last-child{border-bottom:none}.plan-btn{border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;margin-top:16px;padding:14px 24px;transition:all .2s;width:100%}.plan-btn.current{background:var(--border);color:var(--muted-foreground);cursor:default}.plan-btn.family,.plan-btn.premium{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.plan-btn.family:hover,.plan-btn.premium:hover{box-shadow:0 8px 16px #667eea4d;transform:translateY(-2px)}.pricing-faq{margin-top:48px}.pricing-faq h2{color:var(--text);font-size:24px;font-weight:700;margin:0 0 24px}.pricing-faq .faq-list{grid-gap:16px;display:grid;gap:16px}.pricing-faq .faq-item{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px 24px}.pricing-faq .faq-item h4{color:var(--text);font-size:16px;font-weight:700;margin:0 0 12px}.pricing-faq .faq-item p{color:var(--muted-foreground);font-size:14px;line-height:1.6;margin:0}@media (max-width:768px){.help-content{gap:16px;grid-template-columns:1fr}.pricing-grid{gap:20px;grid-template-columns:1fr}.pricing-card{padding:24px 20px}.price-value{font-size:36px}.features-list .feature-item{padding:16px}}@media (min-width:1024px){.help-content{gap:24px}.features-list,.help-content{grid-template-columns:repeat(2,1fr)}}.transaction-filters{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:16px}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.filter-btn{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--muted-foreground);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.filter-btn:hover{border-color:#667eea;color:#667eea}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.search-box{width:100%}.search-input{background:var(--background);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#667eea;outline:none}.search-input::placeholder{color:var(--muted-foreground)}.transactions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.transactions-header h2{margin:0}.transactions-count{color:var(--muted-foreground);font-size:14px}.transaction-group{margin-bottom:24px}.group-header{background:var(--card-bg);border-left:3px solid #667eea;border-radius:8px;color:var(--text);font-size:14px;font-weight:700;margin-bottom:12px;padding:8px 12px;text-transform:capitalize}.transaction-item{align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;margin-bottom:8px;padding:16px;transition:all .2s}.transaction-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.transaction-icon{align-items:center;background:var(--background);border-radius:12px;display:flex;flex-shrink:0;font-size:32px;height:48px;justify-content:center;width:48px}.transaction-details{flex:1 1;min-width:0}.transaction-description{color:var(--text);font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-meta{color:var(--muted-foreground);display:flex;font-size:12px;gap:12px}.transaction-actions{align-items:center;display:flex;gap:8px}.transaction-actions button{background:#0000;border:none;cursor:pointer;font-size:16px;opacity:.6;padding:8px;transition:opacity .2s}.transaction-actions button:hover{opacity:1}.empty-state{padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state p{color:var(--text);font-size:18px;font-weight:600;margin:0 0 8px}.empty-state small{color:var(--muted-foreground);font-size:14px}.fab{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:84px;bottom:calc(var(--mobile-bottom-nav-height, 70px) + 20px);box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:32px;font-weight:300;height:56px;justify-content:center;position:fixed;right:20px;transition:all .3s;width:56px;z-index:998}.fab:hover{box-shadow:0 6px 20px #667eea99;transform:scale(1.1) rotate(90deg)}.fab:active{transform:scale(.95)}@media (min-width:768px){.fab{bottom:20px}}@media (min-width:1024px){.filter-buttons{flex-wrap:nowrap}.transaction-filters{align-items:center;display:flex;gap:16px}.filter-buttons{flex:1 1;margin-bottom:0}.search-box{width:300px}}.accounts-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:24px;padding:24px}.summary-total{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.summary-label{opacity:.9}.summary-amount{font-size:36px;font-weight:900;letter-spacing:-1px}.summary-accounts{font-size:14px;opacity:.8}.accounts-grid-improved{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:24px}.account-card-improved{background:var(--card-bg);border:2px solid var(--border);border-radius:16px;padding:24px;position:relative;transition:all .3s}.account-card-improved:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.account-card-improved.primary{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea}.account-card-improved.blue{border-color:#4299e1}.account-card-improved.green{border-color:#48bb78}.account-card-improved.purple{border-color:#9f7aea}.account-card-improved.orange{border-color:#ed8936}.account-card-improved.pink{border-color:#ed64a6}.account-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.account-icon-improved{align-items:center;background:var(--background);border-radius:12px;display:flex;font-size:28px;height:48px;justify-content:center;width:48px}.account-menu-btn{background:#0000;border:none;cursor:pointer;font-size:20px;opacity:.6;padding:4px 8px;transition:opacity .2s}.account-menu-btn:hover{opacity:1}.account-name{color:var(--text);font-size:18px;font-weight:700;margin:12px 0 8px}.account-balance-improved{color:var(--text);font-size:28px;font-weight:900;margin:8px 0}.account-type-improved{color:var(--muted-foreground);font-size:13px;margin:0 0 16px}.account-bar{background:var(--border);border-radius:10px;height:8px;margin:12px 0;overflow:hidden;width:100%}.account-bar-fill{border-radius:10px;height:100%;transition:width .3s}.account-bar-fill.primary{background:linear-gradient(90deg,#667eea,#764ba2)}.account-bar-fill.blue{background:#4299e1}.account-bar-fill.green{background:#48bb78}.account-bar-fill.purple{background:#9f7aea}.account-bar-fill.orange{background:#ed8936}.account-bar-fill.pink{background:#ed64a6}.account-percentage{color:var(--muted-foreground);font-size:12px;margin:8px 0 0}.add-btn-improved{align-items:center;background:#0000;border:2px dashed var(--border);border-radius:12px;color:var(--text);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px 24px;transition:all .2s;width:100%}.add-btn-improved:hover{background:#667eea0d;border-color:#667eea;color:#667eea}.add-btn-improved span:first-child{font-size:24px;font-weight:300}.cards-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.cards-summary .summary-item{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px}.cards-summary .summary-label{color:var(--muted-foreground);display:block;font-size:13px;margin-bottom:8px}.cards-summary .summary-value{color:var(--text);font-size:24px;font-weight:900}.credit-cards-grid-improved{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:24px}.credit-card-improved{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 16px #0003;color:#fff;min-height:200px;padding:28px;position:relative;transition:transform .3s,box-shadow .3s}.credit-card-improved:hover{box-shadow:0 16px 32px #0000004d;transform:translateY(-8px) scale(1.02)}.credit-card-improved.blue-card{background:linear-gradient(135deg,#4299e1,#3182ce)}.credit-card-improved.green-card{background:linear-gradient(135deg,#48bb78,#38a169)}.credit-card-improved.purple-card{background:linear-gradient(135deg,#9f7aea,#805ad5)}.credit-card-improved.orange-card{background:linear-gradient(135deg,#ed8936,#dd6b20)}.credit-card-improved.pink-card{background:linear-gradient(135deg,#ed64a6,#d53f8c)}.card-delete-btn{background:#fff3;border:none;border-radius:8px;cursor:pointer;font-size:16px;opacity:.8;padding:6px 10px;position:absolute;right:16px;top:16px;transition:all .2s}.card-delete-btn:hover{background:#ffffff4d;opacity:1}.card-chip{margin-bottom:24px}.chip{background:linear-gradient(135deg,khaki,#daa520);border-radius:8px;box-shadow:0 2px 4px #0003;height:36px;position:relative;width:48px}.chip:after,.chip:before{background:#0000001a;content:"";position:absolute}.chip:before{height:1px;left:0;top:50%;width:100%}.chip:after{height:100%;left:50%;top:0;width:1px}.card-number-improved{font-family:Courier New,monospace;font-size:20px;font-weight:600;letter-spacing:2px;margin:20px 0}.card-holder{margin:16px 0}.card-holder-label{font-size:10px;letter-spacing:1px;margin-bottom:4px;opacity:.8;text-transform:uppercase}.card-holder-name{font-size:14px;font-weight:600;text-transform:uppercase}.card-brand-logo{align-items:center;border-top:1px solid #fff3;display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.card-brand-logo span:first-child{font-size:16px;font-weight:700;text-transform:uppercase}.card-icon{font-size:24px}.card-details{border-top:2px solid #fff3;margin-top:24px;padding-top:24px}.card-limit-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;padding:16px}.limit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.limit-label{font-size:13px;opacity:.9}.limit-warning{border-radius:6px;font-size:11px;font-weight:700;padding:4px 8px}.limit-warning.warning{background:#ed8936e6}.limit-warning.danger{animation:pulse 2s infinite;background:#e53e3ee6}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.limit-amount{font-size:28px;font-weight:900;margin:8px 0 16px}.limit-bar{background:#fff3;border-radius:5px;height:10px;margin:12px 0;overflow:hidden;width:100%}.limit-bar-fill{border-radius:5px;height:100%;transition:width .3s,background .3s}.limit-bar-fill.normal{background:linear-gradient(90deg,#48bb78,#38a169)}.limit-bar-fill.warning{background:linear-gradient(90deg,#ed8936,#dd6b20)}.limit-bar-fill.danger{background:linear-gradient(90deg,#e53e3e,#c53030)}.limit-info{display:flex;font-size:12px;justify-content:space-between;margin:12px 0}.limit-used{font-weight:700}.limit-available{opacity:.9}.limit-total{font-size:11px;margin-top:8px;opacity:.8;text-align:center}@media (max-width:768px){.accounts-grid-improved,.credit-cards-grid-improved{grid-template-columns:1fr}.summary-amount{font-size:28px}}.goals-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:24px}.goal-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #0000;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px;position:relative;transition:all .3s ease}.goal-card:hover{border-color:#4caf50;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.goal-card.goal-completed{animation:celebrationPulse 2s infinite;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#4caf50}@keyframes celebrationPulse{0%,to{box-shadow:0 4px 12px #4caf504d;transform:scale(1)}50%{box-shadow:0 8px 24px #4caf5080;transform:scale(1.02)}}.goal-actions{display:flex;gap:8px;opacity:0;position:absolute;right:12px;top:12px;transition:opacity .3s ease}.goal-card:hover .goal-actions{opacity:1}.goal-delete-btn,.goal-edit-btn{background:#fffffff2;border:1px solid #0000001a;border-radius:8px;cursor:pointer;font-size:14px;padding:6px 10px;transition:all .2s ease}.goal-edit-btn:hover{background:#2196f3;transform:scale(1.1)}.goal-delete-btn:hover{background:#f44336;transform:scale(1.1)}.goal-status-badge{animation:fadeInDown .5s ease;border-radius:20px;display:inline-block;font-size:12px;font-weight:600;margin-bottom:16px;padding:6px 12px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status-starting{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2}.status-progress{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#f57c00}.status-halfway{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#7b1fa2}.status-almost{background:linear-gradient(135deg,#fce4ec,#f8bbd0);color:#c2185b}.status-completed{animation:statusPulse 1.5s infinite;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.8}}.goal-icon{animation:bounceIn .6s ease;font-size:48px;margin:16px 0;text-align:center}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.goal-card h3{color:#1a1a1a;font-size:20px;font-weight:700;margin-bottom:16px;text-align:center}.goal-progress-section{margin-top:20px}.goal-values{align-items:baseline;display:flex;gap:8px;justify-content:center;margin-bottom:12px}.goal-current{color:#4caf50;font-size:24px;font-weight:700}.goal-target{color:#666;font-size:16px;font-weight:500}.goal-progress-bar{background:#e0e0e0;box-shadow:inset 0 2px 4px #0000001a;height:32px;margin:16px 0}.goal-progress-bar,.goal-progress-fill{border-radius:16px;overflow:hidden;position:relative}.goal-progress-fill{align-items:center;background:linear-gradient(90deg,#4caf50,#81c784);display:flex;height:100%;justify-content:flex-end;padding-right:12px;transition:width 1s ease,background .3s ease}.goal-progress-fill:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.goal-progress-fill.completed-animation{animation:completedGlow 2s infinite;background:linear-gradient(90deg,gold,orange 50%,gold)}@keyframes completedGlow{0%,to{box-shadow:0 0 10px #ffd70080}50%{box-shadow:0 0 20px #ffd700cc}}.progress-percentage{color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 2px #0000004d;z-index:1}.goal-remaining{background:#2196f314;border-left:4px solid #2196f3;border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:12px}.remaining-amount{color:#1976d2;font-size:16px;font-weight:600}.time-estimate{align-items:center;color:#666;display:flex;font-size:13px;gap:6px}.goal-celebration{animation:celebration 1s ease infinite;background:linear-gradient(135deg,gold,orange);border-radius:12px;color:#fff;font-size:16px;font-weight:700;margin-top:12px;padding:16px;text-align:center;text-shadow:0 2px 4px #0003}@keyframes celebration{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.05) rotate(1deg)}75%{transform:scale(1.05) rotate(-1deg)}}@media (max-width:768px){.goals-grid{grid-template-columns:1fr}.goal-current{font-size:20px}.goal-target{font-size:14px}}.month-navigation{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 12px #667eea4d;display:flex;gap:24px;justify-content:center;margin:24px 0;padding:16px}.month-nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.month-nav-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.05)}.current-month{color:#fff;font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 4px #0003}.budget-overview{background:linear-gradient(135deg,#f5f7fa,#fff);border-radius:20px;box-shadow:0 8px 24px #00000014;margin:24px 0;padding:32px}.budget-status{align-items:center;border-radius:12px;display:flex;font-size:18px;font-weight:700;gap:12px;justify-content:center;margin-bottom:24px;padding:16px 24px;transition:all .3s ease}.budget-status.status-good{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50;color:#2e7d32}.budget-status.status-alert{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ff9800;color:#e65100}.budget-status.status-warning{animation:warningPulse 2s infinite;background:linear-gradient(135deg,#fff8e1,#ffecb3);border:2px solid #ffc107;color:#f57f17}.budget-status.status-exceeded{animation:dangerPulse 1.5s infinite;background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #f44336;color:#c62828}@keyframes warningPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes dangerPulse{0%,to{box-shadow:0 0 0 0 #f44336b3;transform:scale(1)}50%{box-shadow:0 0 0 10px #f4433600;transform:scale(1.03)}}.status-icon{font-size:24px}.budget-summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:24px 0}.budget-summary-card{align-items:center;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;gap:16px;padding:20px;transition:all .3s ease}.budget-summary-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.budget-summary-card.card-income{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3}.budget-summary-card.card-spent{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ff9800}.budget-summary-card.card-remaining{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50}.budget-summary-card.card-remaining.negative{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #f44336}.card-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:36px}.card-content{flex:1 1}.card-label{color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.card-value{color:#1a1a1a;font-size:24px;font-weight:700}.budget-progress-container{margin-top:24px}.progress-labels{align-items:center;color:#333;display:flex;font-weight:600;justify-content:space-between;margin-bottom:12px}.progress-percent{color:#667eea;font-size:18px;font-weight:700}.budget-progress-bar-container{background:#e0e0e0;border-radius:16px;box-shadow:inset 0 2px 4px #0000001a;height:32px;overflow:hidden}.budget-progress-bar{align-items:center;border-radius:16px;color:#fff;display:flex;font-weight:700;height:100%;justify-content:center;overflow:hidden;position:relative;text-shadow:0 1px 2px #0000004d;transition:width 1s ease,background .3s ease}.budget-progress-bar:before{animation:progressShimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes progressShimmer{0%{left:-100%}to{left:100%}}.budget-progress-bar.status-good{background:linear-gradient(90deg,#4caf50,#81c784)}.budget-progress-bar.status-alert{background:linear-gradient(90deg,#ff9800,#ffb74d)}.budget-progress-bar.status-warning{background:linear-gradient(90deg,#ffc107,#ffd54f)}.budget-progress-bar.status-exceeded{animation:exceededShake .5s infinite;background:linear-gradient(90deg,#f44336,#e57373)}@keyframes exceededShake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.budget-categories-section{margin-top:40px}.budget-categories-section h3{color:#1a1a1a;font-size:24px;font-weight:700;margin-bottom:24px}.budget-categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.budget-category-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px;transition:all .3s ease}.budget-category-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.budget-category-card.category-ok{border-color:#4caf50}.budget-category-card.category-alert{background:linear-gradient(135deg,#fff,#fff8f0);border-color:#ff9800}.budget-category-card.category-warning{animation:cardWarning 2s infinite;background:linear-gradient(135deg,#fff,#fffef0);border-color:#ffc107}.budget-category-card.category-exceeded{animation:cardDanger 1.5s infinite;background:linear-gradient(135deg,#fff,#fff5f5);border-color:#f44336}@keyframes cardWarning{0%,to{box-shadow:0 4px 12px #ffc10733}50%{box-shadow:0 8px 24px #ffc10766}}@keyframes cardDanger{0%,to{box-shadow:0 4px 12px #f443364d}50%{box-shadow:0 8px 24px #f4433680}}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.category-title{align-items:center;display:flex;gap:12px}.category-icon{font-size:28px}.category-name{color:#1a1a1a;font-size:18px;font-weight:700}.category-status-badge{border-radius:20px;font-size:12px;font-weight:700;padding:6px 12px;white-space:nowrap}.category-status-badge.category-ok{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.category-status-badge.category-alert{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100}.category-status-badge.category-warning{animation:badgeWarning 1.5s infinite;background:linear-gradient(135deg,#fff8e1,#ffecb3);color:#f57f17}.category-status-badge.category-exceeded{animation:badgeDanger 1s infinite;background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}@keyframes badgeWarning{0%,to{opacity:1}50%{opacity:.7}}@keyframes badgeDanger{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.category-amounts{background:#00000005;border-radius:12px;margin:20px 0;padding:16px}.amount-row{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin:8px 0}.amount-row.highlight{border-top:2px solid #0000001a;margin-top:12px;padding-top:12px}.amount-label{color:#666;font-weight:600}.amount-value{font-size:16px;font-weight:700}.amount-value.spent{color:#ff5722}.amount-value.budget{color:#2196f3}.amount-value.positive{color:#4caf50}.amount-value.negative{color:#f44336}.category-progress{margin-top:16px}.category-progress-bar-container{background:#e0e0e0;border-radius:14px;box-shadow:inset 0 2px 4px #0000001a;height:28px;overflow:hidden}.category-progress-bar{align-items:center;border-radius:14px;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;transition:width 1s ease}.category-progress-bar:before{animation:categoryShimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes categoryShimmer{0%{left:-100%}to{left:100%}}.category-progress-bar.category-ok{background:linear-gradient(90deg,#4caf50,#81c784)}.category-progress-bar.category-alert{background:linear-gradient(90deg,#ff9800,#ffb74d)}.category-progress-bar.category-warning{background:linear-gradient(90deg,#ffc107,#ffd54f)}.category-progress-bar.category-exceeded{background:linear-gradient(90deg,#f44336,#e57373)}.progress-text{color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 2px #0000004d;z-index:1}.budget-edit-section{background:linear-gradient(135deg,#f5f7fa,#fff);border-radius:20px;box-shadow:0 8px 24px #00000014;margin-top:40px;padding:32px}.budget-edit-section h3{color:#1a1a1a;font-size:22px;font-weight:700;margin-bottom:20px}.edit-hint{font-size:12px;margin-left:8px;opacity:.7;transition:opacity .3s ease}.budget-footer-value:hover .edit-hint{opacity:1}@media (max-width:768px){.budget-categories-grid,.budget-summary-cards{grid-template-columns:1fr}.month-navigation{flex-direction:column;gap:12px}.card-value,.current-month{font-size:20px}}.reports-grid-improved{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:24px 0}.report-card-improved{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #0000;border-radius:20px;box-shadow:0 4px 16px #00000014;cursor:pointer;overflow:hidden;padding:28px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.report-card-improved:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;width:100%}.report-card-improved.active:before,.report-card-improved:hover:before{transform:scaleX(1)}.report-card-improved:hover{border-color:#667eea;box-shadow:0 12px 32px #667eea33;transform:translateY(-8px)}.report-card-improved.active{background:linear-gradient(135deg,#e8eaf6,#f3e5f5);border-color:#667eea;box-shadow:0 8px 24px #667eea4d}.report-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.report-icon{animation:iconFloat 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:40px}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.report-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.report-card-improved h3{color:#1a1a1a;font-size:22px;font-weight:700;margin:12px 0 8px}.report-description{color:#666;font-size:14px;line-height:1.5;margin-bottom:20px}.report-preview{background:#667eea0d;border-left:4px solid #667eea;border-radius:12px;margin:16px 0;padding:16px}.preview-stat{align-items:center;display:flex;justify-content:space-between;margin:8px 0}.preview-label{color:#666;font-size:13px;font-weight:600}.preview-value{color:#1a1a1a;font-size:16px;font-weight:700}.preview-value.income{color:#4caf50}.preview-value.expense{color:#ff5722}.report-btn-improved{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:16px;padding:12px 24px;transition:all .3s ease;width:100%}.report-btn-improved:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.report-btn-improved:active{transform:translateY(0)}.report-card-improved.active .report-btn-improved{background:linear-gradient(135deg,#e57373,#f44336)}.report-card-improved.active .report-btn-improved:hover{background:linear-gradient(135deg,#f44336,#e57373)}.report-visualization{animation:slideUp .5s ease;background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-top:32px;padding:32px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.report-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.report-header h2{color:#1a1a1a;font-size:28px;font-weight:700;margin:0}.close-report-btn{align-items:center;background:#f44336;border:none;border-radius:50%;box-shadow:0 4px 12px #f443364d;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-report-btn:hover{background:#d32f2f;transform:rotate(90deg) scale(1.1)}.report-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.summary-card{border-radius:16px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;gap:12px;padding:24px;transition:all .3s ease}.summary-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.summary-card.income{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid #4caf50}.summary-card.expense{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-left:4px solid #f44336}.summary-card.balance{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #2196f3}.summary-card.balance.positive{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid #4caf50}.summary-card.balance.negative{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-left:4px solid #f44336}.summary-label{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-value{color:#1a1a1a;font-size:28px;font-weight:700}@media (max-width:768px){.report-summary,.reports-grid-improved{grid-template-columns:1fr}.report-card-improved h3{font-size:20px}.summary-value{font-size:24px}}body.dark-mode .tag{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff!important;font-weight:600}body.dark-mode .tag:hover{box-shadow:0 4px 16px #667eea80;transform:translateY(-2px) scale(1.05)}body.dark-mode .add-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66}body.dark-mode .add-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #667eea99}body.dark-mode .account-name,body.dark-mode .card-title,body.dark-mode .goal-card h3,body.dark-mode .transaction-description{color:#f7fafc!important;font-weight:700}body.dark-mode .account-balance,body.dark-mode .transaction-amount{color:#81e6d9!important;font-weight:700}body.dark-mode .calendar-placeholder{background:#1a1f2e;color:#f7fafc}body.dark-mode .calendar-placeholder h3{color:#f7fafc!important}body.dark-mode .calendar-note{color:#cbd5e0!important}body.dark-mode button{font-weight:600}body.dark-mode .empty-subtitle,body.dark-mode .report-description{color:#cbd5e0!important;font-weight:500}body.dark-mode .card-label,body.dark-mode .preview-label{color:#e2e8f0!important;font-weight:700;text-shadow:0 1px 2px #00000080}body.dark-mode .card-value,body.dark-mode .preview-value{color:#fff!important;font-weight:800;text-shadow:0 2px 4px #00000080}body.dark-mode .budget-summary-card{background:linear-gradient(135deg,#2d3748,#1a202c)!important;border:2px solid #4a5568!important}body.dark-mode .budget-summary-card.card-income{background:linear-gradient(135deg,#2c5f4e,#1e4a3a)!important;border:2px solid #48bb78!important}body.dark-mode .budget-summary-card.card-spent{background:linear-gradient(135deg,#5f3a2c,#4a2e1e)!important;border:2px solid #fc8181!important}body.dark-mode .budget-summary-card.card-remaining{background:linear-gradient(135deg,#2c4a5f,#1e3a4a)!important;border:2px solid #4299e1!important}body.dark-mode .budget-summary-card.card-remaining.negative{background:linear-gradient(135deg,#5f2c2c,#4a1e1e)!important;border:2px solid #f56565!important}.strategic-charts-section{background:linear-gradient(135deg,#f5f7fa,#fff);border-radius:20px;box-shadow:0 8px 32px #00000014;margin-top:40px;padding:32px}.charts-section-title{color:#1a1a1a;font-size:28px;font-weight:700;margin-bottom:32px;text-align:center}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.chart-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px;transition:all .3s ease}.chart-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.chart-card h3{color:#1a1a1a;font-size:18px;font-weight:700;margin-bottom:20px}.chart-card-wide{grid-column:1/-1}body.dark-mode .strategic-charts-section{background:linear-gradient(135deg,#1a1f2e,#0f1419)}body.dark-mode .chart-card{background:#1a1f2e;border:1px solid #2d3748}body.dark-mode .chart-card h3,body.dark-mode .charts-section-title{color:#f7fafc!important}.selected-tag-banner{align-items:center;animation:slideDown .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.clear-filter-btn{background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.clear-filter-btn:hover{background:#ffffff4d;border-color:#ffffff80}.tag-active{background:linear-gradient(135deg,#43e97b,#38f9d7)!important;box-shadow:0 4px 16px #43e97b80!important;transform:scale(1.05)}.filtered-transactions-section{background:#f8f9fa;border-radius:16px;margin-top:32px;padding:24px}.filtered-transactions-section h3{color:#1a1a1a;font-size:20px;font-weight:700;margin-bottom:20px}.tag-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.tag-stat{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:8px;padding:20px}.tag-stat-label{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tag-stat-value{color:#2196f3;font-size:24px;font-weight:700}.tag-stat-value.expense{color:#f44336}body.dark-mode .filtered-transactions-section{background:#0f1419}body.dark-mode .filtered-transactions-section h3{color:#f7fafc!important}body.dark-mode .tag-stat{background:#1a1f2e;border:1px solid #2d3748}body.dark-mode .tag-stat-label{color:#cbd5e0!important}body.dark-mode .tag-stat-value{color:#81e6d9!important}body.dark-mode .tag-stat-value.expense{color:#fc8181!important}body.dark-mode .add-btn{background:linear-gradient(135deg,#48bb78,#38b2ac)!important;border:2px solid #ffffff1a;box-shadow:0 6px 20px #48bb7880!important;color:#fff!important;font-weight:700}body.dark-mode .add-btn:hover{background:linear-gradient(135deg,#38b2ac,#48bb78)!important;box-shadow:0 8px 28px #48bb78b3!important;transform:translateY(-2px) scale(1.02)}.month-nav-btn{font-size:24px;min-width:60px}body.dark-mode .month-nav-btn{background:#48bb7833!important;border-color:#48bb7866!important;color:#48bb78!important;font-weight:700}body.dark-mode .month-nav-btn:hover{background:#48bb784d!important;border-color:#48bb7899!important;color:#68d391!important}body.dark-mode .transaction-item{background:#1a1f2e;border-color:#2d3748}body.dark-mode .transaction-desc{color:#f7fafc!important;font-weight:600}body.dark-mode .transaction-category,body.dark-mode .transaction-date{color:#cbd5e0!important}body.dark-mode .transaction-amount{font-weight:700}body.dark-mode .transaction-amount.income{color:#48bb78!important}body.dark-mode .transaction-amount.expense{color:#fc8181!important}body.dark-mode .empty-state p{color:#f7fafc!important;font-weight:700;text-shadow:0 2px 4px #00000080}body.dark-mode .empty-state small,body.dark-mode .empty-subtitle{color:#e2e8f0!important;font-weight:600}body.dark-mode .budget-status{border-width:3px!important;font-weight:800!important;text-shadow:0 2px 4px #000000b3}body.dark-mode .status-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}body.dark-mode .status-text{color:#fff!important;font-weight:800!important}body.dark-mode .progress-labels{color:#f7fafc!important;font-weight:700}body.dark-mode .progress-percent{color:#81e6d9!important;font-size:20px!important;font-weight:800;text-shadow:0 2px 4px #00000080}body.dark-mode .budget-overview h3,body.dark-mode .budget-overview h4{color:#fff!important;font-weight:800!important;text-shadow:0 2px 4px #00000080}body.dark-mode .credit-card-visual{border:2px solid #4a5568!important}body.dark-mode .card-name{color:#fff!important;font-weight:800!important;text-shadow:0 2px 4px #000c}body.dark-mode .card-number{color:#e2e8f0!important;font-weight:700!important;text-shadow:0 1px 2px #000c}body.dark-mode .card-holder{color:#cbd5e0!important;font-weight:600!important;text-shadow:0 1px 2px #000c}body.dark-mode .account-balance{color:#81e6d9!important;font-weight:800!important;text-shadow:0 2px 4px #00000080}body.dark-mode .account-type{color:#e2e8f0!important;font-weight:700!important}body.dark-mode h1,body.dark-mode h2{color:#fff!important;font-weight:800!important;text-shadow:0 3px 6px #000000b3}body.dark-mode h3,body.dark-mode h4{color:#f7fafc!important;font-weight:700!important;text-shadow:0 2px 4px #00000080}body.dark-mode .section-header p{color:#e2e8f0!important;font-weight:600!important;text-shadow:0 1px 2px #00000080}body.dark-mode .goal-current{color:#81e6d9!important;font-weight:800!important;text-shadow:0 2px 4px #00000080}body.dark-mode .goal-target{color:#e2e8f0!important;font-weight:700!important}body.dark-mode .remaining-amount{color:#f7fafc!important;font-weight:700!important}body.dark-mode .time-estimate{color:#cbd5e0!important;font-weight:600!important}body.dark-mode .category-name{color:#fff!important;font-weight:800!important;text-shadow:0 2px 4px #00000080}body.dark-mode .amount-label{color:#e2e8f0!important;font-weight:700!important}body.dark-mode .amount-value{font-weight:800!important;text-shadow:0 1px 2px #00000080}body.dark-mode .amount-value.positive{color:#68d391!important}body.dark-mode .amount-value.negative{color:#fc8181!important}body.dark-mode .report-card-improved h3{color:#fff!important;font-weight:800!important;text-shadow:0 2px 4px #00000080}body.dark-mode .report-description{color:#e2e8f0!important;font-weight:600!important}@media (max-width:768px){.charts-grid{grid-template-columns:1fr}.chart-card-wide{grid-column:1}.tag-summary{grid-template-columns:1fr}}body.dark-mode .accounts-summary{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;box-shadow:0 8px 24px #0006}body.dark-mode .summary-label{color:#fff!important;font-weight:700!important;letter-spacing:1px;opacity:1!important;text-shadow:0 2px 4px #00000080;text-transform:uppercase}body.dark-mode .summary-amount{color:#fff!important;font-weight:900!important;text-shadow:0 3px 6px #00000080}body.dark-mode .summary-accounts{color:#f7fafc!important;font-weight:600!important;opacity:1!important;text-shadow:0 1px 3px #00000080}body.dark-mode .account-card-improved{background:#1a202c!important;border:2px solid #4a5568!important}body.dark-mode .account-name{color:#fff!important;font-weight:800!important;text-shadow:0 2px 4px #00000080}body.dark-mode .account-balance-improved{color:#81e6d9!important;font-weight:900!important;text-shadow:0 2px 4px #00000080}body.dark-mode .account-type-improved{color:#e2e8f0!important;font-weight:700!important;text-shadow:0 1px 2px #00000080}body.dark-mode .account-card-improved.primary{background:linear-gradient(135deg,#1e293b,#1a202c)!important;border:2px solid #667eea!important;box-shadow:0 4px 12px #667eea33}body.dark-mode .accounts-section .add-btn,body.dark-mode .add-account-btn,body.dark-mode .add-btn-improved{background:linear-gradient(135deg,#48bb78,#38b2ac)!important;border:2px solid #48bb78!important;box-shadow:0 4px 12px #48bb7866;color:#fff!important;font-weight:800!important;text-shadow:0 2px 4px #0000004d}body.dark-mode .accounts-section .add-btn:hover,body.dark-mode .add-account-btn:hover,body.dark-mode .add-btn-improved:hover{background:linear-gradient(135deg,#38b2ac,#319795)!important;box-shadow:0 6px 20px #48bb7899;transform:translateY(-2px)}.charts-advanced-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-top:24px}.chart-advanced-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;height:400px;padding:24px;transition:all .3s ease}.chart-advanced-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.chart-advanced-card.full-width{grid-column:1/-1}.chart-header{align-items:center;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.chart-header h3{color:var(--text);font-size:18px;font-weight:700;margin:0}.chart-type-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.chart-advanced-card canvas{flex:1 1;max-height:calc(100% - 60px)}.chart-advanced-card.doughnut-card{display:flex;flex-direction:column}.doughnut-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;padding:20px}.doughnut-wrapper canvas{max-height:100%!important;max-width:100%!important}.calendar-container{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;margin-top:24px;padding:24px}.calendar-header-month{margin-bottom:24px;text-align:center}.calendar-header-month h2{color:var(--text);font-size:24px;font-weight:700;margin:0}.calendar-legend{background:var(--bg);border-radius:12px;display:flex;gap:32px;justify-content:center;margin-bottom:32px;padding:16px}.legend-item{color:var(--muted-foreground);font-size:14px;gap:8px}.legend-icon,.legend-item{align-items:center;display:flex}.legend-icon{border-radius:8px;font-size:16px;font-weight:700;height:32px;justify-content:center;width:32px}.legend-icon.expense-icon{background:#f443361a;border:2px solid #f44336;color:#f44336}.legend-icon.card-icon{background:#2196f31a;border:2px solid #2196f3;color:#2196f3}.legend-icon.income-icon{background:#4caf501a;border:2px solid #4caf50;color:#4caf50}.legend-icon.transfer-icon{background:#ff98001a;border:2px solid #ff9800;color:#ff9800}.calendar-grid-modern{grid-gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);overflow:hidden}.calendar-weekday{background:var(--card-bg);color:var(--muted-foreground);font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px;text-align:center}.calendar-day-cell{background:var(--bg);cursor:pointer;min-height:100px;padding:8px;position:relative;transition:all .2s}.calendar-day-cell:hover{background:var(--card-bg);box-shadow:0 4px 12px #0000001a;transform:scale(1.02)}.calendar-day-cell.empty{background:var(--card-bg);opacity:.3}.calendar-day-cell.today{background:#667eea1a}.calendar-day-cell.today .day-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-weight:700;height:32px;justify-content:center;width:32px}.calendar-day-cell .day-number{color:var(--text);font-size:14px;font-weight:600;margin-bottom:8px}.day-events{display:flex;flex-direction:column;gap:4px}.event-indicator{align-items:center;border-radius:6px;display:flex;font-size:11px;font-weight:600;gap:6px;padding:4px 8px}.event-indicator.expense{background:#f443361a;color:#f44336}.event-indicator.card{background:#2196f31a;color:#2196f3}.event-indicator.income{background:#4caf501a;color:#4caf50}.event-icon{font-size:14px}.event-label{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.dark-mode .chart-advanced-card{background:#1a202c;border-color:#2d3748}body.dark-mode .chart-header{border-color:#2d3748}body.dark-mode .chart-header h3{color:#f7fafc}body.dark-mode .calendar-container{background:#1a202c;border-color:#2d3748}body.dark-mode .calendar-header-month h2{color:#f7fafc}body.dark-mode .calendar-legend{background:#0f1419}body.dark-mode .calendar-grid-modern{background:#2d3748;border-color:#2d3748}body.dark-mode .calendar-weekday{background:#1a202c;color:#cbd5e0}body.dark-mode .calendar-day-cell{background:#0f1419}body.dark-mode .calendar-day-cell.empty,body.dark-mode .calendar-day-cell:hover{background:#1a202c}body.dark-mode .calendar-day-cell.today{background:#667eea33}body.dark-mode .calendar-day-cell .day-number{color:#f7fafc}@media (max-width:1024px){.charts-advanced-grid{grid-template-columns:1fr}.chart-advanced-card.full-width{grid-column:1}}@media (max-width:768px){.calendar-legend{flex-wrap:wrap;gap:16px}.calendar-day-cell{min-height:80px}.event-label{display:none}}.calendar-transaction-modal{max-width:500px}.calendar-transaction-modal .modal-date{background:var(--bg);border-radius:8px;color:var(--muted-foreground);font-size:16px;font-weight:600;margin-bottom:24px;padding:12px;text-align:center}.transaction-type-selector{display:flex;gap:12px;margin-bottom:24px}.transaction-type-selector .type-option{align-items:center;background:var(--bg);border:2px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:16px;font-weight:600;gap:8px;padding:16px;transition:all .2s}.transaction-type-selector .type-option:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.transaction-type-selector .type-option.expense.active{background:#f443361a;border-color:#f44336;color:#f44336}.transaction-type-selector .type-option.income.active{background:#4caf501a;border-color:#4caf50;color:#4caf50}.transaction-type-selector .type-icon{font-size:32px;font-weight:700}body.dark-mode .calendar-transaction-modal .modal-date{background:#0f1419;color:#cbd5e0}body.dark-mode .transaction-type-selector .type-option{background:#0f1419;border-color:#2d3748;color:#f7fafc}body.dark-mode .transaction-type-selector .type-option.expense.active{background:#f4433633}body.dark-mode .transaction-type-selector .type-option.income.active{background:#4caf5033}.fab-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:24px;box-shadow:0 8px 24px #667eea80;color:#fff;cursor:pointer;display:flex;font-size:32px;font-weight:300;height:64px;justify-content:center;line-height:1;position:fixed;right:24px;transition:all .3s ease;width:64px;z-index:999}.fab-button:hover{box-shadow:0 12px 32px #667eeab3;transform:scale(1.1) rotate(90deg)}.fab-button:active{transform:scale(.95)}@media (max-width:768px){.fab-button{bottom:80px;font-size:28px;height:56px;right:16px;width:56px}}body.dark-mode .fab-button{box-shadow:0 8px 24px #667eea99}body.dark-mode .fab-button:hover{box-shadow:0 12px 32px #667eeacc}
/*# sourceMappingURL=main.818026f7.css.map*/