@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");script[type="application/ld+json"]{display:none!important;height:0!important;left:-9999px!important;overflow:hidden!important;position:absolute!important;visibility:hidden!important;width:0!important}script[type="application/ld+json"] *{display:none!important}@media (min-width:769px){.desktop-layout{display:flex;min-height:100vh}.desktop-layout .content{flex:1;overflow-y:auto}}body{background:linear-gradient(120deg,#fff,#f8fafc);color:#1e3a5f;display:flex;flex-direction:column;font-family:Inter,Poppins,Roboto,sans-serif;margin:0;min-height:100vh}.edit-expense-modal input::placeholder{color:hsla(0,0%,100%,.7)}.amount-label,.expense-item-name,.payment-day-label{color:#fff;font-weight:600}.edit-expense-form label{color:#fff}.container{box-sizing:border-box;flex:1;margin:0 auto;max-width:1200px;padding:20px;width:100%}@media (max-width:768px){.container{padding:70px 0 0;width:100%}.content{padding-top:0!important}.grid-item{margin:10px}}.grid-item{margin-bottom:24px;width:100%}.grid-item.active{display:block}@media (max-width:768px){.container{padding-top:0}}.content{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:flex-start;min-height:calc(100vh - env(safe-area-inset-top));padding:calc(20px + env(safe-area-inset-top)) 10px 20px}main{display:flex;flex-direction:column;min-height:100vh;width:100%}@media (max-width:768px){.content{padding:0}.grid-item{box-sizing:border-box;display:none;max-width:100%;padding:16px;width:100%}.grid-item.active{align-items:center;justify-content:flex-start;min-height:calc(100vh - 70px - env(safe-area-inset-top))}.container,.grid-item.active{display:flex;flex-direction:column}.container{flex:1;margin:0;padding:70px 0 0;width:100%}}.budget-container{background:var(--expense-card-bg,#fff);border:1px solid var(--expense-border,#e1e5e9);border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);margin-bottom:24px;padding:24px;position:relative;transition:all .3s ease}.budget-container:before{background:linear-gradient(90deg,var(--expense-primary,#7c3aed),var(--expense-primary-light,#8b5cf6));border-radius:12px 12px 0 0;content:"";height:4px;left:0;position:absolute;top:0;width:100%}.expenses-container,.expenses-list-container,.income-container{border-radius:12px;padding:24px}.expenses-list-container{align-items:center;border:none;border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:28px;transition:all .3s ease}.expenses-list-container h2{color:#2a3990;font-size:24px;font-weight:700;margin-bottom:24px;position:relative;text-align:center}.expenses-list-container h2:after{background:linear-gradient(90deg,#3f51b5,#2196f3);border-radius:3px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.budget-container h2{color:var(--expense-primary,#7c3aed);font-size:1.25rem;font-weight:600;margin-bottom:24px;padding-bottom:12px;position:relative;text-align:center}.budget-container h2:after{background:linear-gradient(90deg,var(--expense-primary,#7c3aed),var(--expense-primary-light,#8b5cf6));border-radius:3px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}h2,h4{color:#1a237e;font-weight:600;margin-bottom:16px}.auth-container button,.form-submit-button,input{border:1px solid #bdbdbd;border-radius:6px;font-size:16px;margin:8px 0;padding:12px;transition:border-color .2s}input:focus{border-color:#a3ded2;box-shadow:0 0 0 2px rgba(163,222,210,.2);outline:none}.auth-container button,.form-submit-button{background:#1e3a5f;border:none;color:#fff;cursor:pointer;font-weight:600;transition:background .2s}.budget-div{margin:0}.auth-container button:hover,.form-submit-button:hover{background:#2b4975}.income-fields,.income-form{flex-direction:column;width:90%}.income-fields{display:flex;gap:10px;margin-bottom:16px}.income-field-row{align-items:center;display:flex;gap:10px}.income-field-row input[type=number],.income-field-row input[type=text]{flex:1}.add-field{background-color:#a3ded2;border:none;border-radius:6px;color:#1e3a5f;cursor:pointer;font-size:14px;font-weight:600;margin:10px 0;padding:10px 16px;transition:background-color .2s;width:auto}.add-income-btn:hover{background-color:#2e7d32}.remove-field{align-items:center;background-color:#e53935;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;transition:background-color .2s;width:24px}.remove-income-btn:hover{background-color:#b71c1c}.income-form{align-items:center;display:flex;justify-content:space-evenly;margin-bottom:16px}.income-form input{margin-right:5px;width:20%}.expense-item{align-items:center;background:#fff;border-bottom:1px solid #f0f4f8;display:flex;justify-content:space-between;padding:18px 22px;position:relative;transition:all .2s ease-out}.expense-item:hover{background-color:#f9fafc;box-shadow:0 2px 8px rgba(0,0,0,.04);transform:translateY(-1px)}.expense-item:last-child{border-bottom:none}.expense-details{flex:1;padding-right:16px}.expense-name-value{color:#fff;font-size:16px;font-weight:600;gap:8px;margin-bottom:6px}.expense-date,.expense-name-value{align-items:center;display:flex;flex-wrap:wrap}.expense-date{color:#78909c;font-size:.85em;gap:10px;margin-top:6px}.expense-item-buttons{display:flex;gap:10px;margin-left:16px}.expense-edit-btn{background-color:#3f51b5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;touch-action:manipulation;transition:all .2s ease}.expense-edit-btn:hover{background-color:#303f9f;box-shadow:0 4px 8px rgba(63,81,181,.2);transform:translateY(-2px)}.expense-delete-btn{background-color:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;touch-action:manipulation;transition:all .2s ease}.expense-delete-btn:hover{background-color:#d32f2f;box-shadow:0 4px 8px rgba(244,67,54,.2);transform:translateY(-2px)}@media (max-width:768px){.expense-item{align-items:stretch;flex-direction:column;gap:14px;padding:16px}.expense-details{flex:none}.expense-name-value{font-size:15px}.expense-date{font-size:13px}.expense-item-buttons{display:flex;flex-direction:row;gap:10px;justify-content:flex-end;margin-left:0}.expense-delete-btn,.expense-edit-btn{flex:1;font-size:14px;max-width:100px;min-height:38px;min-width:44px;padding:8px 12px;touch-action:manipulation}.expense-delete-btn{padding-right:20px}.expenses-list-container{padding:20px 16px}.expenses-list-container h2{font-size:20px;margin-bottom:20px}.expenses-list-wrapper{margin-top:16px}.budget-row{gap:10px;grid-template-columns:1fr 1fr .7fr;padding:14px}.budget-label{font-size:14px}.budget-value{font-size:15px}.add-expense-btn-small,.edit-btn-small,.toggle-list-btn{font-size:13px;padding:8px 12px}}.recurring-badge{align-items:center;background-color:#3f51b5;border-radius:12px;color:#fff;display:inline-flex;font-size:.75em;font-weight:500;padding:4px 10px}.recurring-container{align-items:center;display:flex;gap:8px;margin:8px 0}.recurring-container input[type=checkbox]{margin:0;width:auto}.delete-btn{background:#e53935;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:400;margin-right:2px;padding:3px 8px;transition:background .2s,transform .2s}.delete-btn:hover{background:#b71c1c}.edit-btn{background:#43a047;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:400;padding:3px 8px;transition:background .2s,transform .2s}.edit-btn:hover{background:#1b5e20}.contact-button{background-color:#1e3a5f;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;transition:background-color .2s,transform .1s}.contact-button:hover{background-color:#2b4975}.contact-button:active{transform:scale(.98)}.auth-content{align-items:center;background:#f8fafc;display:flex;flex-direction:column;justify-content:center;padding:50px 20px}.auth-container{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 24px rgba(44,62,80,.08);color:#2d2d2d;padding:32px 24px}.auth-header{border-radius:8px;color:#1976d2;font-family:inherit;font-size:24px;font-weight:700;margin-bottom:20px;padding:20px;text-align:center}.greeting{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin:0 40px;padding:10px 50px;width:70%}.greeting p{color:#1976d2;font-size:24px;font-weight:700;margin:0}.logout-button{background-color:#e53935;border:none;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-size:16px;font-weight:600;max-width:120px;min-width:90px;padding:8px 16px;transition:background .2s,transform .2s;width:auto}.error-message{color:#e53935;font-weight:500;margin-bottom:10px}.expenses-form input{margin-right:5px}.payment-duration{background-color:#f9f9f9;border:none;border-radius:6px;display:flex;flex-direction:column;gap:8px;margin:10px 0;padding:12px}.until-canceled-container{align-items:center;display:flex;gap:8px;margin:8px 0}.until-canceled-container input[type=checkbox]{margin:0;width:auto}.last-payment-container{display:flex;flex-direction:column;gap:6px}.until-canceled-badge{background-color:#ff9800}.last-payment,.until-canceled-badge{align-items:center;border-radius:12px;color:#fff;display:inline-flex;font-size:.75em;font-weight:500;padding:4px 10px}.last-payment{background-color:#9c27b0}.edit-expense-overlay{align-items:center;backdrop-filter:blur(3px);background:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-expense-modal{animation:modal-slide-in .3s ease-out;background:linear-gradient(140deg,#1e3a5f,#133050);border-radius:16px;box-shadow:0 10px 25px rgba(30,58,95,.4);color:#fff;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%}.edit-expense-modal h2{color:#90caf9;font-size:24px;margin-bottom:20px;text-align:center}.form-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:8px;width:100%}.form-group input{background-color:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:6px;color:#fff;display:block;font-size:16px;margin:0 auto;max-width:90%;padding:12px;width:90%}.form-group label{color:#fff;display:block;font-weight:500;margin-bottom:8px;margin-left:auto;margin-right:auto;width:90%}.form-group input:focus{background-color:hsla(0,0%,100%,.15);border-color:#a3ded2;box-shadow:0 0 0 2px rgba(163,222,210,.2);outline:none}.form-group.checkbox{align-items:center;display:flex;padding:10px 0}.checkbox-label{align-items:center;cursor:pointer;display:flex}.checkbox-label input[type=checkbox]{accent-color:#43a047;cursor:pointer;height:18px;width:18px}.checkbox-label span{color:#fff;font-size:16px}.recurring-options{background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;margin-bottom:20px;padding:15px}.info-panel{background-color:rgba(13,71,161,.3);border:1px solid rgba(144,202,249,.3);border-radius:6px;margin-top:12px;padding:12px}.info-item{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.info-item:last-child{margin-bottom:0}.info-label{color:#90caf9}.info-value{color:#66bb6a;font-weight:700}.credit-option{background-color:rgba(67,160,71,.1);border:1px solid rgba(67,160,71,.3);border-radius:8px;margin-top:20px;padding:15px}.credit-info{background-color:rgba(67,160,71,.2);border-radius:6px;font-size:14px;margin-top:10px;padding:10px;text-align:center}.credit-amount{color:#66bb6a;display:block;font-size:18px;font-weight:700;margin-bottom:5px}@media (max-width:768px){.content{padding:0}.grid-item{box-sizing:border-box;display:none;max-width:100%;padding:16px;width:100%}.grid-item.active{align-items:center;justify-content:flex-start;min-height:calc(100vh - 70px - env(safe-area-inset-top))}.container,.grid-item.active{display:flex;flex-direction:column}.container{flex:1;margin:0;padding:70px 0 0;width:100%}.edit-expense-modal{padding:20px;width:95%}.edit-expense-modal h2{font-size:20px;margin-right:20px}.form-group{margin-bottom:14px}.form-group label{font-size:14px}.form-group input{font-size:14px;padding:10px}.checkbox-label span{font-size:14px}.recurring-options{padding:12px}.info-panel{padding:10px}.info-item{flex-direction:column}.info-value{align-self:flex-end;margin-top:4px}.balances-grid{display:flex;gap:15px;grid-template-columns:1fr}.balance-item{margin-bottom:10px;padding:16px}}.edit-expense-form{display:flex;flex-direction:column}.edit-expense-form label{color:#333;font-weight:500;margin:8px 0 4px}.edit-expense-form input[type=date],.edit-expense-form input[type=number],.edit-expense-form input[type=text]{border:1px solid #ddd;border-radius:4px;padding:10px}.edit-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.save-btn{background:#43a047;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.save-btn:hover{background:#388e3c;transform:translateY(-2px)}.save-btn:active{transform:translateY(0)}.cancel-btn{background:hsla(0,0%,88%,.1);border:1px solid hsla(0,0%,88%,.3);border-radius:8px;color:#e0e0e0;cursor:pointer;font-size:16px;font-weight:600;margin-right:5px;padding:12px 24px;transition:all .2s}.cancel-btn:hover{background:hsla(0,0%,88%,.2)}.add-expense-container{align-items:center;display:flex;justify-content:center;padding:30px;width:100%}.add-expense-btn{background-color:#1e3a5f;border:none;border-radius:6px;box-shadow:0 4px 8px rgba(30,58,95,.2);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 22px;transition:background-color .2s,transform .2s}.add-expense-btn:hover{background-color:#2b4975;transform:translateY(-2px)}.add-expense-btn:active{transform:translateY(1px)}.expense-buttons-container{align-items:center;display:flex;gap:10px;justify-content:center;margin:10px 0;width:100%}.balances-container{border:none;border-radius:12px;margin-bottom:20px;padding:24px}.balances-container h2{color:#1a237e;margin-bottom:20px;text-align:center}.balances-container{gap:20px}.balance-item,.balances-container{display:flex;flex-direction:column}.balance-item{align-items:center;background-color:#fff;border:none;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.08);height:100%;justify-content:space-between;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.balance-item:before{background:linear-gradient(90deg,#1e3a5f,#a3ded2);content:"";height:6px;left:0;position:absolute;top:0;transition:height .3s ease;width:100%}.balance-item:hover:before{height:8px}.balance-item label{color:#333;font-size:18px;font-weight:600;margin-bottom:16px}.balance-input-container{align-items:center;display:flex;justify-content:center;margin-bottom:8px;position:relative;width:100%}.balance-input-container input{padding-right:24px;width:50%}.currency-symbol{color:#666;font-weight:500;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.current-balance{background-color:rgba(67,160,71,.08);border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.05);color:#43a047;font-size:28px;font-weight:700;margin:16px 0;padding:16px 20px;text-align:center;transition:all .3s ease;width:100%}.balance-item:hover .current-balance{box-shadow:0 4px 8px rgba(0,0,0,.08);transform:translateY(-2px)}.current-balance.debt{background-color:rgba(229,57,53,.08);color:#e53935}.balance-edit-btn,.balance-save-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:auto;padding:14px;transition:all .3s;width:100%}.balance-edit-btn{background:linear-gradient(135deg,#1e3a5f,#2b4975);box-shadow:0 4px 12px rgba(30,58,95,.3)}.balance-edit-btn:hover{background:linear-gradient(135deg,#2b4975,#3a5a8c);box-shadow:0 6px 16px rgba(30,58,95,.4);transform:translateY(-2px)}.balance-save-btn{background:linear-gradient(135deg,#a3ded2,#88c9b3);box-shadow:0 4px 12px rgba(163,222,210,.3);color:#1e3a5f}.balance-save-btn:hover{background:linear-gradient(135deg,#88c9b3,#6db59f);box-shadow:0 6px 16px rgba(163,222,210,.4);transform:translateY(-2px)}.balance-edit-container{align-items:center;display:flex;flex-direction:column;width:100%}.balance-item .current-balance{margin-bottom:10px}.balances-mobile{display:none}.sort-btn{align-self:center;background-color:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:15px;padding:8px 16px;transition:background-color .2s,transform .2s}.sort-btn:hover{background-color:#1565c0;transform:translateY(-2px)}.sort-btn:active{transform:translateY(0)}.sort-btn-top{background-color:#9c27b0;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:14px;font-weight:600;margin-bottom:15px;margin-left:auto;margin-right:auto;padding:8px 16px;transition:background-color .2s,transform .2s;width:180px}.sort-btn-top:hover{background-color:#7b1fa2;transform:translateY(-2px)}.sort-btn-top:active{transform:translateY(0)}.income-display{align-items:center;display:flex;flex-direction:column;gap:16px;padding:20px}.income-amount{color:#43a047;font-size:28px;font-weight:700}.savings-percentage{color:#666;font-size:10px;margin-left:6px;margin-right:8px}.edit-percentage-btn-small{background-color:#9c27b0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:4px 8px;transition:background-color .2s,transform .2s}.edit-percentage-btn-small:hover{background-color:#7b1fa2;transform:translateY(-1px)}.edit-percentage-modal{background:#fff;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.3);max-width:400px;padding:24px;width:90%}.edit-percentage-form,.edit-percentage-modal{align-items:center;display:flex;flex-direction:column;justify-content:center}.edit-percentage-form{gap:12px}.percentage-input-container{align-items:center;display:flex;justify-content:center;margin-bottom:8px;position:relative;width:30%}.percentage-input-container input{padding-right:10px;width:20%}.percentage-symbol{color:#666;font-weight:500;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.expected-balance{background-color:#f5f7fa;border:1px solid #eaeaea;border-radius:8px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05);color:#666;display:flex;flex-direction:column;font-size:14px;gap:6px;margin:16px 0;padding:14px;text-align:center;width:100%}.expected-amount{color:#43a047;font-size:20px;font-weight:600;margin-top:4px}.expected-amount.debt{color:#e53935}.budget-table{background-color:transparent;border-radius:8px;border-spacing:0;box-shadow:none;margin-top:20px;overflow:hidden;width:100%}.budget-row{align-items:center;background:var(--expense-card-secondary,#f8fafc);border:1px solid var(--expense-border-light,#e2e8f0);border-left:4px solid var(--expense-primary,#7c3aed);border-radius:8px;display:grid;grid-template-columns:1fr 1.5fr .7fr;margin-bottom:12px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.budget-row:hover{background-color:var(--expense-hover-bg,#f1f5f9);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.budget-row:last-child{border-bottom:1px solid var(--expense-border-light,#e2e8f0)}.budget-label{color:var(--expense-text-secondary,#6b7280);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.budget-value{align-items:center;color:var(--expense-success,#059669);display:flex;flex-direction:column;font-size:1.125rem;font-weight:700;gap:4px;justify-content:flex-end;text-align:right}.expenses-value{color:var(--expense-error,#dc2626)}.expenses-list-wrapper{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.03);margin-top:20px;overflow:hidden;transition:all .3s ease;width:100%}.expenses-list{list-style-type:none;margin:0;padding:0}.toggle-list-btn{background-color:#3f51b5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:8px 16px;text-align:center;transition:all .2s ease}.toggle-list-btn:hover{background-color:#303f9f;box-shadow:0 4px 8px rgba(63,81,181,.2);transform:translateY(-2px)}.add-expense-btn-small{background-color:#43a047;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:8px 16px;text-align:center;transition:all .2s ease}.add-expense-btn-small:hover{background-color:#2e7d32;box-shadow:0 4px 8px rgba(67,160,71,.2);transform:translateY(-2px)}.income-field-container{background-color:#f9fafb;border:none;border-radius:6px;margin-bottom:12px;padding:12px}.income-payment-date{align-items:center;border-top:1px dashed #e0e0e0;display:flex;gap:10px;margin-top:10px;padding-top:8px}.income-payment-date label{color:#666;font-size:14px;font-weight:500;min-width:100px}.income-payment-date input{text-align:center;width:80px}.budget-start-day-edit{align-items:center;display:flex;gap:8px}.budget-start-day-input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:4px 8px;width:60px}.cancel-btn-small,.edit-btn-small,.save-btn-small{border:none;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s ease}.save-btn-small{background-color:#a3ded2;color:#1e3a5f}.save-btn-small:hover{background-color:#88c9b3}.cancel-btn-small{background-color:#f4b3b3;color:#1e3a5f}.cancel-btn-small:hover{background-color:#ffdbdb}.edit-btn-small{background-color:#1e3a5f;color:#fff;font-weight:500;min-width:70px;text-align:center}.edit-btn-small:hover{background-color:#2b4975;box-shadow:0 4px 8px rgba(30,58,95,.2);transform:translateY(-2px)}.edit-btn-small.purple{background-color:#f4b3b3;color:#1e3a5f;font-weight:500}.edit-btn-small.purple:hover{background-color:#ffdbdb;box-shadow:0 4px 8px hsla(0,75%,83%,.3)}.smart-savings-toggle-btn{align-items:center;background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;display:inline-flex;font-size:16px;height:32px;justify-content:center;margin-left:8px;text-decoration:none;transition:all .3s ease;width:32px}.smart-savings-toggle-btn:hover{background-color:#a3ded2;border-color:#8bc9b8;box-shadow:0 2px 8px rgba(163,222,210,.3);transform:translateY(-1px)}.smart-savings-toggle-btn.active{background-color:#a3ded2;border-color:#7ab5a3;box-shadow:0 2px 8px rgba(163,222,210,.4)}.budget-action{gap:4px}.budget-day-edit-btn{font-size:11px;padding:3px 6px}.budget-period{color:#666;font-size:14px;font-style:italic;margin-bottom:16px;text-align:center}.header-container{margin:0 auto 20px;max-width:900px;position:relative;width:100%}.contact-button.top-contact-button{position:absolute;right:16px;top:16px;z-index:100}@media (max-width:768px){.contact-button.top-contact-button{display:none}}.user-profile{background-color:#fff;border:none;border-radius:12px;box-shadow:0 4px 24px rgba(44,62,80,.08);overflow:hidden}.user-profile-header{align-items:center;cursor:pointer;display:flex;padding:16px 20px;position:relative;transition:background-color .2s}.user-profile-header:hover{background-color:#f5f7fa}.user-avatar{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 8px rgba(163,222,210,.3);display:flex;height:70px;justify-content:center;margin-right:16px;overflow:hidden;padding:2px;width:70px}.user-avatar img{border-radius:50%;height:100%;max-width:100%;object-fit:contain;width:100%}.user-greeting{flex:1}.user-greeting h3{color:#1a237e;font-size:18px;margin:0}.profile-toggle{color:#1976d2;display:block;font-size:14px;font-weight:500;margin-top:4px}.user-profile-details{background-color:#f9fafb;border-top:1px solid #e0e0e0;padding:0 20px 16px}.profile-info-row{border-bottom:1px dashed #e0e0e0;display:flex;padding:12px 0}.profile-info-row:last-of-type{border-bottom:none;margin-bottom:12px}.profile-info-label{color:#555;font-weight:600;width:150px}.profile-info-value{color:#333;flex:1}.user-profile .logout-button{margin-top:10px;width:100%}.budget-container .budget-row:first-child{border-left-color:var(--expense-primary,#7c3aed)}.budget-container .budget-row.income-row{border-left-color:var(--expense-success,#059669)}.budget-container .budget-row.expenses-row{border-left-color:var(--expense-warning,#d97706)}.budget-container .budget-row.remaining-row{border-left-color:var(--expense-primary-light,#8b5cf6)}.budget-action{align-items:center;display:flex;gap:8px;justify-content:center}.budget-container .add-expense-btn-small,.budget-container .edit-btn-small,.budget-container .toggle-list-btn{background:var(--expense-primary,#7c3aed);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:8px 12px;text-transform:uppercase;transition:all .2s ease}.budget-container .add-expense-btn-small:hover,.budget-container .edit-btn-small:hover,.budget-container .toggle-list-btn:hover{background:var(--expense-primary-dark,#6d28d9);box-shadow:0 2px 8px rgba(124,58,237,.3);transform:translateY(-1px)}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-height:90vh;max-width:90%;overflow-y:auto;position:relative;width:500px}.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;line-height:1;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease}.modal-close-btn:hover{background-color:#f3f4f6;color:#333}.import-preview-overlay,.profile-popup-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.import-preview-modal,.profile-popup-modal{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-height:90vh;max-width:90%;overflow-y:auto;padding:2rem;position:relative;width:500px}.close-button,.profile-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;line-height:1;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease}.close-button:hover,.profile-close-btn:hover{background-color:#f3f4f6;color:#333}.profile-popup-content{padding:1rem}.header-actions{align-items:center;display:flex;gap:1rem}.secondary-button{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.secondary-button:hover{background-color:var(--hover-background);border-color:var(--primary-color)}.budget-container{background:#f5f7fa;border:none;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.08);margin-bottom:24px;padding:24px 16px}.budget-container h2{color:#2e384d;font-size:22px;font-weight:600;margin-bottom:24px;padding-bottom:8px;position:relative;text-align:center}.budget-container h2:after{background:#a3ded2;border-radius:2px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.budget-period{background:rgba(30,58,95,.05);border:1px solid rgba(30,58,95,.1);border-radius:8px;color:#666;font-size:14px;font-weight:500;margin-bottom:24px;padding:8px 16px;text-align:center}.budget-tabs{border-bottom:2px solid #e1e5e9;display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.tab-button{background:transparent;border:none;border-bottom:3px solid transparent;color:#6b7280;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;position:relative;transition:all .2s ease}.tab-button.active,.tab-button:hover{background-color:rgba(163,222,210,.1);color:#1e3a5f}.tab-button.active{border-bottom-color:#a3ded2}.budget-graph-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-top:16px;padding:24px}.graph-wrapper{height:400px;position:relative;width:100%}@media (max-width:999px){.budget-tabs{gap:4px;margin-bottom:16px}.tab-button{font-size:14px;padding:10px 16px}.budget-graph-container{margin-top:12px;padding:16px}.graph-wrapper{height:300px}}.budget-progress{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:20px;padding:20px}.progress-header{align-items:center;color:#2e384d;display:flex;font-weight:600;justify-content:space-between;margin-bottom:12px}.progress-bar-container{background-color:#e0e0e0;border-radius:6px;height:12px;margin-bottom:12px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#a3ded2,#88c9b3);box-shadow:0 0 5px rgba(163,222,210,.5);height:100%;transition:width .6s ease-out}.progress-details{color:#666;display:flex;font-size:14px;font-weight:500;justify-content:space-between}.budget-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.08);overflow:hidden;width:100%}.budget-table td,.budget-table th{border-bottom:1px solid #e1e5e9;padding:16px 20px;text-align:left}.budget-table th{background-color:#f8f9fa;color:#2e384d;font-size:14px;font-weight:600}.budget-table td{vertical-align:middle}.budget-table tr:last-child td{border-bottom:none}.budget-table tr:hover{background-color:rgba(163,222,210,.05)}.budget-category{color:#2e384d;font-size:16px;font-weight:600}.budget-value{color:#43a047;font-family:Courier New,monospace;font-size:18px;font-weight:700}.budget-value.negative{color:#e53935}.budget-value.zero{color:#666}.edit-btn-small{background:#a3ded2;border:none;border-radius:8px;box-shadow:none;color:#1e3a5f;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 0;transition:background .2s}.edit-btn-small:hover{background:#8bcdbf}.edit-btn-small.purple{background:#a3ded2;color:#1e3a5f}.edit-btn-small.purple:hover{background:#8bcdbf}.smart-savings-toggle-btn{background:rgba(255,207,84,.2);border:1px solid rgba(255,207,84,.3);border-radius:6px;color:#e6b84a;cursor:pointer;font-size:14px;padding:6px 10px;transition:all .2s ease}.smart-savings-toggle-btn:hover{background:rgba(255,207,84,.3);transform:translateY(-1px)}.smart-savings-toggle-btn.active{background:rgba(255,207,84,.4);border-color:#ffcf54}.savings-percentage{color:#666;font-size:14px;font-weight:500;margin-left:8px}.budget-summary{background:linear-gradient(135deg,#1e3a5f,#2c5282);border-radius:12px;box-shadow:0 4px 20px rgba(30,58,95,.2);color:#fff;margin:20px 0;padding:20px}.budget-summary h3{font-size:18px;font-weight:600;margin:0 0 16px;text-align:center}.budget-summary-list{list-style:none;margin:0;padding:0}.budget-summary-item{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:8px 0}.budget-summary-item:last-child{border-bottom:none}.budget-summary-label{font-size:14px;opacity:.9}.budget-summary-value{font-family:Courier New,monospace;font-size:16px;font-weight:700}.budget-summary-value.positive{color:#4caf50}.budget-summary-value.negative{color:#ff6b6b}@media (max-width:999px){.budget-table{border-collapse:collapse;font-size:14px;width:100%}.budget-table thead{display:none!important}.budget-table td,.budget-table th{border-bottom:1px solid #e1e5e9;padding:12px 8px;text-align:left}.budget-table th{background-color:#f8f9fa;color:#2e384d;font-size:13px;font-weight:600}.budget-table td{vertical-align:middle}.budget-table .budget-category{color:#2e384d;font-weight:600}.budget-table .budget-value,.budget-table .budget-value.zero{font-size:22px;font-weight:600}.budget-table .edit-btn-small{background-color:#a3ded2;border:none;border-radius:4px;color:#1e3a5f;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}@media (max-width:480px){.budget-table{font-size:12px}.budget-table td,.budget-table th{padding:8px 4px}.budget-table .budget-value,.budget-table .budget-value.zero{font-size:18px}.budget-table .edit-btn-small{background-color:#a3ded2;color:#1e3a5f;font-size:11px;font-weight:600;padding:4px 8px}}}@media (max-width:768px){.budget-container{padding:16px 12px}.budget-container h2{font-size:20px}.budget-summary{padding:16px}.budget-summary-item{align-items:flex-start;flex-direction:column;gap:4px}.budget-progress{padding:16px}.progress-details{flex-direction:column;gap:4px}}.credit-tracker-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(4px);background-color:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:999999!important}.credit-tracker-container{animation:slide-up .4s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(30,58,95,.12);max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%;z-index:1000000}.credit-header{align-items:center;border-radius:16px 16px 0 0;display:flex;padding:20px 24px;position:relative}.credit-header-content{align-items:center;display:flex;flex-grow:1}.credit-logo{height:50px;margin-right:15px;object-fit:contain;width:50px}.credit-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.credit-tracker-close-btn{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:36px}.credit-tracker-close-btn:hover{background-color:hsla(0,0%,100%,.35)}.credit-content{padding:30px}.credit-summary{background-color:#f5f7fa;border:none;border-radius:12px;display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px}.summary-item{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;justify-content:space-between;padding:14px 16px;transition:transform .2s ease}.summary-item:active{transform:scale(.98)}.summary-label{color:#1a237e;font-size:15px;font-weight:500}.summary-value{color:#43a047;font-size:18px;font-weight:700}.summary-value.debt{color:#e53935}.credit-details{margin-top:30px}.credit-details h3{color:#1a237e;font-size:20px;font-weight:600;margin-bottom:16px;position:relative}.credit-details h3:after{background:linear-gradient(90deg,#3f51b5,#2196f3);border-radius:3px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.credit-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:20px}.credit-table{border-collapse:collapse;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.08);overflow:hidden;width:100%}.credit-table thead{background:linear-gradient(90deg,#3f51b5,#2196f3);color:#fff}.credit-table th{font-size:15px;font-weight:600;padding:14px 16px;text-align:left;white-space:nowrap}.credit-table td{border-top:1px solid #e8e8e8;color:#333;font-size:15px;padding:14px 16px}.credit-table tbody tr{background-color:#fff;transition:background-color .2s}.credit-table tbody tr:nth-child(odd){background-color:#f5f7fa}.credit-table tbody tr:hover{background-color:rgba(33,150,243,.05)}.no-credit-expenses{background-color:#f5f7fa;border-radius:8px;color:#9e9e9e;font-style:italic;margin-top:20px;padding:30px 0;text-align:center}@media (max-width:768px){.credit-tracker-overlay{padding:10px}.credit-tracker-container{width:95%}.credit-header{padding:16px}.credit-logo{height:40px;width:40px}.credit-header h2{font-size:1.3rem}.credit-content{padding:10px}.credit-tracker-close-btn{font-size:1rem;height:36px;right:12px;top:12px;width:36px}.credit-summary{gap:12px;margin-bottom:20px;padding:15px}.summary-item{padding:12px}.summary-label{font-size:14px}.summary-value{font-size:16px}.credit-details h3{font-size:18px;margin-bottom:18px}.credit-table{display:block;overflow-x:auto;white-space:nowrap}.credit-table td,.credit-table th{font-size:14px;padding:12px}.mobile-credit-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.mobile-credit-item{background-color:#f8fafc;border-left:3px solid #2196f3;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:16px}.mobile-credit-name{color:#1a237e;font-size:16px;font-weight:600;margin-bottom:10px}.mobile-credit-details{display:flex;font-size:14px;justify-content:space-between;margin-top:8px;padding-top:4px}.mobile-detail-label{color:#666}.mobile-detail-value{color:#333;font-weight:600}.no-credit-expenses{font-size:14px;padding:25px 0}.pull-to-refresh{color:#2196f3;font-size:13px;margin-top:16px;padding:10px 0;text-align:center}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.balances-container{background:#f5f7fa;border:none;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.08);margin-bottom:24px;padding:24px 16px}.balances-tabs{border-bottom:2px solid #e1e5e9;display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.tab-button{background:transparent;border:none;border-bottom:3px solid transparent;color:#6b7280;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;position:relative;transition:all .2s ease}.tab-button.active,.tab-button:hover{background-color:rgba(163,222,210,.1);color:#1e3a5f}.tab-button.active{border-bottom-color:#a3ded2}.balance-graph-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-top:16px;padding:24px}.graph-wrapper{height:400px;position:relative;width:100%}@media (max-width:999px){.balances-tabs{gap:4px;margin-bottom:16px}.tab-button{font-size:14px;padding:10px 16px}.balance-graph-container{margin-top:12px;padding:16px}.graph-wrapper{height:300px}}.balances-container h2{color:#2e384d;font-size:22px;font-weight:600;margin-bottom:24px;padding-bottom:8px;position:relative;text-align:center}.balances-container h2:after{background:#a3ded2;border-radius:2px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.total-balance-summary{display:flex;justify-content:center;margin-bottom:24px}.total-balance-card{align-items:center;background:linear-gradient(135deg,#1e3a5f,#2c5282);border-radius:12px;box-shadow:0 4px 20px rgba(30,58,95,.2);color:#fff;display:flex;flex-direction:column;gap:8px;min-width:200px;padding:16px 24px}.total-label{font-size:14px;font-weight:500;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.total-amount{font-family:Courier New,monospace;font-size:24px;font-weight:700}.total-amount.positive{color:#4caf50}.total-amount.negative{color:#ff6b6b}.desktop-only{display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.balances-grid{display:grid!important;gap:24px!important;grid-template-columns:repeat(2,1fr)!important;width:100%!important}.balance-item{align-items:center;background-color:#fff;border:none;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.08);display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.balance-item:before{background:linear-gradient(90deg,#1e3a5f,#a3ded2);content:"";height:6px;left:0;position:absolute;top:0;transition:height .3s ease;width:100%}.balance-item:hover:before{height:8px}.balance-item-content{align-items:center;display:flex;flex-direction:column;width:100%}.balance-item label{color:#333;font-size:18px;font-weight:600;margin-bottom:16px}.current-balance{background-color:rgba(67,160,71,.08);border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.05);color:#43a047;font-size:28px;font-weight:700;margin:16px 0;padding:16px 20px;text-align:center;transition:all .3s ease;width:100%}.balance-item:hover .current-balance{box-shadow:0 4px 8px rgba(0,0,0,.08);transform:translateY(-2px)}.current-balance.debt{background-color:rgba(229,57,53,.08);color:#e53935}.current-balance.empty{background-color:rgba(255,207,84,.2);border:1px dashed #ffcf54;color:#1e3a5f;cursor:pointer;font-size:18px;font-style:italic;padding:12px;transition:all .2s ease}.current-balance.empty:hover{background-color:rgba(255,207,84,.3);border-color:#e6b84a;transform:translateY(-1px)}.current-balance.clickable{border-radius:6px;cursor:pointer;transition:all .2s ease}.current-balance.clickable:hover{background-color:rgba(163,222,210,.1);transform:translateY(-1px)}.balance-input-container{align-items:center;display:flex;justify-content:center;margin-bottom:12px;position:relative;width:100%}.balance-input-container input{border:2px solid #bdbdbd;border-radius:8px;font-size:18px;padding:14px 30px 14px 14px;transition:all .3s;width:100%}.balance-input-container input:focus{border-color:#a3ded2;box-shadow:0 0 0 3px rgba(163,222,210,.2);outline:none}.currency-symbol{color:#666;font-size:18px;font-weight:500;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.balance-edit-container{align-items:center;display:flex;flex-direction:column;width:100%}.balance-edit-btn,.balance-save-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:auto;padding:14px;transition:all .3s;width:100%}.balance-edit-btn{background:linear-gradient(135deg,#1e3a5f,#2b4975);box-shadow:0 4px 12px rgba(30,58,95,.3)}.balance-edit-btn:hover{background:linear-gradient(135deg,#2b4975,#3a5a8c);box-shadow:0 6px 16px rgba(30,58,95,.4);transform:translateY(-2px)}.balance-save-btn{background:linear-gradient(135deg,#a3ded2,#88c9b3);box-shadow:0 4px 12px rgba(163,222,210,.3);color:#1e3a5f}.balance-save-btn:hover{background:linear-gradient(135deg,#88c9b3,#6db59f);box-shadow:0 6px 16px rgba(163,222,210,.4);transform:translateY(-2px)}.expected-balance{background-color:#f5f7fa;border:1px solid #eaeaea;border-radius:8px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05);color:#666;display:flex;flex-direction:column;font-size:14px;gap:6px;margin:16px 0;padding:14px;text-align:center;width:100%}.expected-amount{color:#43a047;font-size:20px;font-weight:600;margin-top:4px}.expected-amount.debt{color:#e53935}.savings-goal-progress{margin:12px 0;width:100%}.progress-bar-container{background-color:#e0e0e0;border-radius:7px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);height:14px;margin-bottom:8px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#a3ded2,#88c9b3);box-shadow:0 0 5px rgba(163,222,210,.5);height:100%;transition:width .6s ease-out}.progress-bar.exceeded{background:linear-gradient(90deg,#ffcf54,#f0b429);box-shadow:0 0 5px rgba(255,207,84,.5)}.progress-text{color:#666;font-size:.9rem;text-align:center}.balance-info{margin-top:8px;padding:6px 0;text-align:center;width:100%}.balance-info small{color:#757575;font-style:italic}.mobile-balance-switcher,.mobile-balance-view{display:none}@media (max-width:999px){.mobile-balance-table{border-collapse:collapse;font-size:14px;width:100%}.mobile-balance-table thead{display:none!important}.mobile-balance-table td,.mobile-balance-table th{border-bottom:1px solid #e1e5e9;padding:12px 8px;text-align:left}.mobile-balance-table th{background-color:#f8f9fa;color:#2e384d;font-size:13px;font-weight:600}.mobile-balance-table td{vertical-align:middle}.mobile-balance-table .balance-edit-container{display:flex;flex-direction:column;gap:8px}.mobile-balance-table .balance-input-container{align-items:center;display:flex;gap:4px}.mobile-balance-table .balance-input-container input{border:1px solid #ddd;border-radius:4px;flex:1;font-size:14px;padding:8px}.mobile-balance-table .balance-save-btn{background-color:#43a047}.mobile-balance-table .balance-save-btn,.mobile-balance-table .edit-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.mobile-balance-table .edit-btn{background-color:#1e3a5f}.mobile-balance-table .balance-value,.mobile-balance-table .expected-balance{font-size:14px;font-weight:600}.mobile-balance-table .account-type{color:#2e384d;font-weight:600}@media (max-width:480px){.mobile-balance-table{font-size:12px}.mobile-balance-table td,.mobile-balance-table th{padding:8px 4px}.mobile-balance-table .balance-value,.mobile-balance-table .expected-balance{font-size:22px}.mobile-balance-table .balance-save-btn,.mobile-balance-table .edit-btn{font-size:11px;padding:4px 8px}}}@media (max-width:999px){.balances-container{background:#f5f7fa;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:16px 12px}.balances-container h2{font-size:20px;margin-bottom:15px;padding-bottom:8px}.balances-container h2:after{height:2px;width:80px}.total-balance-summary{margin-bottom:16px}.total-balance-card{min-width:160px;padding:12px 16px}.total-amount{font-size:20px}.mobile-balance-switcher{display:block;margin-bottom:16px}.desktop-only{display:none}.mobile-balance-view{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:block;overflow:hidden;position:relative}.balance-carousel-wrapper{cursor:grab;display:flex;transition:transform .3s ease-in-out;width:500%}.balance-carousel-wrapper:active{cursor:grabbing}.balance-carousel-slide{box-sizing:border-box;flex-shrink:0;min-height:200px;padding:0 8px;width:20%}.carousel-navigation{align-items:center;background:rgba(30,58,95,.05);display:flex;gap:12px;justify-content:center;padding:16px}.carousel-dot{background-color:#d0d0d0;border-radius:50%;cursor:pointer;height:12px;position:relative;transition:all .3s ease;width:12px}.carousel-dot.active{background-color:#1e3a5f;transform:scale(1.2)}.carousel-dot:hover{background-color:#1e3a5f;opacity:.7}.carousel-arrow{align-items:center;background-color:#ff6b35;border:2px solid #fff;border-radius:50%;box-shadow:0 3px 12px rgba(255,107,53,.4);color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;opacity:.9;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:10}.carousel-arrow:hover{background-color:#e55a2b;box-shadow:0 4px 16px rgba(255,107,53,.6);opacity:1;transform:translateY(-50%) scale(1.1)}.carousel-arrow.left{left:10px}.carousel-arrow.right{right:10px}@media (max-width:480px){.carousel-arrow{display:none}.mobile-card-content{padding:16px}}.mobile-balance-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;flex-direction:column;height:100%;margin:8px 0;overflow:hidden}.mobile-card-header{background-color:#1e3a5f;color:#fff;font-size:16px;font-weight:600;padding:12px 16px;text-align:left}.mobile-card-content{display:flex;flex-direction:column;gap:16px;padding:16px 66px}.mobile-credit-balance{background-color:#ffebee;border-radius:6px;color:#e53935;font-size:28px;font-weight:700;padding:16px;text-align:center}.mobile-balance-amount{color:#333;font-size:24px;font-weight:700;text-align:center}.mobile-balance-amount.debt{color:#e53935}.mobile-balance-amount.empty{background-color:rgba(255,207,84,.2);border:1px dashed #ffcf54;border-radius:6px;color:#1e3a5f;cursor:pointer;font-size:18px;font-style:italic;padding:12px;transition:all .2s ease}.mobile-balance-amount.empty:hover{background-color:rgba(255,207,84,.3);border-color:#e6b84a;transform:translateY(-1px)}.mobile-balance-amount.clickable{border-radius:6px;cursor:pointer;padding:12px;transition:all .2s ease}.mobile-balance-amount.clickable:hover{background-color:rgba(163,222,210,.1);transform:translateY(-1px)}.mobile-expected-balance{background-color:#f1f3f5;border-radius:6px;padding:12px;text-align:center}.mobile-expected-amount{color:#43a047;font-size:20px;font-weight:600;margin-top:4px}.mobile-expected-amount.debt{color:#e53935}.mobile-credit-info{color:#757575;font-size:13px;font-style:italic;text-align:center}.mobile-balance-breakdown{background:rgba(30,58,95,.05);border-radius:8px;font-size:.9rem;margin-top:16px;padding:12px}.breakdown-item{align-items:center;border-bottom:1px solid rgba(30,58,95,.1);display:flex;justify-content:space-between;padding:4px 0}.breakdown-item:last-child{border-bottom:none}.breakdown-item.debt{color:#e53935;font-weight:600}.mobile-action-btn{background-color:#1e3a5f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px;transition:background-color .3s;width:100%}.mobile-action-btn:hover{background-color:#2b4975}.mobile-details-btn{background-color:#1e3a5f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px;transition:background-color .3s;width:100%}.mobile-details-btn:hover{background-color:#2b4975}.mobile-savings-goal-progress{margin:5px 0;width:100%}.mobile-progress-bar-container{background-color:#e0e0e0;border-radius:5px;height:10px;margin-bottom:5px;overflow:hidden;width:100%}.mobile-progress-bar{background-color:#a3ded2;height:100%;transition:width .3s ease}.mobile-progress-bar.exceeded{background-color:#ffcf54}.mobile-progress-text{color:#666;font-size:12px;text-align:center}}.last-updated{font-size:12px;width:100%}.last-updated,.mobile-last-updated{background-color:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.05);border-radius:4px;color:#757575;font-style:italic;margin-top:8px;padding:4px 8px;text-align:center}.mobile-last-updated{font-size:11px}.smart-savings-container{background:#f8fafb;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);margin-top:24px;padding:20px}.smart-savings-container .component-header h3{align-items:center;color:#2e384d;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 20px}.smart-savings-content{display:flex;flex-direction:column;gap:20px}.emergency-fund-section{background:#fff;border:1px solid #e1e8ed;border-radius:8px;padding:16px}.toggle-container{margin-bottom:12px}.toggle-label{align-items:center;color:#2e384d;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px}.toggle-input{display:none}.toggle-slider{background-color:#ccc;border-radius:26px;height:26px;position:relative;transition:background-color .3s;width:50px}.toggle-slider:before{background-color:#fff;border-radius:50%;content:"";height:22px;left:2px;position:absolute;top:2px;transition:transform .3s;width:22px}.toggle-input:checked+.toggle-slider{background-color:#a3ded2}.toggle-input:checked+.toggle-slider:before{transform:translateX(24px)}.minimum-savings-input{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:12px}.minimum-savings-input label{align-items:center;color:#495057;display:flex;font-size:14px;gap:8px}.safety-amount-input{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:6px 8px;width:80px}.savings-suggestion{background:#fff;border:1px solid #e1e8ed;border-radius:8px;overflow:hidden}.suggestion-card{padding:20px}.suggestion-header{margin-bottom:16px;text-align:center}.suggestion-amount{color:#a3ded2;font-size:28px;font-weight:700;margin-bottom:4px}.suggestion-percentage{color:#6c757d;font-size:14px;font-weight:500}.suggestion-reasoning{background:#f8f9fa;border-left:4px solid #a3ded2;border-radius:6px;color:#495057;font-size:14px;margin-bottom:16px;padding:12px}.suggestion-actions{text-align:center}.apply-smart-savings-btn{background:linear-gradient(135deg,#a3ded2,#8bc9b8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:10px;padding:12px 24px;transition:all .3s ease}.apply-smart-savings-btn:hover{background:linear-gradient(135deg,#8bc9b8,#7ab5a3);box-shadow:0 4px 12px rgba(163,222,210,.3);transform:translateY(-1px)}.current-vs-suggested{color:#6c757d;font-size:13px;margin-top:8px}.financial-details{border-top:1px solid #e9ecef;margin-top:12px;padding-top:12px}.financial-details small{color:#6c757d;font-size:12px}@media (max-width:768px){.smart-savings-container{margin-top:20px;padding:16px}.smart-savings-content{gap:16px}.suggestion-amount{font-size:24px}.apply-smart-savings-btn{padding:14px;width:100%}.emergency-fund-section,.suggestion-card{padding:16px}}@media (min-width:769px){.balances-table.desktop-only{background:none!important;border-radius:0!important;flex-direction:column!important;gap:20px!important;margin-bottom:24px!important}.balances-table .balance-item,.balances-table.desktop-only{box-shadow:none!important;display:flex!important;padding:0!important;width:100%!important}.balances-table .balance-item{align-items:center!important;background-color:#fff!important;border:1.5px solid #e1e5e9!important;border-radius:12px!important;flex-direction:row!important;height:auto!important;justify-content:flex-start!important;margin-bottom:0!important;min-height:70px!important;overflow:hidden!important}.balances-table .balance-item-content{align-items:center!important;display:flex!important;flex:1 1 0%;flex-direction:row!important;gap:0!important;min-width:0;padding:0 0 0 24px}.balances-table .balance-item label{color:#2e384d!important;flex-shrink:0!important;font-size:18px!important;font-weight:600!important;margin-right:12px!important;min-width:160px!important;text-align:left!important}.balances-table .balance-edit-container,.balances-table .current-balance,.balances-table .expected-balance{align-items:center;background:#eafaf1!important;border:none!important;border-radius:8px!important;box-shadow:none!important;color:#43a047!important;display:flex;flex:1 1 0%;font-size:20px!important;font-weight:600!important;justify-content:flex-start;margin:0 12px 0 0!important;min-width:0;padding:12px 18px!important}.balances-table .current-balance.debt{background:#fdeaea!important;color:#e53935!important;font-weight:700!important}.balances-table .current-balance.empty{background:#fdf6e3!important;border:1px dashed #ffcf54!important;color:#1e3a5f!important;font-size:16px!important;font-style:italic!important;padding:12px 18px!important}.balances-table .current-balance.clickable{cursor:pointer!important;transition:all .2s ease!important}.balances-table .current-balance.clickable:hover{background-color:rgba(163,222,210,.1)!important;transform:translateY(-1px)!important}.balances-table .balance-edit-btn,.balances-table .balance-save-btn{align-self:center;background:#a3ded2!important;border:none!important;border-radius:8px!important;box-shadow:none!important;color:#1e3a5f!important;cursor:pointer!important;font-size:16px!important;font-weight:600!important;margin:0 24px 0 0!important;min-width:120px!important;padding:12px 0!important;transition:background .2s}.balances-table .balance-edit-btn:hover,.balances-table .balance-save-btn:hover{background:#8bcdbf!important}.balances-table .balance-edit-container{align-items:center!important;display:flex!important;flex-direction:row!important;gap:12px!important;width:100%!important}.balances-table .balance-input-container{align-items:center;display:flex;flex:1 1 0%;margin-right:12px;min-width:0;position:relative}.balances-table .balance-input-container input{background:#f7fafc;border:1.5px solid #bdbdbd;border-radius:8px;color:#2e384d;font-size:18px;padding:12px 36px 12px 12px;width:100%}.balances-table .balance-input-container input:focus{border-color:#a3ded2!important;box-shadow:0 0 0 2px rgba(163,222,210,.1)!important;outline:none!important}.balances-table .currency-symbol{color:#666;font-size:18px;font-weight:500;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.balances-table .last-updated{color:#757575!important;font-size:13px!important;margin-left:8px!important;min-width:100px!important}.balances-table .savings-goal-progress{min-width:140px!important}.balances-table .expected-balance{min-width:120px!important}.balances-table .balance-info{color:#757575!important;font-size:13px!important;font-style:italic!important;margin-left:8px!important;min-width:100px!important}}.percentage-input-container{align-items:center;display:flex;position:relative;width:100%}.percentage-input-container input{background:#fff;border:2px solid #e1e5e9;border-radius:8px;color:#333;font-size:16px;font-weight:600;padding:12px 40px 12px 16px;transition:all .2s ease;width:100%}.percentage-input-container input:focus{border-color:#7c5dfa;box-shadow:0 0 0 3px rgba(124,93,250,.1);outline:none}.percentage-symbol{color:#6c757d;font-size:16px;font-weight:600;pointer-events:none;position:absolute;right:16px}.percentage-help{color:#6c757d;font-size:12px;line-height:1.4;margin-top:4px}.first-goal-notice{align-items:center;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #bbdefb;border-radius:8px;display:flex;gap:8px;margin-top:8px;padding:12px 16px}.notice-icon{color:#1976d2;flex-shrink:0;font-size:16px}.notice-text{color:#1976d2;font-size:14px;font-weight:500;line-height:1.4}.calculation-results{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-top:20px;padding:20px}.calculation-results h5{color:#495057;font-size:18px;font-weight:600;margin:0 0 16px;text-align:center}.result-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.result-item:last-child{border-bottom:none}.result-item span:first-child{color:#6c757d;font-weight:500}.result-item span:last-child{color:#495057;font-weight:600}.result-item.achievable{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:6px;margin:4px 0;padding:8px 12px}.result-item.not-achievable{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-radius:6px;margin:4px 0;padding:8px 12px}.result-item.shortfall{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-radius:6px;color:#856404;margin:4px 0;padding:8px 12px}.result-item.shortfall span:first-child{color:#856404}.result-item.shortfall span:last-child{color:#856404;font-weight:700}.goal-percentage{align-items:center;display:flex;gap:8px;margin-left:auto;margin-right:12px}.percentage-label{color:#6c757d;font-size:12px;font-weight:500}.percentage-value{background:linear-gradient(135deg,#7c5dfa,#a28bff);border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:32px;padding:4px 8px;text-align:center}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.2);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:24px 24px 16px}.modal-header h3{color:#2e384d;font-size:20px;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.close-btn:hover{background:#f8f9fa;color:#333}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#2e384d;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{background:#fff;border:2px solid #e1e5e9;border-radius:8px;color:#333;font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#7c5dfa;box-shadow:0 0 0 3px rgba(124,93,250,.1);outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:0 24px 24px}.cancel-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-btn{background:#f8f9fa;color:#6c757d}.cancel-btn:hover{background:#e9ecef;color:#333}.save-btn{background:linear-gradient(135deg,#7c5dfa,#a28bff);color:#fff}.save-btn:hover:not(:disabled){box-shadow:0 4px 12px rgba(124,93,250,.3);transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.savings-goals-list{display:flex;flex-direction:column;gap:16px}.savings-goal-item{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:16px}.goal-header{align-items:center;display:flex;margin-bottom:12px}.goal-header h5{color:#2e384d;flex:1;font-size:16px;font-weight:600;margin:0}.delete-btn{align-items:center;background:#ff6b6b;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;transition:all .2s ease;width:24px}.delete-btn:hover{background:#e53935;transform:scale(1.1)}.goal-progress,.progress-bar{margin-bottom:8px}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#7c5dfa,#a28bff);height:100%;transition:width .3s ease}.goal-date,.progress-text{color:#6c757d;font-size:12px;font-weight:500}.no-goals-text{color:#6c757d;font-style:italic;padding:24px;text-align:center}.balance-display-container{align-items:center;display:flex;flex-direction:column;gap:4px}.last-update-info{color:#666;font-size:11px;line-height:1.2;text-align:center}.last-update-info small{display:block}.update-source{border-radius:4px;font-size:10px;font-weight:500;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.update-source.user{background-color:#e3f2fd;color:#1976d2}.update-source.automatic_expense{background-color:#fff3e0;color:#f57c00}.update-source.new_expense{background-color:#e8f5e8;color:#388e3c}.balance-updates-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px}.balance-updates-content h3{color:#1e3a5f;font-size:20px;font-weight:600;margin:0 0 20px;text-align:center}.balance-updates-list{display:flex;flex-direction:column;gap:16px}.balance-update-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;transition:all .2s ease}.balance-update-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.balance-update-item.manual{border-left:4px solid #007bff}.balance-update-item.automatic{border-left:4px solid #28a745}.update-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.update-date{color:#6c757d;font-size:14px;font-weight:500}.update-type{border-radius:12px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.update-type.manual{background-color:#e3f2fd;color:#1976d2}.update-type.automatic{background-color:#e8f5e8;color:#388e3c}.update-details{display:flex;flex-direction:column;gap:8px}.update-account{color:#1e3a5f;font-size:16px}.update-balance-change{display:flex;flex-direction:column;font-size:14px;gap:4px}.new-balance,.previous-balance{color:#6c757d}.change-amount{font-size:16px;font-weight:600}.change-amount.positive{color:#28a745}.change-amount.negative{color:#dc3545}.update-details-text,.update-source{color:#6c757d;font-size:12px;font-style:italic;margin-top:4px}.expense-details{background:rgba(0,0,0,.03);border-left:3px solid #6c757d;border-radius:6px;margin-top:12px;padding:8px 12px}.expense-details strong{color:#495057;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.expense-item{color:#6c757d;font-size:12px;margin:4px 0;padding-left:8px}.expense-category{color:#868e96;font-style:italic}.update-account-section{border-bottom:1px solid #e9ecef;margin-bottom:12px;padding-bottom:8px}.update-account-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.balance-updates-empty,.balance-updates-loading,.balance-updates-no-period{color:#6c757d;font-style:italic;padding:40px 20px;text-align:center}.balance-updates-empty p,.balance-updates-loading p,.balance-updates-no-period p{font-size:16px;margin:0}@media (max-width:768px){.balance-updates-container{padding:16px}.balance-updates-content h3{font-size:18px;margin-bottom:16px}.balance-update-item{padding:12px}.update-header{align-items:flex-start;flex-direction:column;gap:8px}.update-balance-change{font-size:13px}.change-amount{font-size:15px}}.monthly-expenses-container{margin:0 auto;max-width:1200px;padding:20px}.monthly-expenses-container h2{color:#2e384d;font-size:24px;font-weight:600;margin-bottom:8px;text-align:center}.period-label{color:#666;font-size:14px;font-weight:500;margin-bottom:24px;text-align:center}.expense-summary-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.summary-card{align-items:center;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);display:flex;gap:16px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.15);transform:translateY(-2px)}.card-icon{align-items:center;border-radius:12px;color:#fff;display:flex;justify-content:center}.card-content{flex:1}.card-title{color:#666;font-size:14px;font-weight:500;margin-bottom:4px}.card-value{color:#1e3a5f;font-size:24px;font-weight:700;margin-bottom:4px}.card-subtitle{color:#999;font-size:12px}.expenses-controls{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);gap:16px;justify-content:space-between;margin-bottom:24px;padding:20px}.controls-left,.expenses-controls{align-items:center;display:flex;flex-wrap:wrap}.controls-left{gap:20px}.controls-right{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.period-selector{align-items:center;display:flex;gap:8px;justify-content:space-around}.period-selector label{color:#2e384d;font-size:14px;font-weight:600}.period-selector select{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;max-width:100px;padding:8px 12px}.view-toggle{background:#f5f5f5;border-radius:8px;display:flex;gap:4px;padding:4px}.toggle-btn{background:transparent;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.toggle-btn.active{background:#1e3a5f;color:#fff}.search-box input{border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:200px;padding:8px 12px}.sort-controls{align-items:center;display:flex;gap:8px}.sort-controls label{color:#2e384d;font-size:14px;font-weight:600}.sort-controls select{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px}.add-expense-btn{background:linear-gradient(135deg,#1e3a5f,#2c5282);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.add-expense-btn:hover{box-shadow:0 4px 12px rgba(30,58,95,.3);transform:translateY(-1px)}.expenses-list-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden}.expense-tabs{border-bottom:2px solid #e5e7eb}.expense-tabs,.tab-navigation{display:flex;margin-bottom:20px}.tab-navigation{align-items:center;gap:4px;justify-content:space-between;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{background:transparent;border:none;border-radius:8px 8px 0 0;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;margin-right:4px;padding:12px 24px;position:relative;transition:all .2s ease}.tab-button.active{background:#7c3aed;border-bottom:2px solid #7c3aed;color:#fff}.tab-button:hover:not(.active){background:#f3f4f6;color:#374151}.categories-view{margin-top:20px}.category-group{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);margin-bottom:24px;overflow:hidden}.category-header{align-items:center;background:linear-gradient(90deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.category-header h3{color:#374151;font-size:16px;font-weight:600;margin:0}.category-header p{color:#6b7280;font-size:14px;margin:4px 0 0}.category-expenses{padding:12px 20px}.category-expense-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0;transition:background-color .2s ease}.category-expense-item:hover{background-color:rgba(124,58,237,.05);border-radius:4px;margin:0 -12px;padding:8px 12px}.category-expense-item .expense-details{flex:1}.category-expense-item .expense-actions{display:flex;gap:8px}.category-expense-item .expense-actions button{border-radius:4px;font-size:12px;padding:4px 6px;transition:all .2s ease}.no-categories{color:#6b7280;font-size:16px;font-style:italic;padding:40px 20px;text-align:center}.charts-view{margin-top:20px}.charts-container{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:24px}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);padding:24px;transition:box-shadow .2s ease}.chart-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.chart-card h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 20px}.pie-chart-container{align-items:center;display:flex;height:300px;justify-content:center;position:relative}.pie-chart-wrapper{height:100%;position:relative;width:100%}.pie-chart-legend{margin-top:20px;max-height:200px;overflow-y:auto}.pie-chart-legend>div{align-items:center;display:flex;margin-bottom:8px;padding:4px 0}.bar-chart-container{align-items:end;border-bottom:2px solid #e5e7eb;display:flex;height:300px;justify-content:space-around;padding:20px 0;position:relative}.bar-chart-container>div{align-items:center;display:flex;flex:1;flex-direction:column;margin:0 4px}.bar-chart-container>div>div:first-child{align-items:end;background-color:#7c3aed;border-radius:4px 4px 0 0;cursor:pointer;display:flex;justify-content:center;margin-bottom:8px;max-width:40px;position:relative;transition:all .3s ease;width:100%}.bar-chart-container>div>div:first-child:hover{background-color:#6d28d9;transform:translateY(-2px)}.monthly-category-breakdown{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);padding:24px}.category-trends-table{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.category-trends-table table{background:#fff;border-collapse:collapse;width:100%}.category-trends-table th{background:#f8fafc;border-bottom:2px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;padding:12px;text-align:left}.category-trends-table td{border-bottom:1px solid #f3f4f6;color:#6b7280;font-size:14px;padding:12px}.category-trends-table tr:hover{background:#f8fafc}.category-trends-table tr:last-child td{border-bottom:none}.expenses-list{max-height:600px;overflow-y:auto}.expense-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px;transition:background-color .2s ease}.expense-item:hover{background-color:rgba(163,222,210,.05)}.expense-item:last-child{border-bottom:none}.expense-item.recurring{border-left:4px solid #4caf50}.expense-item.variable{border-left:4px solid #ff9800}.expense-info{flex:1}.expense-name{align-items:center;color:#2e384d;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:4px}.recurring-badge{color:#4caf50;font-size:12px}.expense-meta{color:#666;display:flex;font-size:14px;gap:16px}.expense-category{background:rgba(30,58,95,.1);border-radius:4px;color:#1e3a5f;font-size:12px;font-weight:500;padding:2px 8px}.expense-actions{align-items:center;display:flex;gap:16px}.expense-amount{color:#1e3a5f;font-family:Courier New,monospace;font-size:18px;font-weight:700}.action-buttons{display:flex;gap:8px}.delete-btn,.edit-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px;transition:background-color .2s ease}.edit-btn:hover{background-color:rgba(30,58,95,.1)}.delete-btn:hover{background-color:rgba(229,57,53,.1)}.no-expenses{color:#666;padding:60px 20px;text-align:center}.no-expenses-icon{font-size:48px;margin-bottom:16px}.no-expenses-text{font-size:16px;margin-bottom:20px}.add-first-expense-btn{background:#1e3a5f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.add-first-expense-btn:hover{background:#2c5282;transform:translateY(-1px)}.expenses-analytics{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:24px}.analytics-grid{display:grid;gap:24px;grid-template-columns:2fr 1fr}.analytics-card{background:#f8f9fa;border-radius:8px;padding:20px}.analytics-card h3{color:#2e384d;font-size:18px;font-weight:600;margin:0 0 16px}.category-list{gap:12px}.category-item,.category-list{display:flex;flex-direction:column}.category-item{gap:4px}.category-info{align-items:center;display:flex;font-size:14px;justify-content:space-between}.category-name{color:#2e384d;font-weight:500}.category-amount{color:#1e3a5f;font-family:Courier New,monospace;font-weight:600}.category-bar{background:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;width:100%}.category-fill{border-radius:4px;height:100%;transition:width .6s ease-out}.trend-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:8px 0}.trend-item:last-child{border-bottom:none}.trend-value{color:#1e3a5f;font-family:Courier New,monospace;font-weight:600}.expenses-list-filter-controls{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);margin-bottom:20px;padding:20px}.filter-controls-single-row{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start}@media (max-width:768px){.filter-controls-single-row{align-items:stretch;flex-direction:column;gap:16px}.filter-group{flex:1}}.filter-controls-primary{border-bottom:1px solid #e9ecef;margin-bottom:16px;padding-bottom:16px}.filter-controls-primary,.filter-controls-secondary{align-items:center;display:flex;gap:24px;justify-content:space-between}.filter-group{display:flex;flex-direction:column;flex-shrink:0;gap:8px;min-width:0}.search-group{flex:1;min-width:200px}.filter-group label{color:#495057;font-size:14px;font-weight:600;margin-bottom:4px}.filter-select{background:#fff;border:1px solid #ced4da;border-radius:8px;color:#495057;font-size:14px;min-width:120px;padding:10px 12px;transition:all .2s ease}.filter-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.1);outline:none}.sort-controls-wrapper{align-items:center;display:flex;gap:8px}.sort-direction-btn{align-items:center;background:#fff;border:1px solid #ced4da;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;min-width:44px;padding:10px 12px;transition:all .2s ease}.sort-direction-btn:hover{background:#f8f9fa;border-color:#adb5bd;transform:translateY(-1px)}.sort-direction-btn:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.1);outline:none}.filter-checkboxes{display:flex;gap:16px}.checkbox-label{align-items:center;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:6px 8px;transition:background-color .2s ease}.checkbox-label:hover{background:rgba(124,58,237,.05)}.checkbox-label input[type=checkbox]{accent-color:#7c3aed;cursor:pointer;height:16px;width:16px}.checkbox-text{font-weight:500;user-select:none}.search-input{background:#fff;border:1px solid #ced4da;border-radius:8px;box-sizing:border-box;color:#495057;font-size:14px;max-width:100%;padding:10px 12px;transition:all .2s ease;width:100%}.search-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.1);outline:none}.search-input::placeholder{color:#adb5bd}@media (max-width:1024px){.filter-controls-primary,.filter-controls-secondary{align-items:stretch;flex-direction:column;gap:16px}.filter-group{align-items:center;flex-direction:row;gap:12px;justify-content:space-between}.filter-group label{margin-bottom:0;min-width:80px}.filter-select,.search-input{flex:1;min-width:0}.sort-controls-wrapper{flex:1}.filter-checkboxes{flex:1;justify-content:flex-start}}@media (max-width:768px){.expenses-list-filter-controls{margin-bottom:16px;padding:16px}.filter-controls-primary{margin-bottom:12px;padding-bottom:12px}.filter-group{align-items:stretch;flex-direction:row;gap:8px}.filter-group label{margin-bottom:4px;min-width:auto}.filter-select,.search-input{width:100%}.filter-checkboxes,.sort-controls-wrapper{flex-direction:row;gap:8px}.filter-checkboxes{width:250pxpx}.checkbox-label{border-radius:6px;padding:8px 12px}.checkbox-label:hover{background:#f8f9fa;border-color:#7c3aed}}@media (max-width:480px){.expenses-list-filter-controls{border-radius:8px;padding:12px}.filter-controls-primary,.filter-controls-secondary{gap:12px}.filter-group label{font-size:13px}.filter-select,.search-input,.sort-direction-btn{font-size:13px;padding:8px 10px}.sort-direction-btn{min-width:40px}.checkbox-label{font-size:13px;padding:6px 8px}.checkbox-text{font-size:10px}}@media (max-width:768px){.monthly-expenses-container{padding:16px}.expense-summary-grid{gap:16px;grid-template-columns:1fr}.expenses-controls{align-items:stretch;flex-direction:column}.controls-left,.controls-right{justify-content:center}.analytics-grid{grid-template-columns:1fr}.expense-item{align-items:flex-start;flex-direction:column;gap:12px}.expense-actions{align-self:flex-end}.expense-meta{flex-direction:column;gap:4px}.expense-tabs{align-items:center;display:flex;flex-direction:row;justify-content:space-between;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:4px}.tab-button{flex:1;font-size:13px;min-width:auto;padding:10px 16px;text-align:center;white-space:nowrap}.category-expense-item,.category-header{align-items:flex-start;flex-direction:column;gap:8px}.category-expense-item .expense-actions{align-self:flex-end}.charts-container{gap:16px;grid-template-columns:1fr}.chart-card{padding:16px}.pie-chart-container{height:280px}.bar-chart-container{flex-wrap:wrap;height:280px;padding:16px 0}.bar-chart-container>div{margin:0 4px;min-width:60px}.bar-chart-container>div>div:first-child{max-width:35px;min-height:20px}.category-trends-table{font-size:12px}.category-trends-table td,.category-trends-table th{padding:8px 4px;word-wrap:break-word}.pie-chart-legend{margin-top:16px;max-height:150px}.pie-chart-legend>div{font-size:13px;margin-bottom:6px}.pie-chart-legend span{font-size:13px;line-height:1.3}}@media (max-width:480px){.controls-left,.controls-right{flex-direction:column;width:100%}.period-selector,.sort-controls{width:100%}.search-box input{min-width:auto;width:100%}.expense-tabs,.tab-navigation{align-items:center;display:flex;flex-direction:row;gap:2px;justify-content:space-between}.tab-navigation{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{flex:1;font-size:12px;min-width:0;overflow:hidden;padding:8px 12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.category-header{padding:12px 16px}.category-expenses{padding:8px 16px}.category-expense-item:hover{margin:0 -16px;padding:8px 16px}.chart-card{margin-bottom:16px;padding:12px}.chart-card h3{font-size:16px;margin-bottom:16px;text-align:center}.pie-chart-container{height:250px}.bar-chart-container{height:220px;overflow-x:auto;padding:12px 0;-webkit-overflow-scrolling:touch;justify-content:flex-start}.bar-chart-container>div{flex-shrink:0;margin:0 1px;min-width:50px}.bar-chart-container>div>div:first-child{max-width:30px;min-height:15px}.bar-chart-container>div>div:first-child>div{font-size:8px;margin-bottom:2px;text-orientation:mixed;transform:none;writing-mode:vertical-rl}.bar-chart-container>div>div:last-child{align-items:center;display:flex;font-size:10px;height:40px;justify-content:center;text-orientation:mixed;writing-mode:vertical-rl}.pie-chart-legend{margin-top:12px;max-height:120px;overflow-y:auto}.pie-chart-legend>div{font-size:12px;margin-bottom:4px;padding:2px 0}.pie-chart-legend span{font-size:11px;line-height:1.2}.pie-chart-legend>div>div{flex-shrink:0;height:12px;margin-right:6px;width:12px}.category-trends-table{border-radius:6px;font-size:10px}.category-trends-table td,.category-trends-table th{font-size:9px;line-height:1.2;padding:4px 2px}.category-trends-table th{font-size:10px;font-weight:600}.monthly-category-breakdown{padding:12px}.monthly-category-breakdown h3{font-size:14px;margin-bottom:12px;text-align:center}.pie-chart-wrapper svg{touch-action:manipulation}.category-trends-table{-webkit-overflow-scrolling:touch}.charts-view{margin-top:12px}.expense-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.expense-tabs::-webkit-scrollbar{display:none}.charts-container{display:flex;flex-direction:column;gap:12px}.bar-chart-container>div>div:first-child{min-width:35px;touch-action:manipulation}.pie-chart-legend span{hyphens:auto;word-break:break-word}}.chart-modal-overlay{align-items:center;background-color:rgba(0,0,0,.75);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.chart-modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.2);max-height:90vh;max-width:1200px;overflow:auto;padding:20px;position:relative;width:90%}.chart-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s ease;width:32px}.chart-modal-close:hover{background-color:rgba(0,0,0,.1);color:#333}.chart-modal-body{margin-top:10px}@media (prefers-color-scheme:dark){.chart-modal-content{background:#1a1a1a}.chart-modal-close{color:#e2e8f0}.chart-modal-close:hover{background-color:hsla(0,0%,100%,.1);color:#fff}}.about-overlay,.contact-overlay,.import-preview-overlay,.profile-popup-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:40px 20px;position:fixed;right:0;top:0;z-index:10000}.about-modal,.contact-modal,.import-preview-modal,.profile-popup-modal{animation:slide-up .4s ease-out;background-color:#fff;border-radius:20px;box-shadow:0 8px 30px rgba(30,58,95,.15);margin:auto;max-height:80vh;max-width:600px;overflow:hidden;position:relative;width:90%}.add-limit-overlay,.credit-tracker-overlay,.edit-expense-overlay,.edit-income-overlay,.edit-percentage-overlay,.modal-overlay,.profile-popup-overlay,.spending-limits-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.add-limit-modal,.credit-tracker-modal,.edit-expense-modal,.edit-income-modal,.edit-percentage-modal,.modal-content,.profile-popup-modal,.spending-limits-modal{animation:slide-up .4s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);margin:auto;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:90%}.income-header,.modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 30px 20px}.income-header h2,.modal-header h2,.modal-header h3{color:#1a1a1a;font-size:20px;font-weight:600;line-height:1.2;margin:0;padding-top:20px}.close-btn,.income-close-btn,.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.close-btn:hover,.income-close-btn:hover,.modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.income-content .budget-period-note,.income-content .field-group label,.income-content .income-actions,.income-content .total-income,.income-content input,.income-content label,.income-content p,.income-content select{color:#333!important}.income-content input,.income-content select{background-color:#fff!important;border:1px solid #ddd!important;color:#333!important}.income-content input::placeholder,.income-content select::placeholder{color:#999!important}.income-content .budget-period-note{color:#666!important;font-size:14px!important;margin-bottom:20px!important}.income-content .total-income{background-color:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:8px!important;color:#333!important;font-weight:600!important;margin:20px 0!important;padding:15px!important}.income-content .income-field-row{background-color:#f8f9fa!important;border:1px solid #3a3e42!important;border-radius:8px!important;margin-bottom:15px!important;padding:20px!important;position:relative!important}.income-content .field-group{margin-bottom:15px!important}.income-content .field-group label{color:#333!important;display:block!important;font-size:14px!important;font-weight:600!important;margin-bottom:8px!important}.income-content .field-group input{background-color:#fff!important;border:1px solid #999!important;border-radius:6px!important;color:#333!important;font-size:14px!important;padding:12px!important;width:100%!important}.income-content .field-group input:focus{border-color:#1e3a5f!important;box-shadow:0 0 0 3px rgba(30,58,95,.1)!important;outline:none!important}.income-content .remove-field{align-items:center!important;background:#dc3545!important;border:none!important;border-radius:50%!important;box-shadow:0 2px 4px rgba(220,53,69,.3)!important;color:#000!important;cursor:pointer!important;display:flex!important;font-size:20px!important;font-weight:700!important;height:32px!important;justify-content:center!important;position:absolute!important;right:10px!important;top:10px!important;transition:all .2s ease!important;width:32px!important}.income-content .remove-field:hover{background:#c82333!important;box-shadow:0 4px 8px rgba(220,53,69,.4)!important;transform:scale(1.1)!important}.income-content .add-field{background:#28a745!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;margin-top:15px!important;padding:10px 20px!important}.income-content .income-actions{margin-top:20px!important;text-align:center!important}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group.checkbox{align-items:center!important;flex-direction:row!important;gap:12px!important}.form-group.checkbox label{align-items:center!important;cursor:pointer!important;display:flex!important;gap:8px!important;margin-bottom:0!important}.form-group.checkbox input[type=checkbox]{cursor:pointer!important;height:18px!important;margin:0!important;width:18px!important}.form-group.checkbox span{color:#333!important;font-size:14px!important;font-weight:500!important}.credit-summary{background-color:#f5f7fa;border:none;border-radius:12px;display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px}.summary-item{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;justify-content:space-between;padding:14px 16px;transition:transform .2s ease}.summary-item:active{transform:scale(.98)}.summary-label{color:#1a237e;font-size:15px;font-weight:500}.summary-value{color:#43a047;font-size:18px;font-weight:700}.summary-value.debt{color:#e53935}.credit-details{margin-top:30px}.credit-details h3{color:#1a237e;font-size:20px;font-weight:600;margin-bottom:16px;position:relative;text-align:center}.credit-details h3:after{background:linear-gradient(90deg,#3f51b5,#2196f3);border-radius:3px;bottom:-8px;content:"";display:none;height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.credit-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:20px}.credit-table{border-collapse:collapse;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.08);overflow:hidden;width:100%}.credit-table thead{background:linear-gradient(90deg,#3f51b5,#2196f3);color:#fff}.credit-table th{font-size:15px;font-weight:600;padding:14px 16px;text-align:left;white-space:nowrap}.credit-table td{border-top:1px solid #e8e8e8;color:#333;font-size:15px;padding:14px 16px}.credit-table tbody tr{background-color:#fff;transition:background-color .2s}.credit-table tbody tr:nth-child(odd){background-color:#f5f7fa}.credit-table tbody tr:hover{background-color:rgba(33,150,243,.05)}.no-credit-expenses{background-color:#f5f7fa;border-radius:8px;color:#9e9e9e;font-style:italic;margin-top:20px;padding:30px 0;text-align:center}.mobile-credit-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.mobile-credit-item{background-color:#f8fafc;border-left:3px solid #2196f3;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:16px}.mobile-credit-name{color:#1a237e;font-size:16px;font-weight:600;margin-bottom:10px}.mobile-credit-details{display:flex;font-size:14px;justify-content:space-between;margin-top:8px;padding-top:4px}.mobile-detail-label{color:#666}.mobile-detail-value{color:#333;font-weight:600}.pull-to-refresh{color:#2196f3;font-size:13px;margin-top:16px;padding:10px 0;text-align:center}.form-group label{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #ddd;border-radius:8px;color:#333;font-size:14px;padding:12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1e3a5f;box-shadow:0 0 0 3px rgba(30,58,95,.1);outline:none}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{padding-right:36px;width:100%}.currency-symbol{color:#666;font-size:14px;font-weight:500;pointer-events:none;position:absolute;right:12px}.edit-form-actions,.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.add-btn,.cancel-btn,.edit-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:12px 24px;text-align:center;transition:all .2s ease}.cancel-btn{background:#f5f5f5;border:1px solid #ddd;color:#666}.cancel-btn:hover{background:#e0e0e0;color:#333}.add-btn,.save-btn{background:#1e3a5f;box-shadow:0 2px 4px rgba(30,58,95,.2);color:#fff}.add-btn:hover,.save-btn:hover{background:#2c5282;box-shadow:0 4px 8px rgba(30,58,95,.3);transform:translateY(-1px)}.add-btn:disabled,.save-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.add-limit-inline{animation:slide-up .4s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);margin:auto;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:90%}.add-limit-inline .modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 30px 20px}.add-limit-inline .modal-header h2{color:#1a1a1a;font-size:20px;font-weight:600;line-height:1.2;margin:0}.add-limit-inline .modal-content{padding:30px}.add-limit-inline .modal-actions{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding:20px 30px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media screen and (max-width:999px){.add-limit-overlay,.credit-tracker-overlay,.edit-expense-overlay,.edit-income-overlay,.edit-percentage-overlay,.modal-overlay,.profile-popup-overlay,.spending-limits-overlay{align-items:flex-start!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#fff!important;bottom:0!important;display:flex!important;justify-content:flex-start!important;left:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;z-index:10000!important}.add-limit-inline,.add-limit-modal,.credit-tracker-modal,.edit-expense-modal,.edit-income-modal,.edit-percentage-modal,.modal-content,.profile-popup-modal,.spending-limits-modal{border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;margin:0!important;max-height:100vh!important;max-width:100%!important;min-height:100vh!important;overflow:hidden!important;position:relative!important;width:100%!important}.add-limit-inline .modal-header,.income-header,.modal-header{background-color:#fff!important;border-bottom:1px solid #e5e7eb!important;padding:20px 60px 16px 24px!important;position:sticky!important;position:relative!important;top:0!important;width:-webkit-fill-available;z-index:10!important}.add-limit-inline .modal-header h2,.income-header h2,.modal-header h2,.modal-header h3{font-size:20px!important;font-weight:600!important}.add-limit-inline .modal-content,.income-content,.modal-body,.modal-content{align-items:center!important;display:flex!important;flex:1!important;flex-direction:column!important;max-width:100%!important;overflow-y:auto!important;padding:0!important;width:-webkit-fill-available;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.modal-body form,.modal-body>div{max-width:500px!important}.credit-details,.credit-summary,.form-group,.income-field-row,.modal-body form,.modal-body>div{align-items:center!important;display:flex!important;flex-direction:column!important;width:100%!important}.credit-details,.credit-summary,.form-group,.income-field-row{max-width:100%!important}.income-content{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;flex:1!important;overscroll-behavior:contain!important;width:100%!important}.modal-body .user-profile{box-shadow:none!important;margin:0!important}.modal-body .user-profile,.modal-body .user-profile-details{background:none!important;border:none!important;max-width:100%!important;padding:0!important;width:100%!important}.modal-body .profile-info-row{background-color:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:8px!important;box-sizing:border-box!important;margin-bottom:12px!important;max-width:100%!important;padding:10px!important;width:100%!important}.modal-body .profile-info-label{font-weight:600!important;margin-bottom:8px!important}.modal-body .profile-info-label,.modal-body .profile-info-value{color:#333!important;display:block!important;width:100%!important}.field-group,.field-group input,.field-group label,.field-group select{text-align:center!important;width:100%!important}.summary-item{margin:0 auto!important;max-width:400px!important;width:100%!important}.credit-table-wrapper{display:flex!important;justify-content:center!important;width:100%!important}.credit-table{max-width:400px!important;width:100%!important}.add-limit-inline .modal-actions,.edit-form-actions,.modal-actions{background-color:#fff!important;border-top:1px solid #e5e7eb!important;bottom:0!important;margin-bottom:0!important;margin-top:0!important;padding:16px 24px 0!important;position:sticky!important;width:-webkit-fill-available;z-index:10!important}.add-btn,.cancel-btn,.edit-btn,.save-btn{border-radius:8px!important;font-size:16px!important;font-weight:600!important;min-width:120px!important}.credit-summary{gap:12px;margin-bottom:20px;padding:15px}.summary-item{padding:12px}.summary-label{font-size:14px}.summary-value{font-size:16px}.credit-details h3{font-size:18px;margin-bottom:18px}.credit-table{display:block;overflow-x:auto;white-space:nowrap}.credit-table td,.credit-table th{font-size:14px;padding:12px}.mobile-credit-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.mobile-credit-item{background-color:#f8fafc;border-left:3px solid #2196f3;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:16px}.mobile-credit-name{color:#1a237e;font-size:16px;font-weight:600;margin-bottom:10px}.mobile-credit-details{display:flex;font-size:14px;justify-content:space-between;margin-top:8px;padding-top:4px}.mobile-detail-label{color:#666}.mobile-detail-value{color:#333;font-weight:600}.no-credit-expenses{font-size:14px;padding:25px 0}.pull-to-refresh{color:#2196f3;font-size:13px;margin-top:16px;padding:10px 0;text-align:center}.close-btn{align-items:center!important;background-color:#f3f4f6!important;border-radius:50%!important;display:flex!important;font-size:18px!important;height:30px!important;justify-content:center!important;position:absolute!important;right:5px!important;top:20px!important;transition:all .2s ease!important;width:30px!important;z-index:20!important}.close-btn:hover{background-color:#e5e7eb!important;transform:scale(1.1)!important}}body.modal-open{overflow:hidden!important}body.modal-open #root,body.modal-open .app-content,body.modal-open .balances-container,body.modal-open .budget-container,body.modal-open .container,body.modal-open .content,body.modal-open .current-balances-container,body.modal-open .expenses-container,body.modal-open .expenses-list-container,body.modal-open .grid-container,body.modal-open .projections-and-goals,body.modal-open .savings-goals-container,body.modal-open .spending-limits-container,body.modal-open main{overflow:hidden!important;pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}body.modal-open .add-limit-overlay,body.modal-open .credit-tracker-overlay,body.modal-open .edit-expense-overlay,body.modal-open .edit-income-overlay,body.modal-open .edit-percentage-overlay,body.modal-open .modal-content,body.modal-open .modal-overlay,body.modal-open .spending-limits-overlay{pointer-events:auto!important;user-select:auto!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important}@media screen and (max-width:999px){body.modal-open{height:100%!important;position:fixed!important;width:100%!important}body.modal-open .mobile-header,body.modal-open .mobile-menu-backdrop,body.modal-open .mobile-menu-bar,body.modal-open .mobile-menu-blurred,body.modal-open .mobile-menu-blurred-header,body.modal-open .mobile-menu-container,body.modal-open .mobile-menu-header,body.modal-open .mobile-menu-overlay,body.modal-open .mobile-menu-toggle-btn,body.modal-open .mobile-menu-wrapper,body.modal-open .mobile-nav{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;z-index:-1!important}}.import-preview-list{max-height:60vh;overflow-y:auto;padding:1rem 0}.import-preview-item{align-items:center;border-bottom:1px solid #eee;display:flex;gap:1rem;padding:1rem}.import-preview-details{align-items:center;display:grid;flex:1;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr}.import-preview-amount input,.import-preview-category select,.import-preview-date input,.import-preview-name input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.5rem;width:100%}.import-preview-remove{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem;transition:all .2s ease}.import-preview-remove:hover{background-color:#f3f4f6;color:#dc2626}.import-preview-actions{border-top:1px solid #eee;display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.import-preview-cancel,.import-preview-confirm{border-radius:4px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.import-preview-cancel{background:#f3f4f6;border:1px solid #ddd;color:#666}.import-preview-confirm{background:#7c3aed;border:1px solid #7c3aed;color:#fff}.import-preview-cancel:hover{background:#e5e7eb}.import-preview-confirm:hover{background:#6d28d9;border-color:#6d28d9}.edit-expense-overlay{align-items:center;animation:fade-in .3s ease-out;background-color:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:999999!important}.edit-expense-modal{animation:slide-up .4s ease-out;background:linear-gradient(140deg,#1e3a5f,#133050);border-radius:16px;box-shadow:0 8px 30px rgba(30,58,95,.12);color:#0e0d0d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-radius:16px 16px 0 0;color:#fff;display:flex;padding:20px 24px;position:relative}.modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.2)}.modal-header-content{align-items:center;display:flex;flex-grow:1}.expense-logo{height:50px;margin-right:15px;object-fit:contain;width:50px}.modal-close-btn{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;position:absolute;right:20px;top:20px;width:36px}.modal-close-btn:hover{background-color:hsla(0,0%,100%,.35)}form{padding:30px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;width:100%}.edit-expense-modal .form-group label{color:#fff!important;font-size:15px;font-weight:600}.edit-expense-modal .form-group input,.edit-expense-modal .form-group select{background-color:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;box-sizing:border-box;color:#141313;font-family:inherit;font-size:16px;padding:14px;transition:border-color .2s,box-shadow .2s;width:100%}.category-select,.recurring-period-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 14px top 50%;background-repeat:no-repeat;background-size:16px auto;padding-right:40px}.edit-expense-modal .form-group input:focus,.edit-expense-modal .form-group select:focus{border-color:#90caf9;box-shadow:0 0 0 3px rgba(144,202,249,.4);outline:none}.edit-expense-modal .form-group input:hover,.edit-expense-modal .form-group select:hover{border-color:hsla(0,0%,100%,.5)}.edit-expense-modal .form-group input::placeholder{color:hsla(0,0%,100%,.7)!important}.edit-expense-modal .form-group.checkbox{align-items:center;flex-direction:row;gap:10px}.edit-expense-modal .checkbox-label{align-items:center;cursor:pointer;display:flex;position:relative;width:100%}.edit-expense-modal .checkbox-label input[type=checkbox]{flex-shrink:0;height:24px;margin-right:15px;width:24px}.edit-expense-modal .checkbox-label span{color:#fff!important;display:inline-block;font-size:16px;font-weight:600;overflow:visible}.edit-expense-modal .recurring-options{background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:10px;margin-bottom:20px;padding:20px}.edit-expense-modal .recurring-options .form-group.checkbox label span{color:#fff!important;display:inline-block!important;font-size:16px!important;font-weight:600!important;opacity:1!important;text-shadow:0 1px 2px rgba(0,0,0,.3);visibility:visible!important}.edit-expense-modal .recurring-options .checkbox-label{align-items:center;display:flex;margin-bottom:10px;padding:5px 0;position:relative}.edit-expense-modal .recurring-options .checkbox-label input[type=checkbox]{left:0;margin-right:15px;position:relative}.edit-expense-modal .recurring-options .checkbox-label:after{content:none}.info-panel{background-color:rgba(33,150,243,.08);border:1px solid rgba(33,150,243,.2);border-radius:8px;margin-top:15px;padding:15px}.info-item{display:flex;justify-content:space-between;margin-bottom:10px}.info-item:last-child{margin-bottom:0}.edit-expense-modal .info-label{color:hsla(0,0%,100%,.8)!important;font-weight:500}.edit-expense-modal .info-value{color:#4caf50!important;font-weight:700}.credit-option{background-color:rgba(67,160,71,.08);border:1px solid rgba(67,160,71,.2);border-radius:8px;margin-top:20px;padding:15px}.credit-info{background-color:rgba(67,160,71,.12);border-radius:6px;margin-top:10px;padding:10px;text-align:center}.credit-amount{color:#43a047;display:block;font-size:18px;font-weight:700;margin-bottom:5px}.modal-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:20px}.cancel-btn,.save-btn{border:none;border-radius:30px;cursor:pointer;font-weight:600;min-width:120px;padding:14px 24px;text-align:center;transition:all .2s}.cancel-btn{background-color:#f0f4f8;color:#1e3a5f}.cancel-btn:hover{background-color:#e2e8f0}.save-btn{background:linear-gradient(90deg,#3f51b5,#2196f3);box-shadow:0 4px 10px rgba(33,150,243,.3);color:#fff}.save-btn:hover{box-shadow:0 6px 12px rgba(33,150,243,.4);transform:translateY(-2px)}.cancel-btn:disabled,.save-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.edit-expense-form .amount-label,.edit-expense-form .expense-item-name,.edit-expense-form .payment-day-label{color:#fff!important;font-weight:600}.expense-name-value{color:#1a1919!important;font-weight:600}@media (max-width:768px){.edit-expense-overlay{padding:0;z-index:999999!important}.edit-expense-modal{border-radius:0;border-radius:10px;height:80%;max-height:none;max-width:none;overflow-y:auto;padding-bottom:calc(env(safe-area-inset-bottom, 0));padding-top:30px;width:100%}.modal-header{border-radius:10px;padding:calc(16px + env(safe-area-inset-top, 0)) 16px 16px;position:relative}.expense-logo{height:40px;width:40px}.modal-header h2{font-size:1.3rem}.modal-close-btn{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;position:absolute;right:20px;top:20px;width:36px}.modal-close-btn:hover{background-color:hsla(0,0%,100%,.35)}form{padding:20px 20px calc(20px + env(safe-area-inset-bottom, 0))}.form-group{gap:6px;margin-bottom:15px}.form-group input,.form-group select{padding:12px}.form-group.checkbox{align-items:center;display:flex;margin-bottom:15px}.checkbox-label{align-items:center;display:flex;width:auto}.checkbox-label input[type=checkbox]{flex-shrink:0;height:26px;margin-right:15px;width:26px}.checkbox-label span{color:#141212!important;display:inline-block;font-size:16px;font-weight:600}.recurring-options{padding:15px}.modal-actions{flex-direction:column-reverse;gap:12px;margin-bottom:20px}.cancel-btn,.save-btn{font-size:16px;padding:16px;width:100%}}@media (min-width:769px){.desktop-layout .auth-page-container,.desktop-layout .content .auth-page-container,body.auth-page .desktop-layout .content,html body .desktop-layout .auth-page-container,html body .desktop-layout .content.auth-page-container,html body main.desktop-layout .auth-page-container,html body main.desktop-layout .content .auth-page-container{margin-left:0!important;max-width:100vw!important;padding-left:0!important;width:100vw!important}}.auth-page-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.auth-language-selector{right:20px;top:20px;z-index:100}.auth-hero{color:#fff;padding:80px 20px 60px;text-align:center}.auth-hero-content{margin:0 auto;max-width:800px}.auth-logo{margin-bottom:30px}.auth-logo img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));width:200px}.auth-hero-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:24px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.auth-hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px;opacity:.95}.auth-hero-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.auth-cta-button{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;min-width:160px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.auth-cta-button.primary{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#667eea}.auth-cta-button.primary:hover{box-shadow:0 6px 20px rgba(0,0,0,.2);transform:translateY(-2px)}.auth-cta-button.secondary{background:transparent;border:2px solid #fff;color:#fff}.auth-cta-button.secondary:hover{background:#fff;color:#667eea}.auth-features{background:#fff;padding:80px 20px}.auth-container{margin:0 auto;max-width:1200px}.auth-section-title{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:60px;text-align:center}.auth-feature-grid{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.auth-feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:40px 24px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.auth-feature-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.12);transform:translateY(-5px)}.auth-feature-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.auth-feature-icon img{filter:brightness(0) invert(1);height:40px;width:40px}.auth-feature-card h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:16px}.auth-feature-card p{color:#4a5568;font-size:1rem;line-height:1.6}.auth-feature-card.ai-feature{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;overflow:hidden;position:relative}.auth-feature-card.ai-feature:before{background:linear-gradient(135deg,rgba(102,126,234,.9),rgba(118,75,162,.9));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.auth-feature-card.ai-feature>*{position:relative;z-index:1}.auth-feature-card.ai-feature:hover{box-shadow:0 12px 40px rgba(102,126,234,.3);transform:translateY(-8px)}.auth-feature-card.ai-feature .auth-feature-icon{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);margin-top:40px}.auth-feature-card.ai-feature h3{background:linear-gradient(135deg,#ffeaa7,#fab1a0);-webkit-background-clip:text;color:#fff;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.auth-feature-card.ai-feature p{color:hsla(0,0%,100%,.9)}.ai-badge{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;left:50%;padding:4px 12px;position:absolute;top:16px;transform:translateX(-50%);z-index:2}.auth-ai-features{background:#f8faff;padding:80px 20px}.auth-section-description{color:#4a5568;font-size:1.125rem;line-height:1.6;margin:0 auto 60px;max-width:800px;text-align:center}.auth-benefits{background:#f7fafc;padding:80px 20px}.auth-benefits-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.auth-benefit-item{align-items:flex-start;display:flex;gap:16px}.auth-benefit-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-shrink:0;font-size:2rem;height:50px;justify-content:center;width:50px}.auth-benefit-item h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:8px}.auth-benefit-item p{color:#4a5568;line-height:1.6}.auth-modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.auth-modal,.auth-modal-overlay{display:flex;justify-content:center}.auth-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.2);flex-direction:column;max-height:90vh;max-width:420px;min-height:400px;overflow-y:auto;padding:32px;position:relative;width:100%}.auth-modal-close{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.5rem;padding:4px;position:absolute;right:16px;top:16px;transition:background-color .2s ease}.auth-modal-close:hover{background:#f5f5f5}.auth-modal-header{margin-bottom:24px;text-align:center}.auth-modal-title{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:8px}.auth-modal-subtitle{color:#666;font-size:.9rem}.auth-modal-content{align-items:center;text-align:center}.auth-form,.auth-modal-content{display:flex;flex-direction:column}.auth-form{gap:16px;max-width:350px;width:100%}.auth-form input{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:14px 16px;transition:border-color .2s ease}.auth-form input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.auth-submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 24px;transition:transform .2s ease,box-shadow .2s ease}.auth-submit-button:hover:not(:disabled){box-shadow:0 4px 12px rgba(102,126,234,.3);transform:translateY(-1px)}.auth-submit-button:disabled{cursor:not-allowed;opacity:.6}.auth-separator{color:#666;font-size:.9rem;margin:16px 0;max-width:350px}.auth-separator:after,.auth-separator:before{background:#e2e8f0}.auth-separator span{color:#666;font-size:.9rem}.auth-google-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;display:flex;font-size:1rem;gap:12px;justify-content:center;max-width:350px;padding:12px 16px;transition:border-color .2s ease,background-color .2s ease;width:100%}.auth-google-button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.auth-google-button img{height:20px;width:20px}.auth-forgot-password-button,.auth-switch-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;margin-top:8px;padding:8px 0;text-decoration:underline}.auth-forgot-password-button:hover,.auth-switch-button:hover{color:#5a67d8}.auth-error{background:#fed7d7;color:#c53030}.auth-error,.auth-success{border-radius:8px;font-size:.9rem;margin-bottom:16px;padding:12px 16px}.auth-success{background:#c6f6d5;color:#2f855a}.auth-footer{background:#2d3748;color:#fff;padding:40px 20px;text-align:center}.auth-footer-content{margin:0 auto;max-width:1200px}.auth-footer-buttons{flex-wrap:wrap;gap:24px}.auth-footer-button{background:none;border:none;border-radius:4px;color:#fff;font-size:1rem;padding:8px 16px;text-decoration:underline;transition:background-color .2s ease}.auth-footer-button:hover{background:hsla(0,0%,100%,.1);text-decoration:none}@media (max-width:768px){.auth-hero-title{font-size:2.5rem}.auth-hero-subtitle{font-size:1.1rem}.auth-hero-buttons{align-items:center;flex-direction:column}.auth-cta-button{max-width:280px;width:100%}.auth-section-title{font-size:2rem}.auth-feature-grid{gap:32px;grid-template-columns:1fr}.auth-benefits-grid{gap:24px;grid-template-columns:1fr}.auth-modal{margin:20px;padding:24px}.auth-footer-buttons{flex-direction:column;gap:16px}}@media (max-width:480px){.auth-hero{padding:60px 16px 40px}.auth-hero-title{font-size:2rem}.auth-benefits,.auth-features{padding:60px 16px}.auth-feature-card{padding:32px 20px}}.auth-page-container~.mobile-profile-header,body:has(.auth-page-container) .mobile-profile-header{display:none!important;opacity:0!important;visibility:hidden!important}.auth-header{border-radius:8px;color:#1976d2;font-family:inherit;font-size:24px;font-weight:700;margin-bottom:20px;padding:20px;text-align:center}.auth-logo{align-items:center;display:flex;justify-content:center;margin-bottom:5px;text-align:center;width:100%}.auth-logo img{display:block;height:auto;margin-bottom:5px;margin-left:auto;margin-right:auto;width:260px}.auth-content{align-items:center;background:rgba(163,222,210,.1);border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:30px 20px}.auth-content h2{color:#1a237e;font-size:22px;margin-bottom:25px;text-align:center}.auth-content form{align-items:center;display:flex;flex-direction:column;width:100%}.auth-content input{border:1px solid #e8e8e8;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:12px;padding:16px;width:100%}.auth-content input:focus{border-color:#a3ded2;box-shadow:0 0 0 2px rgba(163,222,210,.2);outline:none}.auth-container button{background:#1e3a5f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:8px;padding:16px;transition:background .2s;width:100%}.auth-container button:hover{background:#2b4975}.error-message{background:hsla(0,75%,83%,.2);border-radius:4px;color:#e53935;font-weight:500;margin:10px 0;padding:10px;text-align:center;width:90%}.auth-separator{margin:24px 0;position:relative;text-align:center;width:100%}.auth-separator:after,.auth-separator:before{background-color:#e8e8e8;content:"";height:1px;position:absolute;top:50%;width:calc(50% - 20px)}.auth-separator:before{left:0}.auth-separator:after{right:0}.auth-separator span{background:#fff;color:#757575;font-size:14px;padding:0 10px}.google-sign-in-button{align-items:center;background-color:#fff!important;border:1px solid #a3ded2!important;color:#1e3a5f!important;display:flex!important;gap:8px;justify-content:center}.google-sign-in-button:hover{background-color:rgba(163,222,210,.1)!important}.google-sign-in-button img{height:18px;width:18px}.auth-switch-button{background:none!important;border:none;box-shadow:none!important;color:#1e3a5f!important;font-weight:400!important;padding:8px!important}.auth-switch-button:hover{background:rgba(163,222,210,.2)!important}button:disabled{cursor:not-allowed;opacity:.7}.password-reset-form{align-items:center;display:flex;flex-direction:column;width:100%}.reset-instructions{color:#555;font-size:14px;margin-bottom:15px;text-align:center;width:90%}.forgot-password-button{background:none!important;border:none;color:#1e3a5f!important;font-weight:400!important;margin:0!important;padding:4px 8px!important}.forgot-password-button:hover{background:rgba(163,222,210,.2)!important}.auth-back-button{background:#f8fafc!important;border:1px solid #a3ded2!important;color:#1e3a5f!important}.auth-back-button:hover{background:rgba(163,222,210,.1)!important}.success-message{background-color:rgba(163,222,210,.2);border-radius:4px;color:#43a047;font-weight:500;margin:10px 0;padding:10px;text-align:center;width:90%}.auth-footer-buttons{border-top:1px solid rgba(163,222,210,.3);display:flex;gap:16px;justify-content:center;margin-top:24px;padding-top:20px}.auth-footer-button{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #a3ded2;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);color:#1e3a5f;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:10px 20px;text-align:center;transition:all .3s ease}.auth-footer-button:hover:not(:disabled){background:linear-gradient(135deg,#a3ded2,#88c9b3);border-color:#88c9b3;box-shadow:0 4px 12px rgba(163,222,210,.3);color:#fff;transform:translateY(-2px)}.auth-footer-button:active:not(:disabled){box-shadow:0 2px 6px rgba(163,222,210,.2);transform:translateY(0)}.auth-footer-button:disabled{background:#f5f5f5;border-color:#e0e0e0;color:#999;cursor:not-allowed;opacity:.6;transform:none}.auth-footer-button.about-button{background:linear-gradient(135deg,#fff,#f3f4fe);border-color:#3f51b5;color:#3f51b5}.auth-footer-button.about-button:hover:not(:disabled){background:linear-gradient(135deg,#3f51b5,#2196f3);border-color:#2196f3;box-shadow:0 4px 12px rgba(63,81,181,.3);color:#fff}.auth-footer-button.contact-button{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#1e3a5f;color:#1e3a5f}.auth-footer-button.contact-button:hover:not(:disabled){background:linear-gradient(135deg,#1e3a5f,#2b4975);border-color:#2b4975;box-shadow:0 4px 12px rgba(30,58,95,.3);color:#fff}@media (max-width:768px){.auth-container{margin:20px auto;padding:24px 16px;width:95%}.auth-logo h1{font-size:28px}.auth-header{margin-bottom:15px;padding:15px}.auth-content{padding:20px 15px}.auth-content h2{font-size:18px;margin-bottom:20px}.auth-content input{font-size:15px;margin:8px 0;padding:12px}.auth-container button{font-size:15px;margin:12px 0;padding:12px}.error-message{font-size:14px}.auth-footer-buttons{flex-direction:row;gap:12px;margin-top:20px;padding-top:16px}.auth-footer-button{flex:1;font-size:13px;max-width:none;min-width:auto;padding:12px 16px}}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-container{animation:fade-in .3s ease-out}.auth-header-row{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:15px;position:relative}.auth-language-selector{margin:5px;position:absolute;right:0;top:0;z-index:10}.auth-language-selector .language-selector{display:flex;gap:8px}.auth-language-selector .language-button{background-color:transparent;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:14px;padding:4px 8px;transition:all .2s ease}.auth-language-selector .language-button.active{background-color:#1976d2;border-color:#1976d2;color:#fff}.auth-language-selector .language-button:hover:not(.active){background-color:#f5f5f5;border-color:#bdbdbd}.contact-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:40px 20px;position:fixed;right:0;top:0;z-index:10000}.contact-container{margin:0 auto;max-width:900px;width:100%}.contact-container,.contact-modal{background-color:#fff;border-radius:20px;box-shadow:0 8px 30px rgba(30,58,95,.12)}.contact-modal{animation:slide-up .4s ease-out;margin:auto;max-height:80vh;max-width:550px;overflow-y:auto;width:90%}.contact-header{align-items:center;border-radius:21px 21px 0 0;color:#211f1f;display:flex;padding:24px}.contact-header-content{align-items:center;color:#1a237e;display:flex;flex:1;font-size:24px;font-weight:700;gap:16px;justify-content:center;text-align:center}.contact-logo{height:48px;width:48px}.contact-header h2{color:#1a237e;font-size:24px;font-weight:600;margin:0}.contact-content{padding:30px}.contact-status{animation:fade-in .3s ease-out;border-radius:8px;font-weight:500;margin-bottom:24px;padding:12px 16px;text-align:center}.contact-status.success{background-color:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);color:#2e7d32}.contact-status.error{background-color:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.3);color:#d32f2f}.contact-status.warning{background-color:rgba(255,152,0,.1);border:1px solid rgba(255,152,0,.3);color:#f57c00}.contact-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#1e3a5f;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid rgba(163,222,210,.5);border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2196f3;outline:none}.form-actions{display:flex;justify-content:flex-end;margin-top:16px}.contact-submit-button{background:linear-gradient(90deg,#3f51b5,#2196f3);border:none;border-radius:8px;box-shadow:0 4px 10px rgba(33,150,243,.3);color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.contact-submit-button:hover{box-shadow:0 6px 12px rgba(33,150,243,.4);transform:translateY(-2px)}.contact-submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.contact-cancel-button:focus,.contact-submit-button:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none}.contact-cancel-button:focus,.contact-submit-button:focus{box-shadow:0 0 0 3px rgba(33,150,243,.4)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.contact-modal{max-height:95vh;width:95%}.contact-header{padding:16px}.contact-logo{height:40px;width:40px}.contact-header h2{font-size:1.3rem}.contact-content{padding:20px}.form-group{gap:6px}.form-group input,.form-group select,.form-group textarea{padding:12px}.form-actions{flex-direction:column-reverse;gap:12px}.contact-cancel-button,.contact-submit-button{padding:12px;width:100%}}@media screen and (max-width:768px){.contact-container{border-radius:0;box-shadow:none;margin:0;width:100%}.contact-header{border-radius:0}.contact-form{padding:16px}#contact.active,#contact.active .grid-item{margin:0;padding:0;width:100%}}html body #contact-mobile-close-btn.mobile-contact-close-button.contact-close-btn{align-items:center!important;background-color:rgba(30,58,95,.9)!important;border:3px solid #1e3a5f!important;border-radius:50%!important;box-shadow:0 4px 12px rgba(0,0,0,.5)!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:1.8rem!important;font-weight:700!important;height:50px!important;justify-content:center!important;opacity:1!important;pointer-events:auto!important;position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;visibility:visible!important;width:50px!important;z-index:99999999!important}@keyframes pulse-border-contact{0%{box-shadow:0 0 0 0 rgba(30,58,95,.8)}70%{box-shadow:0 0 0 10px rgba(30,58,95,0)}to{box-shadow:0 0 0 0 rgba(30,58,95,0)}}html body #contact-mobile-close-btn.mobile-contact-close-button.contact-close-btn{animation:pulse-border-contact 2s infinite}.contact-container .contact-header{border-bottom:1px solid rgba(163,222,210,.3)!important;border-radius:21px 21px 0 0!important;color:#211f1f!important;justify-content:space-between!important;overflow:visible!important;padding:20px 24px!important;position:relative!important}.contact-container .contact-header,.contact-container .contact-header-content{align-items:center!important;display:flex!important}.contact-container .contact-logo{height:32px!important;margin-right:12px!important;width:32px!important}.mobile-contact-wrapper{overflow:visible!important;position:relative!important}#contact.active{display:block!important;overflow:auto!important;visibility:visible!important;z-index:999999!important}.contact-container{background-color:#fff!important;border-radius:16px!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;margin:0!important;max-width:100%!important;overflow:hidden!important}.contact-content{background-color:#fff!important;padding:20px!important}.contact-form .form-group{margin-bottom:16px!important}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid #ccc!important;border-radius:8px!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)!important;font-size:16px!important;padding:10px 12px!important;width:100%!important}.contact-form label{color:#1e3a5f!important;display:block!important;font-weight:500!important;margin-bottom:6px!important}.contact-submit-button{background:linear-gradient(90deg,#3f51b5,#2196f3)!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 6px rgba(0,0,0,.2)!important;color:#fff!important;cursor:pointer!important;font-size:16px!important;font-weight:700!important;padding:12px 24px!important;width:100%!important}.contact-header-content{align-items:center;color:#1a237e;display:flex;flex:1;font-size:24px;font-weight:700;gap:12px;justify-content:center;text-align:center}.contact-logo{height:40px;object-fit:contain;width:40px}.contact-form{padding:4px}.contact-form .form-group:last-child{margin-bottom:24px}.form-actions{display:flex;flex-direction:column;gap:8px}.contact-status{animation:slide-up .3s ease-out}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#3f51b5;box-shadow:0 0 0 2px rgba(63,81,181,.2);outline:none}.contact-modal{max-height:90vh}.contact-content{max-height:calc(90vh - 76px);overflow-x:hidden;overflow-y:auto;scrollbar-color:#dce1e8 #f8f9fa;scrollbar-width:thin}.contact-content::-webkit-scrollbar{width:6px}.contact-content::-webkit-scrollbar-track{background:#f8f9fa}.contact-content::-webkit-scrollbar-thumb{background-color:#dce1e8;border:2px solid #f8f9fa;border-radius:6px}@media screen and (max-width:768px){.contact-close-btn{align-items:center!important;background-color:rgba(30,58,95,.9)!important;border:2px solid #1e3a5f!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important;color:#fff!important;display:flex!important;height:40px!important;justify-content:center!important;opacity:1!important;right:12px!important;top:12px!important;visibility:visible!important;width:40px!important;z-index:999999!important}.contact-header-content{padding-right:24px}#contact-popup-emergency-close{display:flex!important;opacity:1!important;visibility:visible!important;z-index:999999!important}}@keyframes slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.contact-overlay{z-index:99999!important}.contact-modal{border-radius:12px!important;max-height:90vh!important;overflow:hidden!important}.contact-close-btn,.contact-container .close-button{align-items:center!important;background:#fff!important;border:2px solid #1e3a5f!important;border-radius:50%!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important;color:#1e3a5f!important;cursor:pointer!important;display:flex!important;font-size:20px!important;height:40px!important;justify-content:center!important;opacity:1!important;position:absolute!important;right:12px!important;top:12px!important;visibility:visible!important;width:40px!important;z-index:999999!important}.contact-cancel-button,.contact-submit-button{border-radius:8px!important;cursor:pointer!important;font-size:1rem!important;font-weight:600!important;padding:12px 16px!important;transition:all .2s!important;width:100%!important}.contact-submit-button{background:linear-gradient(90deg,#3f51b5,#2196f3)!important;border:none!important;box-shadow:0 4px 6px rgba(0,0,0,.1)!important;color:#fff!important}.contact-cancel-button{background-color:transparent!important;border:1px solid #dce1e8!important;color:#1e3a5f!important}.contact-submit-button:hover{box-shadow:0 6px 10px rgba(0,0,0,.15)!important;transform:translateY(-2px)!important}.contact-cancel-button:hover{background-color:#f5f5f5!important}@media (max-width:768px){.contact-header-content{align-items:center!important;display:flex!important;padding-right:30px!important}.contact-logo{height:36px!important;margin-right:10px!important;width:36px!important}.contact-header h2{font-size:1.5rem!important;margin:0!important}.contact-content{padding:16px!important}}#contact-popup-emergency-close{align-items:center!important;background:#fff!important;border:2px solid #1e3a5f!important;border-radius:50%!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important;color:#1e3a5f!important;cursor:pointer!important;display:flex!important;font-size:20px!important;height:40px!important;justify-content:center!important;opacity:1!important;position:fixed!important;right:15px!important;top:15px!important;visibility:visible!important;width:40px!important;z-index:9999999!important}@keyframes contact-fade-in{0%{opacity:0}to{opacity:1}}.contact-overlay{animation:contact-fade-in .3s ease-out!important}.about-header-content,.contact-header-content{align-items:center;display:flex;gap:12px}.about-logo,.contact-logo{height:40px;object-fit:contain;width:40px}.about-header h1,.contact-header h2{font-size:1.8rem;font-weight:600;margin:0}.about-close-btn,.close-button,.contact-close-btn{align-items:center;background-color:#fff;border:2px solid #1e3a5f;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.3);color:#1e3a5f;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;opacity:1;pointer-events:auto;position:absolute;right:16px;top:16px;visibility:visible;width:40px;z-index:999999}.about-close-btn:hover,.close-button:hover,.contact-close-btn:hover{background-color:#f8f8f8;transform:scale(1.05)}@media (max-width:768px){.about-modal,.contact-modal{max-height:90vh;width:95%}.about-header,.contact-header{padding:16px 20px}.about-header h1,.contact-header h2{font-size:1.5rem}.about-content,.contact-content{max-height:calc(90vh - 76px);overflow-y:auto;padding:16px}.about-close-btn,.close-button,.contact-close-btn{font-size:18px;height:36px;width:36px}.about-logo,.contact-logo{height:32px;width:32px}.about-close-btn,.contact-close-btn{display:flex!important;opacity:1!important;visibility:visible!important}}.contact-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:40px 20px;position:fixed;right:0;top:0;z-index:1000}.contact-modal{animation:slide-up .5s ease-out;box-shadow:0 12px 40px rgba(30,58,95,.15);margin:auto;max-height:80vh;max-width:600px;position:relative}.contact-container,.contact-modal{background:#fff;border-radius:20px;overflow:hidden;width:100%}.contact-container{margin:0 auto}.contact-header{align-items:center;border-bottom:none;border-radius:21px 21px 0 0;color:#211f1f;display:flex;justify-content:space-between;padding:32px 36px;position:relative}.contact-header-content{align-items:center;color:#1a237e;display:flex;flex:1;font-size:24px;font-weight:700;gap:16px;justify-content:center;text-align:center}.contact-header h2{color:#1a237e;font-size:2rem;font-weight:700;margin:0;text-shadow:none}.contact-logo{background:hsla(0,0%,100%,.1);border-radius:50%;height:48px;object-fit:contain;padding:4px;width:48px}.contact-close-btn{align-items:center;background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:44px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:44px;z-index:10}.contact-close-btn:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);transform:scale(1.1)}.contact-content{max-height:80vh;overflow-y:auto;padding:60px 36px 40px;-webkit-overflow-scrolling:touch;line-height:1.7}.contact-content::-webkit-scrollbar{width:8px}.contact-content::-webkit-scrollbar-track{background:#f8fafc;border-radius:10px}.contact-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3f51b5,#2196f3);border:2px solid #f8fafc;border-radius:10px}.contact-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#303f9f,#1976d2)}.contact-status{animation:slide-up .3s ease-out;background:linear-gradient(145deg,#e8f5e8,#f0f8f0);border:2px solid #4caf50;border-radius:12px;box-shadow:0 4px 12px rgba(76,175,80,.2);color:#2e7d32;font-weight:600;margin-bottom:32px;padding:16px 20px;text-align:center}.contact-status.error{background:linear-gradient(145deg,#fdeaea,#fef2f2);border-color:#f44336;box-shadow:0 4px 12px rgba(244,67,54,.2);color:#c62828}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#1a237e;font-size:16px;font-weight:600;margin-bottom:4px}.form-group input,.form-group textarea{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 8px rgba(30,58,95,.08);font-family:inherit;font-size:16px;padding:16px 20px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#3f51b5;box-shadow:0 0 0 4px rgba(63,81,181,.15);outline:none;transform:translateY(-2px)}.form-group textarea{font-family:inherit;min-height:120px;resize:vertical}.form-actions{display:flex;flex-direction:column;gap:16px;margin-top:8px}.contact-submit-button{background:linear-gradient(135deg,#3f51b5,#2196f3,#1976d2);border:none;border-radius:12px;box-shadow:0 4px 16px rgba(63,81,181,.3);color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.contact-submit-button:hover:not(:disabled){box-shadow:0 6px 20px rgba(63,81,181,.4);transform:translateY(-2px)}.contact-submit-button:active:not(:disabled){transform:translateY(0)}.contact-submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.contact-cancel-button{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 8px rgba(30,58,95,.08);color:#1a237e;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease}.contact-cancel-button:hover:not(:disabled){background:linear-gradient(145deg,#f8fafc,#f0f4f8);border-color:#3f51b5;box-shadow:0 4px 12px rgba(30,58,95,.15);transform:translateY(-2px)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media screen and (max-width:768px){.contact-overlay{padding:20px 12px}.contact-modal{border-radius:16px;max-height:85vh;max-width:100%}.contact-container{border-radius:20px}.contact-header{border-radius:21px 21px 0 0;padding:24px 20px}.contact-header h2{font-size:1.6rem}.contact-close-btn,.contact-logo{height:40px;width:40px}.contact-close-btn{font-size:16px;right:16px;top:16px}.contact-content{max-height:85vh;padding:48px 20px 32px}.form-group input,.form-group textarea{font-size:16px;padding:14px 16px}.contact-cancel-button,.contact-submit-button{font-size:16px;padding:16px 24px}}@media screen and (max-width:480px){.contact-overlay{padding:8px}.contact-header{padding:20px 16px}.contact-header h2{font-size:1.4rem}.contact-content{padding:40px 16px 24px}.contact-logo{height:36px;width:36px}}@media (prefers-contrast:high){.contact-modal{border:2px solid #000}.form-group input,.form-group textarea{border-color:#000}.contact-submit-button{background:#000}}@media (prefers-reduced-motion:reduce){.contact-cancel-button,.contact-close-btn,.contact-modal,.contact-status,.contact-submit-button,.form-group input,.form-group textarea{animation:none;transition:none}.contact-cancel-button:hover,.contact-close-btn:hover,.contact-submit-button:hover,.form-group input:focus,.form-group textarea:focus{transform:none}}.premium-upgrade-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.premium-modal-overlay{align-items:center;background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.premium-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.3);max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.premium-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 30px}.premium-modal-header h2{color:#333;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:35px;justify-content:center;padding:5px;width:35px}.close-button:hover{background:#f5f5f5;color:#333}.premium-modal-content{padding:30px}.premium-header{margin-bottom:40px;text-align:center}.premium-icon{font-size:48px;margin-bottom:16px}.premium-header h1{color:#333;font-size:32px;font-weight:700;margin:0 0 12px}.premium-header p{color:#666;font-size:18px;margin:0}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-bottom:20px;padding:12px 16px}.plans-comparison{display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px}.plan-card{background:#fff;border:2px solid #e1e5e9;border-radius:16px;padding:30px;position:relative;transition:all .3s ease}.plan-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.1);transform:translateY(-4px)}.plan-card.premium{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#4f46e5;color:#fff}.plan-card.premium .features-list li,.plan-card.premium .plan-header h3,.plan-card.premium .price{color:#fff}.plan-card.current{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.popular-badge{background:#ff6b6b;border-radius:20px;color:#fff;font-size:12px;font-weight:600;left:50%;padding:6px 16px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.plan-header{margin-bottom:30px;text-align:center}.plan-header h3{color:#333;font-size:24px;font-weight:700;margin:0 0 16px}.price{align-items:baseline;display:flex;gap:4px;justify-content:center}.price .amount{color:#333;font-size:36px;font-weight:800}.price .period{color:#666;font-size:16px}.features-list{list-style:none;margin:0 0 30px;padding:0}.features-list li{align-items:flex-start;color:#333;display:flex;gap:12px;padding:8px 0}.features-list li.highlight{background:hsla(0,0%,100%,.1);border-radius:8px;font-weight:600;margin:4px 0;padding:12px}.check{color:#10b981}.check,.cross{flex-shrink:0;font-size:16px;font-weight:700}.cross{color:#ef4444}.limitations{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.limitations h4{color:#666;font-size:14px;font-weight:600;margin:0 0 12px;text-transform:uppercase}.limitations ul{list-style:none;margin:0;padding:0}.limitations li{align-items:center;color:#666;display:flex;font-size:14px;gap:12px;padding:4px 0}.upgrade-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .3s ease;width:100%}.upgrade-button:hover:not(:disabled){box-shadow:0 10px 25px rgba(102,126,234,.4);transform:translateY(-2px)}.upgrade-button:disabled{cursor:not-allowed;opacity:.6}.subscription-status{text-align:center}.current-plan{margin-bottom:20px}.status-badge{background:#10b981;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.current-plan p{font-weight:600;margin:8px 0 4px}.expiry{color:hsla(0,0%,100%,.8)!important;font-size:14px!important;font-weight:400!important}.cancel-button{background:transparent;border:1px solid hsla(0,0%,100%,.3);border-radius:8px;color:hsla(0,0%,100%,.8);cursor:pointer;font-size:14px;padding:12px 20px;transition:all .3s ease}.cancel-button:hover:not(:disabled){background:hsla(0,0%,100%,.1);color:#fff}.ai-features-preview{background:#f8fafc;border-radius:16px;margin-bottom:30px;padding:30px}.ai-features-preview h3{color:#333;font-size:24px;margin:0 0 30px;text-align:center}.features-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:24px;text-align:center;transition:transform .3s ease}.feature-item:hover{transform:translateY(-4px)}.feature-icon{font-size:32px;margin-bottom:16px}.feature-item h4{color:#333;font-size:18px;margin:0 0 12px}.feature-item p{color:#666;font-size:14px;line-height:1.5;margin:0}.demo-note{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;padding:16px;text-align:center}.demo-note p{font-size:14px;margin:0}@media (max-width:768px){.premium-upgrade-container{padding:10px}.premium-modal{margin:10px;max-height:calc(100vh - 20px)}.premium-modal-content{padding:20px}.premium-header h1{font-size:24px}.premium-header p{font-size:16px}.plans-comparison{gap:20px;grid-template-columns:1fr}.plan-card{padding:20px}.features-grid{gap:16px;grid-template-columns:1fr}.ai-features-preview{padding:20px}.price .amount{font-size:28px}}@media (max-width:480px){.premium-modal-header{padding:15px 20px}.premium-modal-content{padding:15px}.premium-header h1{font-size:20px}.ai-features-preview,.feature-item,.plan-card{padding:16px}}.user-profile{background-color:#fff;border:none;border-radius:12px;box-shadow:0 4px 24px rgba(44,62,80,.08);overflow:hidden;transition:all .3s ease}.user-profile:hover{box-shadow:0 6px 28px rgba(44,62,80,.12)}.user-profile-header{align-items:center;color:#fff;cursor:pointer;display:flex;padding:16px 20px;position:relative;transition:all .3s ease}.user-profile-header,.user-profile-header:hover{background:linear-gradient(135deg,#764ba2,#2196f3,#a3ded2)}.user-profile-header:hover{filter:brightness(1.1)}.user-avatar{align-items:center;background:linear-gradient(135deg,#764ba2,#a3ded2);border-radius:50%;box-shadow:0 4px 8px rgba(118,75,162,.3);display:flex;height:48px;justify-content:center;margin-right:16px;overflow:hidden;padding:2px;width:48px}.user-avatar img{border-radius:50%;height:100%;max-width:100%;object-fit:contain;width:100%}.user-greeting{flex:1}.user-greeting h3{color:#1a237e;font-size:18px;margin:0}.profile-toggle{color:#1976d2;display:block;font-size:14px;font-weight:500;margin-top:4px;transition:color .2s}.profile-toggle:hover{color:#0d47a1;text-decoration:underline}.user-profile-details{background-color:#f9fafb;border-top:1px solid #e0e0e0;padding:0 20px 16px;transition:all .3s ease}.profile-info-row{border-bottom:1px dashed #e0e0e0;display:flex;padding:12px 0;transition:background-color .2s}.profile-info-row:hover{background-color:rgba(25,118,210,.04)}.profile-info-row:last-of-type{border-bottom:none;margin-bottom:12px}.profile-info-label{color:#555;font-weight:600;padding-right:10px;width:150px}.profile-info-value{align-items:center;color:#333;display:flex;flex:1;flex-wrap:wrap;justify-content:space-between}.budget-start-day-edit,.currency-edit,.savings-goal-edit,.username-edit{align-items:center;display:flex;flex-wrap:wrap;gap:8px;width:100%}.budget-start-day-input,.currency-select,.savings-goal-input,.username-input{border:1px solid #ccc;border-radius:4px;flex-grow:1;font-size:14px;max-width:150px;min-width:0;padding:8px 12px}.currency-select{max-width:200px}.budget-start-day-input:focus,.currency-select:focus,.savings-goal-input:focus,.username-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.2);outline:none}.budget-day-edit-btn,.cancel-btn-small,.edit-btn-small,.save-btn-small{border:none;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s ease}.save-btn-small{background-color:#a3ded2;color:#1e3a5f}.save-btn-small:hover{background-color:#88c9b3}.cancel-btn-small{background-color:#f4b3b3;color:#1e3a5f}.cancel-btn-small:hover{background-color:#ffdbdb}.edit-btn-small{background-color:#1e3a5f;color:#fff;margin-left:8px}.edit-btn-small:hover{background-color:#2b4975;box-shadow:0 4px 8px rgba(30,58,95,.2);transform:translateY(-2px)}.currency-edit-btn,.savings-goal-edit-btn,.username-edit-btn{margin-left:auto}.savings-goal-input-wrapper{flex-grow:1;max-width:150px;position:relative}.currency-prefix{color:#666;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.savings-goal-input{padding:8px 8px 8px 25px;width:100%}.error-text{color:#f44336;font-size:12px;margin-top:4px;width:100%}.logout-button{background-color:#e53935;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background .2s,transform .2s}.logout-button:hover{background-color:#c62828;transform:translateY(-2px)}.savings-goal-display{color:#43a047;font-weight:600}@media (max-width:768px){.user-profile{border-radius:10px}.user-profile-header{display:none;flex-wrap:wrap;padding:14px 16px}.user-avatar{height:40px;margin-right:12px;padding:2px;width:40px}.user-greeting h3{font-size:16px}.profile-toggle{display:none}.user-profile-details{padding:0 15px 12px}.profile-info-row{flex-direction:column;padding:15px 0;position:relative}.profile-info-label{color:#1976d2;font-size:14px;margin-bottom:8px;width:100%}.profile-info-value{align-items:center;display:flex;flex-wrap:wrap;font-size:15px;justify-content:space-between;width:100%}.edit-btn-small{font-size:12px;margin-left:10px;margin-top:0;min-height:32px;min-width:60px;padding:5px 10px;position:static}.budget-start-day-input,.currency-select,.savings-goal-input,.username-input{font-size:16px;margin-bottom:10px;max-width:100%;padding:8px 8px 8px 25px}.budget-start-day-edit,.currency-edit,.savings-goal-edit,.username-edit{gap:10px}.cancel-btn-small,.save-btn-small{flex-grow:1;font-size:14px;min-height:44px;min-width:44px;padding:10px 16px}.logout-button{font-size:16px;margin-top:12px;padding:12px;width:100%}.profile-language-selector{margin-top:8px}.budget-day-edit-btn,.currency-edit-btn,.savings-goal-edit-btn,.username-edit-btn{margin-left:auto;position:static;right:auto;top:auto}}@media screen and (max-width:768px){.user-profile{border:none;border-radius:0;box-shadow:none;margin-top:20px}.user-profile-header{cursor:default;padding:12px 16px}.user-profile-details{display:block!important;padding:16px}.user-profile-content{padding:0}.toggle-arrow{display:none}.budget-start-day-edit,.currency-edit,.savings-goal-edit,.username-edit{display:flex;flex-wrap:wrap;gap:8px;width:100%}.budget-start-day-input,.currency-select,.savings-goal-input,.username-input{margin-bottom:8px;width:100%}.edit-btn-small{min-width:60px}.cancel-btn-small,.save-btn-small{flex:1;min-width:80px}.profile-info-label{margin-right:16px;min-width:120px}}@media (max-width:499px){.edit-btn-small{min-width:auto!important}}.account-buttons{display:flex;flex-direction:column;gap:8px}.delete-account-button{background-color:#ff6f00;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:8px 16px;transition:background .2s,transform .2s}.delete-account-button:hover{background-color:#e65100;transform:translateY(-2px)}.delete-account-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.delete-confirmation-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.delete-confirmation-modal{animation:slide-up .4s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(211,47,47,.3);max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%}.delete-confirmation-header{align-items:center;border-bottom:1px solid #ffebee;display:flex;justify-content:space-between;padding:20px 24px 16px}.delete-confirmation-header h3{color:#d32f2f;font-size:20px;font-weight:600;margin:0}.delete-confirmation-close{background:none;border:none;color:#666;cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:color .2s}.delete-confirmation-close:hover{color:#d32f2f}.delete-confirmation-content{padding:20px 24px}.delete-warning{background-color:#fff3e0;border:1px solid #ffcc80;border-radius:8px;margin-bottom:20px;padding:16px}.delete-warning-icon{font-size:24px;margin-bottom:8px}.delete-warning p{color:#e65100;font-weight:500;margin:0 0 12px}.delete-warning ul{color:#bf360c;padding-left:20px}.delete-warning li{margin-bottom:4px}.delete-confirmation-input{margin-top:20px}.delete-confirmation-input p{color:#333;font-size:14px;margin:0 0 12px}.delete-confirmation-text-input{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:8px;color:#d32f2f;font-size:16px;font-weight:600;padding:12px;transition:border-color .2s;width:100%}.delete-confirmation-text-input:focus{background-color:#fff;border-color:#d32f2f;outline:none}.delete-confirmation-text-input::placeholder{color:#999;font-weight:400}.delete-confirmation-actions{border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.delete-confirmation-cancel{background-color:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.delete-confirmation-cancel:hover{background-color:#e0e0e0}.delete-confirmation-cancel:disabled{cursor:not-allowed;opacity:.5}.delete-confirmation-confirm{background-color:#d32f2f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.delete-confirmation-confirm:hover:not(:disabled){background-color:#b71c1c}.delete-confirmation-confirm:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.account-buttons{gap:12px}.delete-confirmation-modal{margin:10px;width:95%}.delete-confirmation-actions,.delete-confirmation-content,.delete-confirmation-header{padding-left:16px;padding-right:16px}.delete-confirmation-actions{flex-direction:column-reverse}.delete-confirmation-cancel,.delete-confirmation-confirm{justify-content:center;width:100%}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.subscription-row{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;margin:8px -20px;padding:16px 20px}.subscription-info{display:flex;flex-direction:column;gap:8px}.subscription-plan{display:flex;flex-direction:column;gap:4px}.premium-status{color:#059669;display:flex;flex-direction:column;font-weight:600;gap:2px}.free-status{color:#6b7280;font-weight:500}.expiry-date{color:#6b7280;font-size:12px;font-weight:400}.subscription-btn{align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s ease}.subscription-btn:hover{box-shadow:0 4px 12px rgba(102,126,234,.3);transform:translateY(-1px)}@media (max-width:768px){.subscription-row{margin:8px -16px;padding:16px}.subscription-info{gap:12px}.subscription-btn{font-size:14px;padding:10px 18px}}.user-profile-header{animation:gradientFlow 8s ease-in-out infinite;background:linear-gradient(135deg,#764ba2,#2196f3,#a3ded2);background-size:400% 400%;border-radius:21px 21px 0 0;box-shadow:0 4px 20px rgba(118,75,162,.2);color:#fff;cursor:pointer;overflow:hidden;padding:24px 28px;position:relative;transition:all .3s ease}.user-profile-header:before{background:linear-gradient(45deg,rgba(118,75,162,.1),rgba(33,150,243,.1) 50%,rgba(163,222,210,.1));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.user-profile-header:hover:before{opacity:1}.user-profile-header:hover{box-shadow:0 8px 30px rgba(118,75,162,.3);transform:translateY(-2px)}.user-profile .user-avatar{background:linear-gradient(135deg,#764ba2,#a3ded2);border-radius:50%;box-shadow:0 6px 20px rgba(118,75,162,.4);height:56px;margin-right:20px;padding:3px;position:relative;transition:all .3s ease;width:56px;z-index:2}.user-profile .user-avatar:hover{box-shadow:0 8px 25px rgba(118,75,162,.6);transform:scale(1.05)}.user-profile .user-avatar img{background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1)}.user-profile .user-greeting{flex:1;position:relative;z-index:2}.user-profile .user-greeting h3{color:#fff;font-size:22px;font-weight:700;letter-spacing:.5px;margin:0 0 4px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.user-profile .profile-toggle{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-radius:12px;color:hsla(0,0%,100%,.9);display:inline-block;font-size:14px;font-weight:500;padding:4px 8px;text-shadow:0 1px 2px rgba(0,0,0,.1);transition:all .2s ease}.user-profile .profile-toggle:hover{background:hsla(0,0%,100%,.2);color:#fff;transform:translateY(-1px)}.desktop-header-actions{align-items:center;display:flex;gap:12px;position:relative;z-index:2}.desktop-action-button{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.3);border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:10px 18px;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.1);transition:all .3s ease}.desktop-action-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.desktop-action-button:hover:before{left:100%}.desktop-action-button:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.5);box-shadow:0 4px 15px rgba(0,0,0,.2);transform:translateY(-2px)}.desktop-action-button.about-btn:hover{background:linear-gradient(135deg,rgba(163,222,210,.3),rgba(255,207,84,.3))}.desktop-action-button.contact-btn:hover{background:linear-gradient(135deg,hsla(0,75%,83%,.3),rgba(33,150,243,.3))}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-contrast:high){.user-profile-header{background:#1e3a5f!important}.desktop-action-button{background:hsla(0,0%,100%,.9)!important;color:#1e3a5f!important}}@media (prefers-reduced-motion:reduce){.user-profile-header{animation:none!important}.desktop-action-button:before,.user-profile-header:before{display:none}.desktop-action-button:hover,.user-avatar:hover,.user-profile-header:hover{transform:none!important}}.cookie-consent{align-items:center;background-color:rgba(30,58,95,.95);bottom:0;box-shadow:0 -2px 10px rgba(30,58,95,.3);color:#fff;display:flex;font-size:.9rem;justify-content:space-between;left:0;padding:15px;position:fixed;right:0;z-index:9999}.cookie-consent-content{flex:1;padding-right:20px}.cookie-consent-buttons{display:flex;gap:10px}.cookie-consent-button{border:none;border-radius:4px;cursor:pointer;font-weight:600;padding:8px 16px;transition:background-color .2s}.cookie-accept{background-color:#a3ded2;color:#1e3a5f}.cookie-accept:hover{background-color:#88c9b3}.cookie-decline{background-color:#f1f1f1;color:#333}.cookie-decline:hover{background-color:#ddd}.cookie-settings{background-color:transparent;border:1px solid #a3ded2;color:#a3ded2}.cookie-settings:hover{background-color:rgba(163,222,210,.1)}@media (max-width:768px){.cookie-consent{flex-direction:column;gap:15px}.cookie-consent-content{padding-right:0}}.cookie-settings-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.cookie-settings-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.2);max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.cookie-settings-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.cookie-settings-header h2{color:#333;font-size:1.5rem;margin:0}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:1.8rem}.close-button:hover{color:#333}.cookie-settings-content{padding:20px}.cookie-options{display:flex;flex-direction:column;gap:20px;margin-top:20px}.cookie-option{border:1px solid #eee;border-radius:6px;padding:16px}.cookie-option-header{align-items:center;display:flex;font-weight:600;justify-content:space-between;margin-bottom:8px}.cookie-option p{color:#666;font-size:.9rem;margin:0}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch label{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-switch label:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}.toggle-switch input:checked+label{background-color:#4caf50}.toggle-switch input:checked+label:before{transform:translateX(26px)}.toggle-switch input:disabled+label{background-color:#4caf50;cursor:not-allowed;opacity:.6}.cookie-settings-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.cookie-settings-button{border:none;border-radius:4px;cursor:pointer;font-weight:600;padding:8px 16px;transition:background-color .2s}.cookie-settings-button.primary{background-color:#4caf50;color:#fff}.cookie-settings-button.primary:hover{background-color:#3e8e41}.cookie-settings-button.secondary{background-color:#f1f1f1;color:#333}.cookie-settings-button.secondary:hover{background-color:#ddd}.welcome-popup-overlay{align-items:center;animation:fade-in .3s ease-out;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.welcome-popup-modal{background-color:#fff;border:1px solid rgba(163,222,210,.3);border-radius:12px;box-shadow:0 6px 30px rgba(30,58,95,.15);max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.welcome-popup-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.welcome-step-indicator{display:flex;gap:8px}.welcome-step-dot{background-color:#e8e8e8;border-radius:50%;height:10px;transition:background-color .3s;width:10px}.welcome-step-dot.active{background-color:#1e3a5f}.welcome-close-button{background:none;border:none;color:#666;cursor:pointer;font-size:1.8rem}.welcome-close-button:hover{color:#333}.welcome-popup-content{color:#1e3a5f;padding:30px}.welcome-logo{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.welcome-logo img{animation:float 3s ease-in-out infinite;height:auto;width:120px}.welcome-popup-content h2{color:#1e3a5f;font-size:1.8rem;margin-bottom:20px;margin-top:0}.welcome-popup-content p{font-size:16px;line-height:1.6;margin-bottom:20px}.welcome-popup-content ul{margin-bottom:20px;padding-left:20px}.welcome-popup-content li{line-height:1.4;margin-bottom:12px}.welcome-tip{background-color:rgba(163,222,210,.2);border-left:4px solid #a3ded2;border-radius:8px;margin-top:20px;padding:15px}.welcome-popup-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.welcome-popup-button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .2s}.welcome-popup-button.primary{background-color:#1e3a5f;color:#fff}.welcome-popup-button.primary:hover{background-color:#2b4975}.welcome-popup-button.secondary{background-color:#f1f1f1;color:#1e3a5f}.welcome-popup-button.secondary:hover{background-color:#ddd}@keyframes fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width:768px){.welcome-popup-content{padding:20px}.welcome-popup-content h2{font-size:1.5rem;margin-bottom:15px}.welcome-popup-button{padding:8px 16px}}.about-container{animation:slide-up .4s ease-out;background:#fff;border-radius:20px;box-shadow:0 8px 30px rgba(30,58,95,.12);margin:0 auto;max-width:900px;overflow:hidden;width:100%}.about-header{background:linear-gradient(90deg,#3f51b5,#2196f3);border-bottom:1px solid rgba(163,222,210,.3);border-radius:21px 21px 0 0;color:#fff;justify-content:space-between;padding:20px 24px;position:relative}.about-header,.about-header-content{align-items:center;display:flex}.about-logo{height:50px;margin-right:20px;object-fit:contain;width:auto}.about-header h1{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.about-content{max-height:80vh;overflow-y:auto;padding:30px;-webkit-overflow-scrolling:touch}.about-section{margin-bottom:40px}.about-section h2{color:#1a237e;font-size:20px;font-weight:600;margin-bottom:24px;position:relative}.about-section h2:after{background:linear-gradient(90deg,#3f51b5,#2196f3);border-radius:3px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.about-section p{color:#37474f;font-size:15px;line-height:1.6;margin-bottom:20px}.feature-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px}.feature-card{align-items:center;background:#f5f7fa;border:none;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;flex-direction:column;padding:24px;text-align:center;transition:transform .2s}.feature-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-4px)}.feature-icon{border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);height:60px;margin-bottom:16px;object-fit:cover;width:60px}.feature-card h3{color:#1a237e;font-size:16px;font-weight:600;margin-bottom:12px}.steps-list{list-style:none;margin:20px 0;padding:0}.steps-list li{margin-bottom:16px}.step-number,.steps-list li{align-items:center;display:flex}.step-number{background:linear-gradient(90deg,#3f51b5,#2196f3);border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:28px;justify-content:center;margin-right:12px;width:28px}.cta-container{margin-top:30px}.cta-container,.start-now-button{display:flex;justify-content:center}.start-now-button{align-items:center;background:linear-gradient(90deg,#3f51b5,#2196f3);border:none;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 26px;transition:all .2s ease}.start-now-button:hover{box-shadow:0 6px 8px rgba(0,0,0,.15);transform:translateY(-2px)}.benefits-list{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:30px}.benefit-item{align-items:flex-start;background-color:#f5f7fa;border:none;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;padding:20px;transition:transform .2s}.benefit-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-4px)}.benefit-icon{align-items:center;background:linear-gradient(90deg,#3f51b5,#2196f3);border-radius:50%;box-shadow:0 2px 6px rgba(33,150,243,.3);color:#fff;display:flex;flex-shrink:0;font-size:24px;height:44px;justify-content:center;margin-right:16px;width:44px}.benefit-text h3{color:#1a237e;font-size:16px;font-weight:600;margin-bottom:8px;margin-top:0}.benefit-text p{color:#333;font-size:14px;margin:0}@media screen and (max-width:768px){.about-container{border-radius:0;box-shadow:none;margin:0;max-height:100vh;overflow-x:hidden;width:100%}.about-header{border-radius:0;flex-direction:row;padding:16px;text-align:left}.about-logo{height:40px;margin-right:12px;width:40px}.about-header h1{font-size:1.3rem}.about-content{padding:20px}.about-section{margin-bottom:30px}.about-section h2{font-size:18px;text-align:left}.about-section h2:after{left:0;transform:none}.feature-grid{gap:16px;grid-template-columns:1fr}.feature-card{margin-bottom:16px;padding:16px;width:100%}.feature-icon{height:50px;width:50px}.benefits-list{gap:16px;grid-template-columns:1fr}.benefit-item{padding:16px}.benefit-icon{font-size:18px;height:36px;width:36px}.benefit-text h3{font-size:15px}.benefit-text p{font-size:13px}.steps-list li{margin-bottom:12px}.start-now-button{font-size:14px;padding:14px 20px;width:100%}#about.active{align-items:center;background-color:rgba(0,0,0,.6);bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000000}#about.active,#about.active .grid-item{margin:0;padding:0;width:100%}}.workflow-container{display:flex;flex-direction:column;gap:16px;margin-top:20px}.workflow-item{align-items:flex-start;background-color:#f5f7fa;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;padding:20px;transition:transform .2s}.workflow-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-4px)}.workflow-number{align-items:center;background:linear-gradient(90deg,#3f51b5,#2196f3);border-radius:50%;box-shadow:0 2px 6px rgba(33,150,243,.3);color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:36px;justify-content:center;margin-right:16px;width:36px}.workflow-content{flex:1}.workflow-content h3{color:#1a237e;font-size:16px;font-weight:600;margin-bottom:8px;margin-top:0}.workflow-content p{color:#333;font-size:14px;margin:0}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefits-list,.feature-grid{display:grid;gap:20px;margin-top:24px}.benefits-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media screen and (max-width:768px){.workflow-item{padding:16px}.workflow-number{font-size:16px;height:30px;margin-right:12px;width:30px}.workflow-content h3{font-size:15px}.workflow-content p{font-size:13px}.benefits-list,.feature-grid{gap:16px;grid-template-columns:1fr}.cta-container{margin-top:20px}}.about-container{animation:slide-up .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 12px 40px rgba(30,58,95,.15);margin:0 auto;max-width:1000px;overflow:hidden;width:100%}.about-header{align-items:center;background:linear-gradient(135deg,#3f51b5,#2196f3,#1976d2);border-bottom:none;border-radius:21px 21px 0 0;color:#fff;display:flex;justify-content:center;padding:32px 36px;position:relative;text-align:center}.about-header h1{color:#fff;font-size:2.2rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.about-content{max-height:80vh;overflow-y:auto;padding:60px 36px 40px;-webkit-overflow-scrolling:touch;line-height:1.7}.about-section{margin-bottom:48px}.about-section:last-child{margin-bottom:0}.about-section h2{color:#1a237e;font-size:24px;font-weight:700;margin-bottom:28px;position:relative;text-align:center}.about-section h2:after{background:linear-gradient(90deg,#3f51b5,#2196f3);border-radius:4px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.about-section p{color:#424242;font-size:16px;line-height:1.7;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.feature-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:40px}.feature-card{align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.08);display:flex;flex-direction:column;overflow:hidden;padding:32px 24px;position:relative;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#a3ded2;box-shadow:0 8px 32px rgba(63,81,181,.2);transform:translateY(-8px)}.feature-card:before{background:linear-gradient(90deg,#3f51b5,#2196f3);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{align-items:center;background:linear-gradient(135deg,#f8fafc,#e8f5f2);border:3px solid #a3ded2;border-radius:50%;display:flex;font-size:48px;height:80px;justify-content:center;margin-bottom:20px;transition:all .3s ease;width:80px}.feature-card:hover .feature-icon{background:linear-gradient(135deg,#a3ded2,#88c9b3);border-color:#3f51b5;transform:scale(1.1)}.feature-card h3{color:#1a237e;font-size:18px;font-weight:700;margin-bottom:16px;margin-top:8px}.feature-card p{color:#555;font-size:14px;line-height:1.6;margin:0;text-align:center}.feature-card.ai-feature{background:linear-gradient(145deg,#f8f9ff,#e8eeff);border:2px solid #e3f2fd;position:relative}.feature-card.ai-feature:before{background:linear-gradient(90deg,#2196f3,#673ab7,#9c27b0)}.feature-card.ai-feature:hover{border-color:#2196f3;box-shadow:0 8px 32px rgba(33,150,243,.25)}.feature-card.ai-feature .feature-icon{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196f3;color:#1976d2}.feature-card.ai-feature:hover .feature-icon{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;transform:scale(1.15)}.feature-card.ai-feature h3{background:linear-gradient(135deg,#1565c0,#673ab7);-webkit-background-clip:text;color:#1565c0;-webkit-text-fill-color:transparent;background-clip:text}.feature-card.ai-feature:after{background:linear-gradient(135deg,#2196f3,#673ab7);border-radius:12px;color:#fff;content:"\1F916 AI";font-size:11px;font-weight:600;opacity:.9;padding:4px 8px;position:absolute;right:12px;top:12px}.workflow-container{display:flex;flex-direction:column;gap:24px;margin-top:32px}.workflow-item{align-items:flex-start;background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.08);display:flex;padding:28px;position:relative;transition:all .3s ease}.workflow-item:hover{border-color:#a3ded2;box-shadow:0 8px 24px rgba(63,81,181,.15);transform:translateY(-4px)}.workflow-number{align-items:center;background:linear-gradient(135deg,#3f51b5,#2196f3);border-radius:50%;box-shadow:0 4px 12px rgba(33,150,243,.4);color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:48px;justify-content:center;margin-right:24px;transition:all .3s ease;width:48px}.workflow-item:hover .workflow-number{box-shadow:0 6px 16px rgba(33,150,243,.5);transform:scale(1.1)}.workflow-content h3{color:#1a237e;font-size:18px;font-weight:700;margin-bottom:12px;margin-top:0}.workflow-content p{color:#555;font-size:15px;line-height:1.6;margin:0}.benefits-list{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:32px}.benefit-item{align-items:flex-start;background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.08);display:flex;padding:28px;position:relative;transition:all .3s ease}.benefit-item:hover{border-color:#a3ded2;box-shadow:0 8px 24px rgba(163,222,210,.2);transform:translateY(-4px)}.benefit-icon{align-items:center;background:linear-gradient(135deg,#3f51b5,#2196f3);border-radius:50%;box-shadow:0 4px 12px rgba(33,150,243,.3);color:#fff;display:flex;flex-shrink:0;font-size:32px;height:56px;justify-content:center;margin-right:20px;transition:all .3s ease;width:56px}.benefit-item:hover .benefit-icon{box-shadow:0 6px 16px rgba(33,150,243,.4);transform:scale(1.1)}.benefit-text h3{color:#1a237e;font-size:18px;font-weight:700;margin-bottom:12px;margin-top:0}.benefit-text p{color:#555;font-size:15px;line-height:1.6;margin:0}.steps-list{list-style:none;margin:24px auto;max-width:600px;padding:0}.steps-list li{align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;margin-bottom:20px;padding:16px;transition:all .3s ease}.steps-list li:hover{border-color:#a3ded2;box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-2px)}.step-number{align-items:center;background:linear-gradient(135deg,#3f51b5,#2196f3);border-radius:50%;box-shadow:0 3px 8px rgba(33,150,243,.3);color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:36px;justify-content:center;margin-right:16px;width:36px}.steps-list li span:not(.step-number){color:#333;font-size:16px;font-weight:500}.close-button.profile-close-btn{align-items:center;background-color:hsla(0,0%,100%,.95);border:2px solid hsla(0,0%,100%,.9);border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#1e3a5f;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:10001}.close-button.profile-close-btn:hover{background-color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.3);transform:scale(1.1)}@keyframes slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media screen and (max-width:768px){.about-container{border-radius:16px;display:flex;flex-direction:column;height:100%;margin:0;max-height:100%;width:100%}.about-header{border-radius:16px 16px 0 0;flex-shrink:0;padding:16px 20px}.about-header h1{font-size:1.8rem}.about-content{flex:1;overflow-y:auto;padding:24px 20px;-webkit-overflow-scrolling:touch}.about-section{margin-bottom:32px}.about-section h2{font-size:20px;margin-bottom:20px}.about-section h2:after{height:3px;width:60px}.feature-grid{gap:20px;grid-template-columns:1fr;margin-top:24px}.feature-card{padding:24px 20px}.feature-icon{font-size:36px;height:64px;margin-bottom:16px;width:64px}.workflow-item{flex-direction:column;padding:20px;text-align:center}.workflow-number{font-size:18px;height:40px;margin-bottom:16px;margin-right:0;width:40px}.workflow-content h3{font-size:16px;margin-bottom:8px}.workflow-content p{font-size:14px}.benefits-list{gap:16px;grid-template-columns:1fr}.benefit-item{padding:20px}.benefit-icon{font-size:24px;height:48px;margin-right:16px;width:48px}.benefit-text h3{font-size:16px}.benefit-text p{font-size:14px}.steps-list li{margin-bottom:12px;padding:12px}.step-number{height:32px;margin-right:12px;width:32px}.step-number,.steps-list li span:not(.step-number){font-size:14px}.close-button.profile-close-btn{font-size:16px;height:36px;right:16px;top:16px;width:36px}}.about-overlay.mobile-overlay{align-items:center!important;backdrop-filter:blur(8px)!important;background:rgba(0,0,0,.8)!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:15px!important;position:fixed!important;right:0!important;top:0!important;z-index:10000!important}.about-modal.mobile-modal{animation:slide-up .3s ease-out!important;background:#fff!important;border:1px solid rgba(163,222,210,.3)!important;border-radius:16px!important;box-shadow:0 8px 32px rgba(30,58,95,.3)!important;height:auto!important;margin:0 auto!important;max-height:90vh!important;max-width:100%!important;overflow:hidden!important;position:relative!important;transform:none!important;width:100%!important}@media (max-width:768px){.about-modal.mobile-modal{border-radius:16px;height:auto;max-height:95vh;width:100%}.about-modal.mobile-modal .about-header h1{font-size:1.5rem;margin-bottom:16px}.about-modal.mobile-modal .close-button{right:8px;top:8px}.about-modal.mobile-modal .feature-grid{gap:16px;grid-template-columns:1fr}.about-modal.mobile-modal .workflow-item{margin-bottom:16px}.about-modal.mobile-modal .about-content{padding:40px 16px 8px}.about-modal.mobile-modal .about-section:last-child{margin-bottom:0}}@media (max-width:480px){.about-modal.mobile-modal{margin:4px;padding:12px}.about-modal.mobile-modal .about-header{padding:20px 16px}.about-modal.mobile-modal .about-content{padding:20px 12px 4px}.about-modal.mobile-modal .about-section:last-child{margin-bottom:0}}.about-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.about-content::-webkit-scrollbar{width:8px}.about-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.about-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#a3ded2,#88c9b3);border-radius:4px}.about-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#88c9b3,#6db59f)}.ai-insights-container{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:20px 0;padding:24px}.ai-header{border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:32px;padding-bottom:24px;text-align:center}.header-icon{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;box-shadow:0 8px 24px rgba(124,58,237,.3);display:inline-flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.header-icon svg{color:#fff;height:32px;width:32px}.ai-header h2{background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;font-size:1.75rem;font-weight:700;margin:0 0 12px;-webkit-text-fill-color:transparent;background-clip:text}.ai-header p{color:#475569;font-size:1.1rem;line-height:1.6;margin:0}.ai-action-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:12px;box-shadow:0 4px 16px rgba(124,58,237,.3);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:16px;padding:12px 24px;transition:all .3s ease}.ai-action-btn:hover{box-shadow:0 8px 24px rgba(124,58,237,.4);transform:translateY(-2px)}.ai-action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.status-message{font-size:.95rem;margin:8px 0 24px;text-align:center}.financial-dashboard{display:flex;flex-direction:column;gap:32px}.summary-header{margin-bottom:24px;text-align:center}.summary-header h3{color:#0f172a;font-size:1.8rem;font-weight:800;letter-spacing:.5px;margin:0 0 20px;text-align:center;text-transform:uppercase}.summary-highlight{border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.2);display:inline-block;font-size:1.25rem;font-weight:700;padding:16px 24px}.summary-highlight.positive{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.summary-highlight.negative{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.metrics-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.metric-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8);border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.metric-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.2);transform:translateY(-4px)}.metric-icon{align-items:center;display:flex;justify-content:center;margin-bottom:12px}.metric-icon img{height:32px;object-fit:contain;width:32px}.metric-value{color:#1e293b;font-size:1.75rem;font-weight:700;margin-bottom:8px}.metric-label{color:#475569;font-size:.9rem;font-weight:500}.performance-section{margin-bottom:32px;text-align:center}.performance-section h4{color:#0f172a;font-size:1.4rem;font-weight:800;letter-spacing:.3px;margin:0 0 20px;text-align:center;text-transform:uppercase}.performance-gauge{align-items:center;display:flex;flex-direction:column;gap:16px}.gauge-circle,.gauge-container{height:60px;position:relative;width:120px}.gauge-circle{background:hsla(0,0%,100%,.1);border-radius:60px 60px 0 0;overflow:hidden}.gauge-progress{border-radius:60px 60px 0 0;height:100%;left:0;position:absolute;top:0;transform-origin:center bottom;transition:transform 1s ease;width:100%}.gauge-center{bottom:0;left:50%;position:absolute;text-align:center;transform:translateX(-50%);z-index:2}.gauge-score{color:#1e293b;font-size:1.5rem;font-weight:700}.gauge-label{color:#475569;font-size:.8rem}.gauge-message{color:#475569;font-size:1rem;font-weight:500;max-width:300px}.flow-visualization{margin-bottom:32px}.flow-visualization h4{color:#0f172a;font-size:1.4rem;font-weight:800;letter-spacing:.3px;margin:0 0 16px;text-align:center;text-transform:uppercase}.flow-bar{background:hsla(0,0%,100%,.8);padding:20px}.flow-bar,.flow-income{border-radius:12px;position:relative}.flow-income{background:linear-gradient(135deg,#10b981,#059669);height:24px;overflow:hidden}.flow-expenses{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px 0 0 12px;height:100%;position:relative}.flow-savings{background:linear-gradient(135deg,#3b82f6,#2563eb);height:100%;position:absolute;right:0;top:0}.flow-labels{color:#475569;display:flex;font-size:.85rem;justify-content:space-between;margin-top:12px}.categories-section{margin-bottom:32px}.categories-section h4{color:#0f172a;font-size:1.4rem;font-weight:800;letter-spacing:.3px;margin:0 0 16px;text-align:center;text-transform:uppercase}.categories-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.category-item{backdrop-filter:blur(10px);background:#a3ded2;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:16px;text-align:center;transition:all .3s ease}.category-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.2);transform:translateY(-2px)}.category-name{color:#1e293b;font-size:.9rem;font-weight:600;margin-bottom:8px}.category-amount{color:#1e293b;font-size:1.1rem;font-weight:700;margin-bottom:4px}.category-percentage{color:#475569;font-size:.8rem}.no-categories-message{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8);border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:20px;text-align:center}.no-categories-message p{color:#64748b;font-size:.95rem;font-style:italic;margin:0}.ai-insights-section{margin-bottom:24px}.ai-insights-section h4{background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;color:#0f172a;font-size:1.5rem;font-weight:800;letter-spacing:.5px;margin:0 0 24px;text-align:center;text-transform:uppercase;-webkit-text-fill-color:transparent;background-clip:text}.insights-content{display:flex;flex-direction:column;gap:20px}.text-insights{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8);border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:20px}.text-insights p{color:#1e293b;line-height:1.6;margin:0 0 12px}.insight-main-title{background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;color:#0f172a;font-size:2rem;font-weight:900;letter-spacing:.5px;margin:0 0 24px;text-align:center;text-transform:uppercase;-webkit-text-fill-color:transparent;background-clip:text}.insight-section-title{border-bottom:2px solid #e2e8f0;color:#0f172a;font-size:1.4rem;font-weight:800;letter-spacing:.3px;margin:24px 0 16px;padding-bottom:8px;text-transform:uppercase}.insight-paragraph{color:#1e293b;font-size:1rem;line-height:1.7;margin:0 0 16px}.insight-bullet-point{color:#475569;font-size:.95rem;line-height:1.6;margin:0 0 8px;padding-left:16px;position:relative}.insight-bullet-point:before{color:#3b82f6;content:"•";font-weight:700;left:0;position:absolute}.insight-list{list-style:none;margin:16px 0;padding-left:0}.text-insights p:last-child{margin-bottom:0}.structured-insights{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.insight-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.1);padding:24px;transition:all .3s ease}.insight-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.15);transform:translateY(-4px)}.insight-card.praise{background:linear-gradient(135deg,rgba(16,185,129,.05),hsla(0,0%,100%,.9));border-left:4px solid #10b981}.insight-card.suggestions{background:linear-gradient(135deg,rgba(245,158,11,.05),hsla(0,0%,100%,.9));border-left:4px solid #f59e0b}.insight-card.challenges{background:linear-gradient(135deg,rgba(59,130,246,.05),hsla(0,0%,100%,.9));border-left:4px solid #3b82f6}.card-header{gap:12px;margin-bottom:16px}.card-header,.card-icon{align-items:center;display:flex}.card-icon{background:hsla(0,0%,100%,.8);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);font-size:1.5rem;height:40px;justify-content:center;width:40px}.insight-card h5{font-size:1.3rem;font-weight:800;letter-spacing:.3px;margin:0}.insight-card h5,.insight-card h6{color:#0f172a;text-transform:uppercase}.insight-card h6{font-size:1.1rem;font-weight:700;letter-spacing:.2px;margin:0 0 8px}.insight-card p{color:#475569;line-height:1.6;margin:0 0 12px}.insight-card ul{margin:0;padding-left:20px}.insight-card li{color:#475569;line-height:1.6;margin-bottom:8px}.insight-card li:last-child{margin-bottom:0}.card-content{display:flex;flex-direction:column;gap:16px}.highlight-metric{align-items:center;background:rgba(16,185,129,.1);border-radius:8px;display:flex;justify-content:space-between;margin-top:12px;padding:12px}.highlight-metric .metric-label{color:#059669;font-size:.9rem;font-weight:500}.highlight-metric .metric-value{color:#059669;font-size:1.1rem;font-weight:700}.suggestion-item{align-items:flex-start;background:hsla(0,0%,100%,.6);border:1px solid rgba(0,0,0,.05);border-radius:12px;display:flex;gap:12px;padding:16px}.suggestion-icon{align-items:center;background:rgba(245,158,11,.1);border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:32px;justify-content:center;width:32px}.suggestion-text{flex:1}.suggestion-text h6{color:#0f172a;font-weight:700;letter-spacing:.2px;margin:0 0 4px;text-transform:uppercase}.suggestion-text p{color:#475569;font-size:.9rem;margin:0}.challenge-item{background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.1);border-radius:12px;padding:16px}.challenge-item h6{color:#1e40af;font-weight:700;letter-spacing:.2px;margin-bottom:8px;text-transform:uppercase}.challenge-progress{margin-top:12px}.progress-bar{background:rgba(59,130,246,.2);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#475569;font-size:.8rem;font-weight:500}.first-period-message{padding:32px 20px;text-align:center}.first-period-icon{font-size:3rem;margin-bottom:16px}.first-period-message h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 16px}.first-period-message p{color:#475569;font-size:1rem;line-height:1.6;margin-bottom:24px}.setup-checklist{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;margin-top:24px;padding:20px;text-align:left}.setup-checklist h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 16px}.setup-checklist ul{margin:0;padding-left:20px}.setup-checklist li{color:#475569;line-height:1.6;margin-bottom:12px}.setup-checklist li:last-child{margin-bottom:0}.empty-state{padding:48px 20px;text-align:center}.empty-icon{font-size:3rem;margin-bottom:16px}.empty-state h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 12px}.empty-state p{color:#475569;font-size:1rem;line-height:1.6;margin:0}.ai-loading{padding:48px 20px;text-align:center}.loading-spinner{margin-bottom:16px}.ai-loading p{color:#475569;font-size:1rem;margin:0}.analysis-timestamp{border-top:1px solid rgba(0,0,0,.1);margin-top:24px;padding-top:16px;text-align:center}.analysis-timestamp small{color:#64748b;font-size:.85rem}@media (max-width:768px){.ai-insights-container{margin:16px 0;padding:16px}.metrics-grid{gap:16px;grid-template-columns:1fr}.categories-grid{gap:12px;grid-template-columns:1fr}.structured-insights{gap:16px;grid-template-columns:1fr}.flow-labels{flex-direction:column;gap:4px;text-align:center}.ai-header h2{font-size:1.5rem}.ai-header p{font-size:1rem}.summary-highlight{font-size:1.1rem;padding:12px 16px}}@media (max-width:480px){.ai-insights-container{padding:12px}.insight-card,.metric-card,.setup-checklist{padding:16px}}.chatbot-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;height:70vh;margin:2vh auto;max-width:1000px;overflow:hidden;position:relative;width:90%}.chatbot-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e1e5e9;color:#fff;padding:18px 24px}.chatbot-avatar,.chatbot-header{align-items:center;box-shadow:0 2px 8px rgba(102,126,234,.08);display:flex}.chatbot-avatar{background:hsla(0,0%,100%,.18);border-radius:50%;font-size:28px;height:48px;justify-content:center;margin-right:16px;width:48px}.chatbot-info h3{font-size:1.25rem;font-weight:700;letter-spacing:.01em;margin:0}.chatbot-info p{font-size:.98rem;font-weight:400;margin:2px 0 0;opacity:.92}.chatbot-messages{background:#f8f9fa;display:flex;flex:1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px}.message{align-items:flex-end;animation:slideIn .25s cubic-bezier(.4,0,.2,1);display:flex;gap:12px;max-width:90%}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.ai_response{align-self:flex-start}.message-avatar{align-items:center;background:#f0f0f0;border-radius:50%;box-shadow:0 1px 4px rgba(102,126,234,.07);display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;width:36px}.message.user .message-avatar{background:#667eea;color:#fff}.message.ai_response .message-avatar{background:#764ba2;color:#fff}.message-content{background:#fff;border-radius:18px 18px 18px 4px;box-shadow:0 2px 8px rgba(102,126,234,.07);font-size:1rem;max-width:100%;min-width:60px;padding:14px 18px;position:relative;word-break:break-word}.message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:18px 4px 18px 18px;color:#fff}.message.ai_response .message-content{background:#fff;border-radius:18px 18px 18px 4px;color:#333}.message-time{font-size:11px;margin-top:4px;opacity:.6;text-align:right}.message.user .message-time{color:hsla(0,0%,100%,.8)}.typing-indicator{align-items:center;display:flex;gap:3px;padding:8px 0}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#764ba2;border-radius:50%;height:7px;width:7px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.quick-actions{background:#f8f9fa;border-top:1px solid #e1e5e9;padding:16px 24px}.quick-actions p{color:#555;font-size:1rem;font-weight:600;margin:0 0 10px}.quick-action-buttons{display:flex;flex-wrap:wrap;gap:10px}.quick-action-btn{align-items:center;background:linear-gradient(135deg,#f8fafc,#e1e5e9);border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 1px 4px rgba(102,126,234,.06);color:#333;cursor:pointer;display:flex;font-size:.98rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.quick-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.action-icon{font-size:1.1em}.chatbot-input{background:#fff;border-top:1px solid #e1e5e9;display:flex;flex-direction:column;gap:6px;padding:16px 24px 12px}.input-container{align-items:center;background:#f8f9fa;border:1.5px solid #e1e5e9;border-radius:12px;box-shadow:0 1px 4px rgba(102,126,234,.04);display:flex;padding:6px 12px}.input-container textarea{background:transparent;border:none;color:#333;flex:1;font-size:1rem;height:-webkit-fill-available;max-height:90px;min-height:36px;outline:none;padding:8px;resize:none}.input-container textarea:disabled{background:transparent;color:#aaa}.send-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 1px 4px rgba(102,126,234,.08);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;margin-left:8px;padding:8px 14px;transition:background .2s,box-shadow .2s}.send-button:disabled{cursor:not-allowed;opacity:.6}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 2px 8px rgba(102,126,234,.13)}.input-hints{color:#888;font-size:.92rem;margin-top:2px;text-align:right}.hint{color:#888;font-style:italic}@media (max-width:768px){.chatbot-container{height:80vh;margin:1vh auto;width:95%}.chatbot-header,.chatbot-input,.quick-actions{padding:12px 16px}.chatbot-messages{padding:12px}.quick-actions{display:none!important}}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.message{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.ai_response .message-content strong{color:#667eea}.chatbot-input.loading{opacity:.7;pointer-events:none}.chatbot-input.loading .input-container{background:#f5f5f5}.input-container textarea:focus,.quick-action-btn:focus,.send-button:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-color-scheme:dark){.chatbot-container{background:#1a1a1a;box-shadow:0 4px 12px rgba(0,0,0,.3)}.chatbot-header{background:linear-gradient(135deg,#4a5568,#2d3748)}.chatbot-messages{background:#1a1a1a}.message-content{background:#2d3748;color:#e2e8f0}.message.user .message-content{background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff}.quick-actions{background:#1a1a1a;border-top-color:#2d3748}.input-container{background:#2d3748;border-color:#4a5568}.input-container textarea{color:#e2e8f0}.input-container textarea::placeholder{color:#a0aec0}.send-button{color:#e2e8f0}.send-button:hover:not(:disabled){color:#fff}.quick-action-btn{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#4a5568;color:#e2e8f0}.quick-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff}}.ai-response-item{gap:8px;margin:4px 0;padding:4px 0}.ai-icon,.ai-response-item{align-items:center;display:flex}.ai-icon{color:#667eea;flex-shrink:0;height:20px;justify-content:center;width:20px}.ai-response-item .ai-icon svg{height:16px;width:16px}.ai-response-content{display:flex;flex-direction:column;gap:2px}.ai-label{color:#374151;font-size:.95rem;font-weight:700}.ai-value{color:#6b7280;font-size:.9rem;font-weight:400}.ai-response-item strong{color:#374151;font-weight:600}.action-icon{align-items:center;color:#667eea;display:flex;height:20px;justify-content:center;margin-right:8px;width:20px}.action-icon svg{height:16px;width:16px}.message.ai_response .message-text{line-height:1.6}.message.ai_response .message-text div{margin-bottom:2px}@media (prefers-color-scheme:dark){.action-icon,.ai-icon{color:#8b5cf6}.ai-response-item strong{color:#e5e7eb}}.message.ai_response.error .message-content{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#dc2626;position:relative}.message.ai_response.error .message-content:before{align-items:center;background:#dc2626;border-radius:50%;box-shadow:0 2px 4px rgba(220,38,38,.3);color:#fff;content:"⚠️";display:flex;font-size:16px;height:24px;justify-content:center;left:-8px;position:absolute;top:50%;transform:translateY(-50%);width:24px}.message.ai_response.error .message-avatar{background:#dc2626;color:#fff}.message.ai_response.error.quota-exceeded .message-content{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#d97706}.message.ai_response.error.quota-exceeded .message-content:before{background:#f59e0b;box-shadow:0 2px 4px rgba(245,158,11,.3);content:"⏰"}.message.ai_response.error.quota-exceeded .message-avatar{background:#f59e0b;color:#fff}.message.ai_response.error.timeout .message-content{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;color:#1d4ed8}.message.ai_response.error.timeout .message-content:before{background:#3b82f6;box-shadow:0 2px 4px rgba(59,130,246,.3);content:"⏱️"}.message.ai_response.error.timeout .message-avatar{background:#3b82f6;color:#fff}.message.ai_response.error.rate-limit .message-content{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#d97706}.message.ai_response.error.rate-limit .message-content:before{background:#f59e0b;box-shadow:0 2px 4px rgba(245,158,11,.3);content:"⏱️"}.message.ai_response.error.rate-limit .message-avatar{background:#f59e0b;color:#fff}@media (prefers-color-scheme:dark){.message.ai_response.error .message-content{background:linear-gradient(135deg,#7f1d1d,#991b1b);border-color:#dc2626;color:#fca5a5}.message.ai_response.error.quota-exceeded .message-content{background:linear-gradient(135deg,#78350f,#92400e);border-color:#f59e0b;color:#fbbf24}.message.ai_response.error.timeout .message-content{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#3b82f6;color:#93c5fd}.message.ai_response.error.rate-limit .message-content{background:linear-gradient(135deg,#78350f,#92400e);border-color:#f59e0b;color:#fbbf24}}.chatbot-controls{align-items:center;display:flex;gap:12px;margin-left:auto}.test-api-btn{align-items:center;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:8px 12px;transition:all .2s ease}.test-api-btn:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);transform:translateY(-1px)}.test-api-btn:active{transform:translateY(0)}.clear-chat-btn{align-items:center;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:8px 12px;transition:all .2s ease}.clear-chat-btn:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);transform:translateY(-1px)}.clear-chat-btn:active{transform:translateY(0)}.chatbot-status{align-items:center;display:flex;font-size:12px;gap:6px;opacity:.9}.status-indicator{border-radius:50%;height:8px;width:8px}.status-indicator,.status-indicator.online{background:#4ade80}.status-indicator.offline{background:#ef4444}.loading-container{color:#fff;font-size:18px;height:200px}.loading-container,.spending-limits-overlay{align-items:center;display:flex;justify-content:center}.spending-limits-overlay{background-color:rgba(0,0,0,.8);bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.spending-limits-modal{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.3);max-height:90vh;max-width:900px;overflow-y:auto;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:inherit;border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;padding:25px 30px;position:sticky;top:0;z-index:10}.modal-header h2{color:#fff;font-size:28px;font-weight:700;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.close-btn:hover{background-color:hsla(0,0%,100%,.1);transform:scale(1.1)}.spending-limits-content{gap:40px;grid-template-columns:1fr 1fr;padding:30px}.limits-section h3,.usage-section h3{color:#fff;font-size:22px;font-weight:600;margin:0 0 10px}.limits-description,.usage-description{color:hsla(0,0%,100%,.8);font-size:14px;line-height:1.5;margin:0 0 25px}.limits-form{gap:20px}.limit-input-group,.limits-form{display:flex;flex-direction:column}.limit-input-group{gap:8px}.limit-input-group label{color:#fff;font-size:14px;font-weight:500}.input-wrapper{align-items:center;background:hsla(0,0%,100%,.1);border:2px solid transparent;border-radius:12px;display:flex;padding:0 15px;transition:all .2s ease}.input-wrapper:focus-within{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.currency-symbol{color:hsla(0,0%,100%,.7);font-weight:500;margin-right:8px}.input-wrapper input{background:none;border:none;color:#fff;flex:1;font-size:16px;outline:none;padding:12px 0}.input-wrapper input::placeholder{color:hsla(0,0%,100%,.5)}.limits-actions{margin-top:25px}.save-limits-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .2s ease;width:100%}.save-limits-btn:hover{box-shadow:0 8px 25px rgba(79,172,254,.3);transform:translateY(-2px)}.usage-cards{display:flex;flex-direction:column;gap:20px}.usage-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;padding:20px;transition:all .2s ease}.usage-card.over-limit{background:rgba(231,76,60,.1);border-color:#e74c3c}.usage-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.2);transform:translateY(-3px)}.usage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.usage-header h4{color:#fff;font-size:16px;font-weight:600;margin:0}.usage-status{background:hsla(0,0%,100%,.2);border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.usage-status.over{background:#e74c3c}.usage-amounts{align-items:baseline;display:flex;gap:5px;margin-bottom:15px}.spent-amount{color:#fff;font-size:20px;font-weight:700}.limit-amount{color:hsla(0,0%,100%,.6);font-size:14px}.usage-bar{background:hsla(0,0%,100%,.2);border-radius:10px;height:8px;margin-bottom:10px;overflow:hidden}.usage-progress{border-radius:10px;height:100%;transition:all .3s ease}.remaining-amount{color:hsla(0,0%,100%,.8);font-size:13px}.over-amount{color:#ff6b6b;font-weight:600}.remaining{color:#4ecdc4}@media (max-width:768px){.spending-limits-overlay{padding:10px}.spending-limits-modal{max-height:95vh}.spending-limits-content{gap:30px;grid-template-columns:1fr;padding:20px}.modal-header{padding:20px 25px}.modal-header h2{font-size:24px}.usage-card{padding:15px}.spent-amount{font-size:18px}}.predictive-budgeting{color:#1e3a5f;margin:0 auto;max-width:1200px;padding:0 16px}.predictive-header{background:linear-gradient(135deg,#6b73ff,#9b59b6);border-radius:16px;color:#fff;margin-bottom:24px;padding:24px}.predictive-header h2{font-size:24px;font-weight:700;margin:0 0 16px}.prediction-controls{display:flex;flex-wrap:wrap;gap:12px}.method-selector,.timeframe-selector{background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.3);border-radius:25px;color:#2c3e50;font-size:14px;font-weight:500;outline:none;padding:8px 16px;transition:all .3s ease}.method-selector:focus,.timeframe-selector:focus{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.7)}.method-selector option,.timeframe-selector option{background:#1e3a5f;color:#fff}.prediction-section{background:#fff;border:1px solid #e8f4fd;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:24px;overflow:hidden}.section-header{align-items:center;background:linear-gradient(135deg,#e8f4fd,#f0f9ff);border-bottom:1px solid #e1e5e9;cursor:pointer;display:flex;justify-content:space-between;padding:20px 24px;transition:background .2s ease}.section-header:hover{background:linear-gradient(135deg,#dcf0fc,#e8f4fd)}.section-header h3{color:#1e3a5f;font-size:18px;font-weight:600;margin:0}.toggle-icon{color:#6b73ff;font-size:16px;transition:transform .2s ease}.forecast-summary{padding:24px}.forecast-card{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;color:#fff;margin-bottom:16px;padding:24px}.forecast-card h4{font-size:16px;font-weight:500;margin:0 0 8px;opacity:.9}.forecast-card .amount{font-size:32px;font-weight:700;margin-bottom:8px}.confidence{font-size:14px;opacity:.9}.confidence-high{color:#10b981;font-weight:600}.confidence-medium{color:#f59e0b;font-weight:600}.confidence-low{color:#ef4444;font-weight:600}.forecast-comparison{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:16px}.comparison-item{align-items:center;background:#f8fafc;border-left:4px solid #6b73ff;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.comparison-item span:first-child{color:#64748b;font-size:14px;font-weight:500}.comparison-item .increase{color:#ef4444;font-weight:600}.comparison-item .decrease{color:#10b981;font-weight:600}.detailed-forecast{border-top:1px solid #e1e5e9;margin-top:24px;padding-top:24px}.detailed-forecast h4{color:#1e3a5f;font-size:16px;font-weight:600;margin:0 0 16px}.category-forecasts{display:grid;gap:12px}.category-forecast-item{background:#f8fafc;border-left:4px solid #a3ded2;border-radius:8px;padding:16px}.category-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.category-name{color:#1e3a5f;font-weight:600}.category-amount{color:#6b73ff;font-weight:700}.category-trend{align-items:center;display:flex;gap:8px;margin-bottom:8px}.trend-bar{background:#e1e5e9;border-radius:3px;flex:1;height:6px;overflow:hidden}.trend-fill{background:linear-gradient(90deg,#10b981,#6b73ff);height:100%;transition:width .3s ease}.trend-change{border-radius:10px;font-size:12px;font-weight:600;padding:2px 6px}.trend-change.up{background:#fee2e2;color:#dc2626}.trend-change.down{background:#dcfce7;color:#16a34a}.category-reasoning{color:#64748b;font-size:12px;font-style:italic}.recommendations-summary{padding:24px}.recommendation-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;margin-bottom:16px;padding:20px;transition:all .3s ease}.recommendation-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}.recommendation-card.high{background:linear-gradient(135deg,#fef2f2,#fff);border-left:5px solid #ef4444}.recommendation-card.medium{background:linear-gradient(135deg,#fffbeb,#fff);border-left:5px solid #f59e0b}.recommendation-card.low{background:linear-gradient(135deg,#f0fdf4,#fff);border-left:5px solid #10b981}.rec-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.rec-icon{font-size:20px}.rec-title{color:#1e3a5f;flex:1;font-weight:600}.rec-priority{border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.rec-priority.high{background:#fee2e2;color:#dc2626}.rec-priority.medium{background:#fef3c7;color:#d97706}.rec-priority.low{background:#dcfce7;color:#16a34a}.rec-description{color:#64748b;line-height:1.5;margin-bottom:12px}.rec-impact{color:#10b981;font-size:14px;font-weight:600}.detailed-recommendations{border-top:1px solid #e1e5e9;margin-top:24px;padding-top:24px}.action-item{background:#f8fafc;border-left:4px solid #6b73ff;border-radius:8px;margin-bottom:16px;padding:16px}.action-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.action-title{color:#1e3a5f;font-weight:600}.action-timeframe{background:#fff;border-radius:10px;color:#64748b;font-size:12px;padding:4px 8px}.action-description{color:#64748b;line-height:1.5;margin-bottom:12px}.action-steps{display:grid;gap:8px}.step{gap:8px}.step,.step-number{align-items:center;display:flex}.step-number{background:#6b73ff;border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;font-weight:600;height:20px;justify-content:center;width:20px}.step-text{color:#1e3a5f;font-size:14px}.savings-summary{padding:24px}.savings-goal-card{background:linear-gradient(135deg,#f0fdf4,#fff);border:1px solid #d1fae5;border-radius:12px;margin-bottom:16px;padding:20px}.goal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.goal-header h4{color:#1e3a5f;font-weight:600;margin:0}.goal-amount{color:#10b981;font-size:18px;font-weight:700}.goal-progress{margin-bottom:16px}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#10b981,#6b73ff);height:100%;transition:width .3s ease}.progress-text{color:#10b981;font-size:14px;font-weight:600}.goal-timeline{display:grid;gap:8px}.timeline-item{align-items:center;display:flex;font-size:14px;justify-content:space-between}.timeline-item span:first-child{color:#64748b}.completion-date.on-track{color:#10b981;font-weight:600}.completion-date.off-track{color:#ef4444;font-weight:600}.good-pace{color:#10b981}.slow-pace{color:#f59e0b}.goal-recommendations{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.goal-recommendations h5{color:#1e3a5f;font-size:14px;font-weight:600;margin:0 0 8px}.goal-rec{color:#64748b;font-size:13px;padding:4px 0}.no-goals-message{color:#64748b;padding:40px;text-align:center}.no-goals-message a{color:#6b73ff;font-weight:600;text-decoration:none}.no-goals-message a:hover{text-decoration:underline}.alerts-summary{padding:24px}.alert-card{border-left:5px solid;border-radius:12px;margin-bottom:16px;padding:20px}.alert-card.high{background:linear-gradient(135deg,#fef2f2,#fff);border-left-color:#ef4444}.alert-card.medium{background:linear-gradient(135deg,#fffbeb,#fff);border-left-color:#f59e0b}.alert-card.low{background:linear-gradient(135deg,#f0f9ff,#fff);border-left-color:#3b82f6}.alert-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.alert-icon{font-size:20px}.alert-title{color:#1e3a5f;flex:1;font-weight:600}.alert-severity{border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.alert-severity.high{background:#fee2e2;color:#dc2626}.alert-severity.medium{background:#fef3c7;color:#d97706}.alert-severity.low{background:#dbeafe;color:#2563eb}.alert-description{color:#64748b;line-height:1.5;margin-bottom:12px}.alert-timeline{margin-bottom:12px}.alert-suggestions h5,.alert-timeline{color:#1e3a5f;font-size:14px;font-weight:600}.alert-suggestions h5{margin:0 0 8px}.suggestion{color:#64748b;font-size:13px;padding:4px 0 4px 16px;position:relative}.suggestion:before{color:#6b73ff;content:"\2022";left:0;position:absolute}.no-alerts-message{padding:40px;text-align:center}.positive-message{align-items:center;color:#10b981;display:flex;font-weight:600;gap:8px;justify-content:center}.check-icon{font-size:20px}.detailed-cashflow{border-top:1px solid #e1e5e9;margin-top:24px;padding-top:24px}.cashflow-chart{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:16px}.month-cashflow{background:#f8fafc;border-radius:8px;padding:12px;text-align:center}.month-label{color:#64748b;font-size:12px;font-weight:600;margin-bottom:8px}.cashflow-bars{align-items:end;display:flex;gap:4px;height:60px;justify-content:space-around;margin-bottom:8px}.expense-bar,.income-bar{border-radius:2px;max-width:20px;min-height:4px;position:relative;width:100%}.income-bar{background:linear-gradient(0deg,#10b981,#34d399)}.expense-bar{background:linear-gradient(0deg,#ef4444,#f87171)}.bar-label{color:#1e3a5f;font-size:10px;font-weight:600;left:50%;position:absolute;top:-16px;transform:translateX(-50%);white-space:nowrap}.net-flow{font-size:12px;font-weight:600;margin-bottom:4px}.net-flow .positive{color:#10b981}.net-flow .negative{color:#ef4444}.balance{color:#64748b;font-size:11px}.prediction-insights{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;margin-bottom:24px;padding:24px}.prediction-insights h3{color:#1e3a5f;font-size:20px;font-weight:700;margin:0 0 20px}.insights-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.insight-card{background:#fff;border:1px solid rgba(107,115,255,.1);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:20px}.insight-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.insight-icon{font-size:20px}.insight-title{color:#1e3a5f;font-weight:600}.insight-text{color:#64748b;line-height:1.6;margin-bottom:12px}.insight-confidence{color:#6b73ff;font-size:12px;font-weight:600}.detailed-savings{background:#f8fafc;border-top:1px solid #e1e5e9;padding:24px}.detailed-savings h4{color:#1e3a5f;font-size:18px;font-weight:600;margin:0 0 20px}.detailed-goal{background:#fff;border:1px solid #e1e5e9;border-radius:8px;margin-bottom:16px;padding:20px}.detailed-goal h5{color:#4f46e5;font-size:16px;font-weight:600;margin:0 0 16px}.detailed-goal h6{color:#374151;font-size:14px;font-weight:600;margin:16px 0 8px}.goal-timeline-detailed{margin-bottom:16px}.goal-timeline-detailed .timeline-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 0}.goal-timeline-detailed .timeline-item:last-child{border-bottom:none}.goal-rec-detailed{align-items:flex-start;color:#4b5563;display:flex;gap:8px;padding:4px 0}.rec-bullet{color:#6b73ff;font-weight:700}.goal-projections{background:#f9fafb;border-radius:6px;margin-top:12px;padding:12px}.projection-item{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.projection-item:first-child{color:#374151;font-weight:600}.no-detailed-goals{color:#6b7280;font-style:italic;padding:40px 20px;text-align:center}.good-pace{color:#059669;font-weight:600}.slow-pace{color:#dc2626;font-weight:600}.ahead{color:#059669}.ahead,.behind{font-weight:500}.behind{color:#dc2626}@media (max-width:768px){.predictive-budgeting{padding:0 12px}.predictive-header{margin-bottom:20px;padding:20px}.predictive-header h2{font-size:20px}.prediction-controls{flex-direction:column;gap:8px}.method-selector,.timeframe-selector{width:100%}.forecast-card .amount{font-size:28px}.forecast-comparison{gap:12px;grid-template-columns:1fr}.section-header{padding:16px 20px}.alerts-summary,.forecast-summary,.recommendations-summary,.savings-summary{padding:20px}.insights-grid{gap:12px;grid-template-columns:1fr}.cashflow-chart{gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (max-width:480px){.predictive-header{padding:16px}.forecast-card{padding:20px}.forecast-card .amount{font-size:24px}.section-header{padding:12px 16px}.alert-card,.alerts-summary,.forecast-summary,.recommendation-card,.recommendations-summary,.savings-goal-card,.savings-summary{padding:16px}}.desktop-side-menu{background:linear-gradient(135deg,#1e3a5f,#2c5282);box-shadow:4px 0 20px rgba(0,0,0,.1);color:#fff;display:flex!important;flex-direction:column;height:100vh;left:0;opacity:1!important;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:width .3s ease-in-out;visibility:visible!important;width:320px;z-index:10000!important}.desktop-side-menu.collapsed{width:80px}.side-menu-header{border-bottom:1px solid hsla(0,0%,100%,.1);display:block!important;padding:20px 16px;position:relative;visibility:visible!important}.user-profile-section{gap:12px;margin-bottom:16px;opacity:1!important;visibility:visible!important}.user-avatar,.user-profile-section{align-items:center;display:flex!important}.user-avatar{background:hsla(0,0%,100%,.1)!important;border-radius:50%;flex-shrink:0;height:48px!important;justify-content:center;overflow:hidden;position:relative;width:48px!important}.user-avatar img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.user-avatar .avatar-fallback{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.user-info{flex:1;min-width:0}.user-greeting{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-settings-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px;transition:all .2s ease}.profile-settings-btn:hover{background:hsla(0,0%,100%,.2)}.collapse-btn{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:8px;top:20px;transition:all .2s ease;width:32px}.collapse-btn:hover{background:hsla(0,0%,100%,.2)}.quick-overview{flex-shrink:0;padding:16px}.overview-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;margin-bottom:12px;padding:16px}.card-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.card-icon{font-size:18px}.card-title{color:hsla(0,0%,100%,.9);font-size:14px;font-weight:500}.card-value{color:#fff;font-size:24px;font-weight:700;margin-bottom:4px}.card-subtitle{color:hsla(0,0%,100%,.7);font-size:12px;margin-bottom:8px}.card-details{display:flex;flex-direction:column;gap:4px}.detail-item{color:hsla(0,0%,100%,.8);font-size:12px}.free-to-use-card{background:rgba(163,222,210,.15)!important;border:1px solid rgba(163,222,210,.3)!important}.free-to-use-card .card-value{color:#a3ded2;font-size:26px}.budget-breakdown{display:flex;flex-direction:column;gap:4px}.budget-item{color:hsla(0,0%,100%,.8);font-size:12px}.budget-item.income{color:#a3ded2}.budget-item.expenses{color:#ffb6c1}.period-info{color:hsla(0,0%,100%,.6);font-size:11px}.spending-limits-summary{border-top:1px solid hsla(0,0%,100%,.1);margin-top:12px;padding-top:12px}.limits-header{margin-bottom:8px}.limits-title{color:hsla(0,0%,100%,.9);font-size:12px;font-weight:600}.limits-indicators{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.limit-indicator{border-radius:10px;font-size:10px;font-weight:500;padding:2px 6px}.limit-indicator.over{background:rgba(231,76,60,.2);color:#e74c3c}.limit-indicator.warning{background:rgba(243,156,18,.2);color:#f39c12}.limit-indicator.good{background:rgba(39,174,96,.2);color:#27ae60}.limits-progress-list{display:flex;flex-direction:column;gap:6px}.limit-progress-item{display:flex;flex-direction:column;gap:3px}.limit-category-name{color:hsla(0,0%,100%,.8);font-size:10px;font-weight:500}.limit-progress-bar-container{align-items:center;display:flex;gap:6px}.limit-progress-bar{background:hsla(0,0%,100%,.1);border-radius:2px;flex:1;height:4px;overflow:hidden;position:relative}.limit-progress-fill{border-radius:2px;height:100%;transition:width .3s ease}.limit-progress-fill.good{background:#27ae60}.limit-progress-fill.warning{background:#f39c12}.limit-progress-fill.over{background:#e74c3c}.over-limit-indicator-bar{background:repeating-linear-gradient(45deg,#e74c3c,#e74c3c 2px,#c0392b 0,#c0392b 4px);border-radius:2px;height:100%;position:absolute;right:0;top:0}.limit-amounts-mini{align-items:center;color:hsla(0,0%,100%,.7);display:flex;font-size:9px;gap:2px;min-width:60px}.spent-mini{font-weight:600}.separator{opacity:.5}.limit-mini{opacity:.8}.spending-limits-status{margin-top:8px}.spending-limits-compact{display:flex;flex-direction:column;gap:8px}.spending-limit-compact-item{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px;transition:all .2s ease}.spending-limit-compact-item:hover{background:hsla(0,0%,100%,.08)}.spending-limit-compact-item .category-name{color:hsla(0,0%,100%,.9);flex:1;font-size:12px;font-weight:500}.spending-limit-compact-item .percentage-display{font-size:12px;font-weight:600;min-width:35px;text-align:right}.spending-limits-status h4{color:hsla(0,0%,100%,.9);font-size:13px;font-weight:600;margin:0 0 8px}.spending-limits-status ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.spending-limits-status li{align-items:center;background:hsla(0,0%,100%,.05);border-left:3px solid hsla(0,0%,100%,.2);border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;padding:6px 8px}.spending-limits-status li.over{background:rgba(231,76,60,.1);border-left-color:#e74c3c}.spending-limits-status li.warning{background:rgba(243,156,18,.1);border-left-color:#f39c12}.spending-limits-status li.good{background:rgba(39,174,96,.1);border-left-color:#27ae60}.category-name{color:hsla(0,0%,100%,.9);flex:1;font-size:11px;font-weight:500;margin-right:8px}.limit-status{align-items:center;display:flex;flex-direction:column;font-size:10px;gap:4px}.spent-amount{color:hsla(0,0%,100%,.8);font-weight:600}.limit-text{color:hsla(0,0%,100%,.6)}.status-indicator{border-radius:10px;display:none;font-size:9px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.status-indicator.good{background:rgba(39,174,96,.2);color:#2ecc71}.status-indicator.warning{background:rgba(243,156,18,.2);color:#f1c40f}.status-indicator.over{background:rgba(231,76,60,.2);color:#e74c3c}.status-indicator.no-limit{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.7)}.setup-message{padding:8px 0;text-align:center}.setup-message p{color:hsla(0,0%,100%,.8);font-size:12px;line-height:1.4;margin-bottom:12px}.setup-limits-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;cursor:pointer;font-size:11px;padding:6px 12px;transition:all .2s ease}.setup-limits-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.side-menu-nav{flex:1;overflow-y:auto;padding:8px 16px}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin-bottom:4px}.nav-button{align-items:center;background:none;border:none;border-radius:8px;color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.nav-button:hover{background:hsla(0,0%,100%,.1);color:#fff}.nav-button.active{background:rgba(163,222,210,.2);color:#a3ded2;font-weight:600}.nav-icon{flex-shrink:0;font-size:18px;text-align:center;width:24px}.nav-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-menu-footer{border-top:1px solid hsla(0,0%,100%,.1);flex-shrink:0;padding:16px}.footer-action-btn,.footer-actions{display:flex;gap:8px}.footer-action-btn{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:hsla(0,0%,100%,.8);cursor:pointer;flex:1;font-size:12px;justify-content:center;padding:8px 12px;transition:all .2s ease}.footer-action-btn:hover{background:hsla(0,0%,100%,.2);color:#fff}.action-icon{font-size:14px}.desktop-side-menu.collapsed .footer-action-btn span:not(.action-icon),.desktop-side-menu.collapsed .nav-label,.desktop-side-menu.collapsed .quick-overview,.desktop-side-menu.collapsed .user-info{display:none}.desktop-side-menu.collapsed .user-profile-section{justify-content:center;margin-bottom:8px}.desktop-side-menu.collapsed .nav-button{justify-content:center;padding:12px 8px}.desktop-side-menu.collapsed .footer-actions{flex-direction:column}.desktop-side-menu.collapsed .footer-action-btn{justify-content:center;padding:8px}.desktop-side-menu::-webkit-scrollbar{width:6px}.desktop-side-menu::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.desktop-side-menu::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:3px}.desktop-side-menu::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}@media (max-width:999px){.desktop-side-menu{display:none}.content{padding-top:0!important}}@media (min-width:1000px){.desktop-layout{--side-menu-width:320px;--side-menu-collapsed-width:80px;--content-padding:40px}.desktop-layout .content{box-sizing:border-box;margin-left:var(--side-menu-width);max-width:calc(100vw - var(--side-menu-width) - var(--content-padding));min-height:100vh;overflow-x:auto;padding:20px;padding-left:var(--content-padding);transition:margin-left .3s ease-in-out,padding-left .3s ease-in-out,width .3s ease-in-out;width:calc(100vw - var(--side-menu-width) - var(--content-padding))}.desktop-layout.menu-collapsed{--side-menu-width:var(--side-menu-collapsed-width)}.desktop-layout.menu-collapsed .content{margin-left:var(--side-menu-collapsed-width);max-width:calc(100vw - var(--side-menu-collapsed-width) - var(--content-padding));padding-left:var(--content-padding);width:calc(100vw - var(--side-menu-collapsed-width) - var(--content-padding))}html body .desktop-layout .content,html body main.desktop-layout .content{margin-left:var(--side-menu-width)!important;max-width:calc(100vw - var(--side-menu-width) - var(--content-padding))!important;width:calc(100vw - var(--side-menu-width) - var(--content-padding))!important}html body .desktop-layout.menu-collapsed .content,html body main.desktop-layout.menu-collapsed .content{margin-left:var(--side-menu-collapsed-width)!important;max-width:calc(100vw - var(--side-menu-collapsed-width) - var(--content-padding))!important;padding-left:var(--content-padding)!important;width:calc(100vw - var(--side-menu-collapsed-width) - var(--content-padding))!important}html body .desktop-layout .container,html body .desktop-layout .content .container,html body main.desktop-layout .container,html body main.desktop-layout .content .container{left:0!important;margin-left:0!important;position:relative!important}.desktop-layout main{min-height:100vh}.desktop-layout .container{display:block;padding-bottom:20px}.desktop-layout .container .grid-item,.desktop-layout .grid-item,html body .desktop-layout .container .grid-item,html body .desktop-layout .grid-item,html body main.desktop-layout .container .grid-item,html body main.desktop-layout .content .container .grid-item,main.desktop-layout .container .grid-item,main.desktop-layout .content .container .grid-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:none!important;height:auto!important;margin-bottom:24px!important;max-width:none!important;min-height:auto!important;opacity:0!important;padding:20px;visibility:hidden!important;width:100%!important}.desktop-layout .container .grid-item.active,.desktop-layout .grid-item.active,html body .desktop-layout .container .grid-item.active,html body .desktop-layout .grid-item.active,html body main.desktop-layout .container .grid-item.active,html body main.desktop-layout .content .container .grid-item.active,main.desktop-layout .container .grid-item.active,main.desktop-layout .content .container .grid-item.active{display:block!important;height:auto!important;margin-bottom:24px!important;min-height:auto!important;opacity:1!important;visibility:visible!important}.desktop-layout .mobile-about-wrapper,.desktop-layout .mobile-contact-wrapper{display:none!important}.desktop-layout .container .header-container,.desktop-layout .content .header-container,main.desktop-layout .header-container{display:none!important;visibility:hidden!important}.desktop-layout .container>.grid-item{box-sizing:border-box!important;margin:0 0 24px!important;max-width:none!important;padding:20px!important;width:100%!important}}@media (min-width:1000px) and (max-width:1200px){.desktop-layout{--side-menu-width:300px;--content-padding:20px}.desktop-layout .desktop-side-menu{width:300px!important}.desktop-layout .container{max-width:calc(100vw - 320px)!important;overflow-x:auto!important}}@media (min-width:1000px) and (max-width:1024px){.desktop-layout{--side-menu-width:280px;--content-padding:15px}.desktop-layout .desktop-side-menu{width:280px!important}.desktop-layout .content{padding-right:15px!important}.desktop-layout .container{max-width:calc(100vw - 300px)!important;padding:15px!important}.desktop-layout .grid-item.active{font-size:14px!important;padding:15px!important}}@media (min-width:1000px) and (max-width:1100px){.desktop-layout{--side-menu-width:260px;--content-padding:15px}.desktop-layout .desktop-side-menu{width:260px!important}.desktop-layout .content{padding-right:15px!important}.desktop-layout .container{max-width:calc(100vw - 280px)!important;padding:15px!important}.desktop-layout .desktop-side-menu .nav-label{font-size:13px!important;opacity:1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.desktop-layout .desktop-side-menu .nav-label,.desktop-layout .desktop-side-menu .quick-overview,.desktop-layout .desktop-side-menu .user-info{display:block!important;visibility:visible!important}.desktop-layout .grid-item.active{font-size:14px!important;padding:15px!important}}@media (min-width:1000px) and (max-width:900px){.desktop-layout{--side-menu-width:240px;--content-padding:15px}.desktop-layout .desktop-side-menu{width:240px!important}.desktop-layout .content{padding-right:10px!important}.desktop-layout .container{box-sizing:border-box!important;max-width:calc(100vw - 260px)!important;padding:10px!important;width:calc(100vw - 260px)!important}.desktop-layout .desktop-side-menu .nav-label{font-size:12px!important;opacity:1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.desktop-layout .desktop-side-menu .nav-label,.desktop-layout .desktop-side-menu .quick-overview,.desktop-layout .desktop-side-menu .user-info{display:block!important;visibility:visible!important}.desktop-layout .grid-item.active{font-size:13px!important;padding:10px!important}.desktop-layout .account-balance-card{margin:5px!important;padding:10px!important}}script[type="application/ld+json"]{display:none!important;height:0!important;left:-9999px!important;overflow:hidden!important;position:absolute!important;visibility:hidden!important;width:0!important}script[type="application/ld+json"] *{display:none!important}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-synthesis:none;font-weight:400;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;letter-spacing:-.01em}h1,h2,h3,h4,h5,h6{color:#1a202c;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.3}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.03em}h2{font-size:2rem;letter-spacing:-.02em}h2,h3{font-weight:600}h3{font-size:1.5rem}h4{font-size:1.25rem}h4,h5{font-weight:600}h5{font-size:1.125rem}h6{font-size:1rem;font-weight:600}button,div,input,label,li,p,select,span,td,textarea,th{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.01em;line-height:1.6}.monospace,code,pre{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:.875em;line-height:1.5}.component-header h2{color:#1a202c;font-size:1.75rem;letter-spacing:-.02em;line-height:1.3}.component-header h2,th{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600}th{font-size:.875rem;letter-spacing:.05em}input,select,textarea{font-size:1rem;line-height:1.5}button,input,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.01em}button{font-weight:500}.text-sm,small{font-size:.875rem;line-height:1.5}.text-lg{font-size:1.125rem;line-height:1.6}.text-xl{font-size:1.25rem;line-height:1.5}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}*{box-sizing:border-box;padding:0}*,body{margin:0}body{background-color:#f5f7fa;min-height:100vh;min-width:320px}#root,.app-container{min-height:100vh;width:100%}.app-container{background-color:#f5f7fa;display:flex;position:relative}.desktop-side-menu{background-color:#1a2b42;z-index:100}.container{background-color:#f5f7fa;min-height:100vh;position:relative}.container,.grid-container{display:flex;flex:1;flex-direction:column;width:100%}.grid-container{box-sizing:border-box;margin:0 auto;padding:20px}.grid-item{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);margin:0 auto}@media (max-width:999px){.action-buttons,.add-expense-container,.ai-insight,.balances-container,.budget-container,.chatbot-interface,.container,.edit-expense-modal,.edit-income-modal,.edit-percentage-modal,.expenses-container,.expenses-list-container,.grid-container,.grid-item,.grid-item.active,.home-insight-card,.import-preview-modal,.modal-content,.premium-upgrade-modal,.profile-popup-content,.profile-popup-modal,.quick-actions,.quick-stats,.stat-card{border-radius:0!important;box-shadow:none!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;width:100%!important}#root,.app-container,.content,body,html,main{background:#fff!important;margin:0!important;overflow-x:hidden!important;padding:0!important;width:100vw!important}.container{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:100%!important}.grid-container{padding:10px 0!important}.grid-container,.grid-item{margin:0!important;width:100%!important}.grid-item,.grid-item.active{border-radius:0!important;box-shadow:none!important}.grid-item.active{margin:0!important;width:100%!important}.desktop-side-menu{display:none!important}.chartjs-legend{flex-wrap:nowrap!important;max-width:100vw!important;overflow-x:auto!important}.content{padding-top:0!important}}@media (min-width:1000px){body:not(.desktop-layout) .container,main:not(.desktop-layout) .container{margin:0 auto!important;max-width:1200px!important;padding-left:0!important;width:calc(100% - 40px)!important}.desktop-side-menu{transition:width .3s ease;width:250px}.desktop-side-menu.collapsed{width:80px}.desktop-layout .grid-container{margin:0 auto!important;max-width:1200px!important;width:100%!important}}.content{box-sizing:border-box;min-height:100vh;overflow-x:hidden;width:100%}.edit-expense-modal input::placeholder{color:hsla(0,0%,100%,.7)}.amount-label,.expense-item-name,.payment-day-label{color:#fff;font-weight:600}.edit-expense-form label{color:#fff}.grid-item{margin-bottom:24px}.grid-item.active{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;min-height:100vh}@media (max-width:999px){.container{padding-top:0}}.content{align-items:center;flex:1;justify-content:flex-start;min-height:calc(100vh - env(safe-area-inset-top));padding:calc(20px + env(safe-area-inset-top)) 10px 20px}.content,main{display:flex;flex-direction:column}main{min-height:100vh;width:100%}@media (max-width:999px){.content{padding:0}.grid-item{box-sizing:border-box;display:none;max-width:100%!important;padding:0!important}.grid-item,.grid-item.active{border-radius:0!important;box-shadow:none!important;margin:0!important;width:100%!important}.grid-item.active{align-items:center;justify-content:flex-start;min-height:calc(100vh - 70px - env(safe-area-inset-top))}.container,.grid-item.active{display:flex;flex-direction:column}.container{flex:1;margin:0!important;padding:70px 0 0!important;width:100%!important}}.budget-container{background:var(--expense-card-bg,#fff);border:1px solid var(--expense-border,#e1e5e9);border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);margin-bottom:24px;padding:24px;position:relative;transition:all .3s ease}.budget-container:before{background:linear-gradient(90deg,var(--expense-primary,#7c3aed),var(--expense-primary-light,#8b5cf6));border-radius:12px 12px 0 0;content:"";height:4px;left:0;position:absolute;top:0;width:100%}.expenses-container,.expenses-list-container,.income-container{border-radius:12px;padding:24px}.expenses-list-container{align-items:center;border:none;border-radius:16px;justify-content:center;padding:28px;transition:all .3s ease}.expenses-list-container h2{color:#2a3990;font-size:24px;font-weight:700;margin-bottom:24px;position:relative;text-align:center}.expenses-list-container h2:after{background:linear-gradient(90deg,#3f51b5,#2196f3);border-radius:3px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.budget-container h2{color:var(--expense-primary,#7c3aed);font-size:1.25rem;font-weight:600;margin-bottom:24px;padding-bottom:12px;position:relative;text-align:center}.budget-container h2:after{background:linear-gradient(90deg,var(--expense-primary,#7c3aed),var(--expense-primary-light,#8b5cf6));border-radius:3px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}h2,h4{color:#1a237e;font-weight:600;margin-bottom:16px}.auth-container button,.form-submit-button,input{border:1px solid #bdbdbd;border-radius:6px;font-size:16px;margin:8px 0;padding:12px;transition:border-color .2s}input:focus{border-color:#a3ded2;box-shadow:0 0 0 2px rgba(163,222,210,.2);outline:none}.auth-container button,.form-submit-button{background:#1e3a5f;border:none;color:#fff;cursor:pointer;font-weight:600;transition:background .2s}.budget-div{margin:0}.auth-container button:hover,.form-submit-button:hover{background:#2b4975}.income-fields,.income-form{flex-direction:column;width:90%}.income-fields{display:flex;gap:10px}.expenses-list-filter-controls{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:20px}.income-field-row{align-items:center;gap:10px}.income-field-row input[type=number],.income-field-row input[type=text]{flex:1}.add-field{background-color:#a3ded2;font-size:14px;margin:10px 0}.add-income-btn:hover{background-color:#2e7d32}.remove-field{background-color:#de9593;border-radius:5px;font-size:12px}.remove-income-btn:hover{background-color:#b71c1c}.income-form{align-items:center;display:flex;justify-content:space-evenly;margin-bottom:16px}.income-form input{margin-right:5px;width:20%}.expense-item{align-items:center;background:#fff;border-bottom:solid #5c5d5e;border-width:2px;justify-content:space-between;padding:18px 22px;position:relative;transition:all .2s ease-out}.expense-item:hover{background-color:#f9fafc;box-shadow:0 2px 8px rgba(0,0,0,.04);transform:translateY(-1px)}.expense-details{flex:1;padding-right:16px}.expense-name-value{color:#fff;font-size:16px;font-weight:600;gap:8px;margin-bottom:6px}.expense-date,.expense-name-value{align-items:center;display:flex;flex-wrap:wrap}.expense-date{color:#78909c;font-size:.85em;gap:10px;margin-top:6px}.expense-item-buttons{display:flex;gap:10px;margin-left:16px}.expense-edit-btn{background-color:#3f51b5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;touch-action:manipulation;transition:all .2s ease}.expense-edit-btn:hover{background-color:#303f9f;box-shadow:0 4px 8px rgba(63,81,181,.2);transform:translateY(-2px)}.expense-delete-btn{background-color:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;touch-action:manipulation;transition:all .2s ease}.expense-delete-btn:hover{background-color:#d32f2f;box-shadow:0 4px 8px rgba(244,67,54,.2);transform:translateY(-2px)}@media (max-width:999px){.expense-item{align-items:stretch;flex-direction:column;gap:14px;padding:16px}.expense-details{flex:none}.expense-name-value{font-size:15px}.expense-date{font-size:13px}.expense-item-buttons{display:flex;flex-direction:row;gap:10px;justify-content:flex-end;margin-left:0}.expense-delete-btn,.expense-edit-btn{flex:1;font-size:14px;max-width:100px;min-height:38px;min-width:44px;padding:8px 12px;touch-action:manipulation}.expense-delete-btn{padding-right:20px}.expenses-list-container{padding:20px 16px}.expenses-list-container h2{font-size:20px;margin-bottom:20px}.expenses-list-wrapper{margin-top:16px}.filter-controls{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:20px}.budget-row{gap:10px;grid-template-columns:1fr 1fr .7fr;padding:14px}.budget-label{font-size:14px}.budget-value{font-size:15px}.add-expense-btn-small,.edit-btn-small,.toggle-list-btn{font-size:13px;padding:8px 12px}}.recurring-badge{align-items:center;border-radius:12px;color:#fff;display:inline-flex;font-size:.75em;font-weight:500;padding:4px 10px}.recurring-container{align-items:center;display:flex;gap:8px;margin:8px 0}.recurring-container input[type=checkbox]{margin:0;width:auto}.delete-btn{background:#e53935;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:400;margin-right:2px;padding:3px 8px;transition:background .2s,transform .2s}.delete-btn:hover{background:#b71c1c}.edit-btn{background:#43a047;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:400;padding:3px 8px;transition:background .2s,transform .2s}.edit-btn:hover{background:#1b5e20}.contact-button{background-color:#1e3a5f;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;transition:background-color .2s,transform .1s}.contact-button:hover{background-color:#2b4975}.contact-button:active{transform:scale(.98)}.auth-content{background:#f8fafc;padding:50px 20px}.auth-container{border:none;border-radius:12px;box-shadow:0 4px 24px rgba(44,62,80,.08);color:#2d2d2d;padding:32px 24px}.greeting{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin:0 40px;padding:10px 50px;width:70%}.greeting p{color:#1976d2;font-size:24px;font-weight:700;margin:0}.logout-button{border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.1);font-size:16px;max-width:120px;min-width:90px;width:auto}.error-message{margin-bottom:10px}.expenses-form input{margin-right:5px}.payment-duration{background-color:#f9f9f9;border:none;border-radius:6px;display:flex;flex-direction:column;gap:8px;margin:10px 0;padding:12px}.until-canceled-container{align-items:center;display:flex;gap:8px;margin:8px 0}.until-canceled-container input[type=checkbox]{margin:0;width:auto}.last-payment-container{display:flex;flex-direction:column;gap:6px}.until-canceled-badge{background-color:#ff9800}.last-payment,.until-canceled-badge{align-items:center;border-radius:12px;color:#fff;display:inline-flex;font-size:.75em;font-weight:500;padding:4px 10px}.last-payment{background-color:#9c27b0}.edit-expense-overlay{backdrop-filter:blur(3px);background:rgba(0,0,0,.6)}.filter-checkboxes{display:flex}.edit-expense-modal{animation:modal-slide-in .3s ease-out;background:linear-gradient(140deg,#1e3a5f,#133050);border-radius:16px;box-shadow:0 10px 25px rgba(30,58,95,.4);color:#fff;max-width:600px;position:relative;width:90%}.edit-expense-modal h2{color:#90caf9;font-size:24px;margin-bottom:20px;text-align:center}.form-group{align-items:flex-start;margin-bottom:8px}.form-group input{background-color:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:6px;color:#000;display:block;font-size:16px;margin:0 auto;max-width:90%;padding:12px;width:90%}.form-group label{color:#fff;display:block;font-weight:500;margin-bottom:8px;margin-left:auto;margin-right:auto;width:90%}.form-group input:focus{background-color:hsla(0,0%,100%,.15);border-color:#a3ded2;box-shadow:0 0 0 2px rgba(163,222,210,.2);outline:none}.form-group.checkbox{align-items:center;display:flex;padding:10px 0}.checkbox-label{align-items:center;cursor:pointer;display:flex;flex-direction:column}.checkbox-label input[type=checkbox]{accent-color:#43a047;cursor:pointer;height:18px;width:18px}.checkbox-label span{color:#232623;font-size:10px}.recurring-options{background-color:hsla(0,0%,100%,.1);border-radius:8px;margin-bottom:20px;padding:15px}.info-panel{background-color:rgba(13,71,161,.3);border:1px solid rgba(144,202,249,.3);border-radius:6px;margin-top:12px;padding:12px}.info-item{font-size:14px}.info-label{color:#90caf9}.info-value{color:#66bb6a;font-weight:700}.credit-option{background-color:rgba(67,160,71,.1);border:1px solid rgba(67,160,71,.3);border-radius:8px;padding:15px}.credit-info{background-color:rgba(67,160,71,.2);border-radius:6px;font-size:14px;margin-top:10px;padding:10px;text-align:center}.credit-amount{color:#66bb6a;display:block;margin-bottom:5px;margin-right:10px}@media (max-width:999px){.content{padding:0}.grid-item{box-sizing:border-box;display:none;max-width:100%;padding:16px;width:100%}.grid-item.active{align-items:center;justify-content:flex-start;min-height:calc(100vh - 70px - env(safe-area-inset-top))}.container,.grid-item.active{display:flex;flex-direction:column}.container{flex:1;margin:0;padding:70px 0 0;width:100%}.edit-expense-modal{padding:20px;width:95%}.edit-expense-modal h2{font-size:20px;margin-right:20px}.form-group{margin-bottom:14px}.form-group label{font-size:14px}.form-group input{font-size:14px;padding:10px}.checkbox-label span{font-size:10px}.recurring-options{padding:12px}.info-panel{padding:10px}.info-item{flex-direction:column}.info-value{align-self:flex-end;margin-top:4px}.balances-grid{display:flex;gap:15px;grid-template-columns:1fr}.balance-item{margin-bottom:10px;padding:16px}}.edit-expense-form{display:flex;flex-direction:column}.edit-expense-form label{color:#333;font-weight:500;margin:8px 0 4px}.edit-expense-form input[type=date],.edit-expense-form input[type=number],.edit-expense-form input[type=text]{border:1px solid #ddd;border-radius:4px;padding:10px}.edit-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.save-btn{background:#43a047;border-radius:8px;font-size:16px;padding:12px 24px;transition:all .2s}.save-btn:hover{background:#388e3c}.save-btn:active{transform:translateY(0)}.cancel-btn{background:hsla(0,0%,88%,.1);border:1px solid hsla(0,0%,88%,.3);border-radius:8px;color:#342f2f;font-size:16px;margin-right:5px;padding:12px 24px;transition:all .2s}.cancel-btn:hover{background:hsla(0,0%,88%,.2)}.add-expense-container{align-items:center;display:flex;justify-content:center;padding:30px;width:100%}.add-expense-btn{background-color:#1e3a5f;border:none;border-radius:6px;box-shadow:0 4px 8px rgba(30,58,95,.2);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 22px;transition:background-color .2s,transform .2s}.add-expense-btn:hover{background-color:#2b4975;transform:translateY(-2px)}.add-expense-btn:active{transform:translateY(1px)}.expense-buttons-container{align-items:center;display:flex;gap:10px;justify-content:center;margin:10px 0;width:100%}.balances-container{border:none;border-radius:12px;margin-bottom:20px;padding:24px}.balances-container h2{color:#1a237e;margin-bottom:20px;text-align:center}.balances-container{gap:20px}.balance-item,.balances-container{display:flex;flex-direction:column}.balance-item{align-items:center;background-color:#fff;border:none;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.08);height:100%;justify-content:space-between;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.balance-item:before{background:linear-gradient(90deg,#1e3a5f,#a3ded2);content:"";height:6px;left:0;position:absolute;top:0;transition:height .3s ease;width:100%}.balance-item:hover:before{height:8px}.balance-item label{color:#333;font-size:18px;font-weight:600;margin-bottom:16px}.balance-input-container{align-items:center;display:flex;justify-content:center;margin-bottom:8px;position:relative;width:100%}.balance-input-container input{padding-right:24px;width:50%}.currency-symbol{color:#666;right:10px;top:50%;transform:translateY(-50%)}.current-balance{background-color:rgba(67,160,71,.08);border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.05);color:#43a047;font-size:28px;font-weight:700;margin:16px 0;padding:16px 20px;text-align:center;transition:all .3s ease;width:100%}.balance-item:hover .current-balance{box-shadow:0 4px 8px rgba(0,0,0,.08);transform:translateY(-2px)}.current-balance.debt{background-color:rgba(229,57,53,.08);color:#e53935}.balance-edit-btn,.balance-save-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:auto;padding:14px;transition:all .3s;width:100%}.balance-edit-btn{background:linear-gradient(135deg,#1e3a5f,#2b4975);box-shadow:0 4px 12px rgba(30,58,95,.3)}.balance-edit-btn:hover{background:linear-gradient(135deg,#2b4975,#3a5a8c);box-shadow:0 6px 16px rgba(30,58,95,.4);transform:translateY(-2px)}.balance-save-btn{background:linear-gradient(135deg,#a3ded2,#88c9b3);box-shadow:0 4px 12px rgba(163,222,210,.3);color:#1e3a5f}.balance-save-btn:hover{background:linear-gradient(135deg,#88c9b3,#6db59f);box-shadow:0 6px 16px rgba(163,222,210,.4);transform:translateY(-2px)}.balance-edit-container{align-items:center;display:flex;flex-direction:column;width:100%}.balance-item .current-balance{margin-bottom:10px}.balances-mobile{display:none}.sort-btn{align-self:center;background-color:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:15px;padding:8px 16px;transition:background-color .2s,transform .2s}.sort-btn:hover{background-color:#1565c0;transform:translateY(-2px)}.sort-btn:active{transform:translateY(0)}.sort-btn-top{background-color:#9c27b0;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:14px;font-weight:600;margin-bottom:15px;margin-left:auto;margin-right:auto;padding:8px 16px;transition:background-color .2s,transform .2s;width:180px}.sort-btn-top:hover{background-color:#7b1fa2;transform:translateY(-2px)}.sort-btn-top:active{transform:translateY(0)}.income-display{align-items:center;display:flex;flex-direction:column;gap:16px;padding:20px}.income-amount{color:#43a047;font-size:28px;font-weight:700}.edit-income-btn{background-color:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:all .2s ease}.edit-income-btn:hover{background-color:#1565c0;transform:translateY(-2px)}.income-fields-modal{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;max-height:300px;overflow-y:auto}.income-total{color:#43a047;font-size:10px;font-weight:700;margin:0;text-align:right}.income-row{align-items:center;display:flex;justify-content:space-between}.income-display-inline{align-items:center;display:flex;gap:10px}.edit-income-btn-small{background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:4px 8px;transition:background-color .2s,transform .2s}.edit-income-btn-small:hover{background-color:#1565c0;transform:translateY(-1px)}.savings-percentage{color:#666;font-size:10px;margin-left:6px;margin-right:8px}.edit-percentage-btn-small{background-color:#9c27b0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:4px 8px;transition:background-color .2s,transform .2s}.edit-percentage-btn-small:hover{background-color:#7b1fa2;transform:translateY(-1px)}.edit-percentage-modal{background:#fff;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.3);max-width:400px;padding:24px;width:90%}.edit-percentage-form,.edit-percentage-modal{align-items:center;display:flex;flex-direction:column;justify-content:center}.edit-percentage-form{gap:12px}.percentage-input-container{align-items:center;display:flex;justify-content:center;margin-bottom:8px;position:relative;width:30%}.percentage-input-container input{padding-right:10px;width:20%}.percentage-symbol{color:#666;font-weight:500;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.expected-balance{background-color:#f5f7fa;border:1px solid #eaeaea;border-radius:8px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05);color:#666;display:flex;flex-direction:column;font-size:14px;gap:6px;margin:16px 0;padding:14px;text-align:center;width:100%}.expected-amount{color:#43a047;font-size:20px;font-weight:600;margin-top:4px}.expected-amount.debt{color:#e53935}.budget-table{background-color:transparent;border-radius:8px;border-spacing:0;box-shadow:none;margin-top:20px;overflow:hidden}.budget-row{align-items:center;background:var(--expense-card-secondary,#f8fafc);border:1px solid var(--expense-border-light,#e2e8f0);border-left:4px solid var(--expense-primary,#7c3aed);border-radius:8px;display:grid;grid-template-columns:1fr 1.5fr .7fr;margin-bottom:12px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.budget-row:hover{background-color:var(--expense-hover-bg,#f1f5f9);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.budget-row:last-child{border-bottom:1px solid var(--expense-border-light,#e2e8f0)}.budget-label{color:var(--expense-text-secondary,#6b7280);font-size:.875rem;font-weight:600}.budget-value{color:var(--expense-success,#059669);flex-direction:column;font-size:1.125rem;font-weight:700;gap:4px}.expenses-value{color:var(--expense-error,#dc2626)}.expenses-list-wrapper{background:#fff;margin-top:20px;overflow:hidden;transition:all .3s ease;width:100%}.expenses-list{list-style-type:none}.toggle-list-btn{background-color:#3f51b5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:8px 16px;text-align:center;transition:all .2s ease}.toggle-list-btn:hover{background-color:#303f9f;box-shadow:0 4px 8px rgba(63,81,181,.2);transform:translateY(-2px)}.add-expense-btn-small:hover{background-color:#2e7d32;box-shadow:0 4px 8px rgba(67,160,71,.2);transform:translateY(-2px)}.income-field-container{background-color:#f9fafb;border:none;border-radius:6px;margin-bottom:12px;padding:12px}.income-payment-date{align-items:center;border-top:1px dashed #e0e0e0;display:flex;gap:10px;margin-top:10px;padding-top:8px}.income-payment-date label{color:#666;font-size:14px;font-weight:500;min-width:100px}.income-payment-date input{text-align:center;width:80px}.budget-start-day-edit{align-items:center;display:flex;gap:8px}.budget-start-day-input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:4px 8px;width:60px}.cancel-btn-small,.edit-btn-small,.save-btn-small{border:none;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s ease}.edit-btn-small{font-weight:500;min-width:70px;text-align:center}.edit-btn-small.purple{background-color:#f4b3b3;color:#1e3a5f;font-weight:500}.edit-btn-small.purple:hover{background-color:#ffdbdb;box-shadow:0 4px 8px hsla(0,75%,83%,.3)}.smart-savings-toggle-btn{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;display:inline-flex;font-size:16px;height:32px;margin-left:8px;text-decoration:none;width:32px}.smart-savings-toggle-btn:hover{background-color:#a3ded2;border-color:#8bc9b8;box-shadow:0 2px 8px rgba(163,222,210,.3);transform:translateY(-1px)}.smart-savings-toggle-btn.active{background-color:#a3ded2;border-color:#7ab5a3;box-shadow:0 2px 8px rgba(163,222,210,.4)}.budget-action{gap:4px}.budget-day-edit-btn{font-size:11px;padding:3px 6px}.budget-period{color:#666;font-style:italic;margin-bottom:16px;text-align:center}.header-container{margin:0 auto 20px;max-width:900px;position:relative;width:100%}.contact-button.top-contact-button{position:absolute;right:16px;top:16px;z-index:100}@media (max-width:999px){.contact-button.top-contact-button{display:none}}.user-profile-header{transition:background-color .2s}.user-profile-header:hover{background-color:#f5f7fa}.user-avatar{box-shadow:0 4px 8px rgba(163,222,210,.3);height:70px;width:70px}.user-profile .logout-button{margin-top:10px;width:100%}.edit-income-overlay{backdrop-filter:blur(3px);background:rgba(0,0,0,.6)}.edit-income-modal{animation:modal-slide-in .3s ease-out;background:linear-gradient(140deg,#1e3a5f,#133050);border-radius:16px;box-shadow:0 10px 25px rgba(30,58,95,.4);color:#fff;max-width:600px;position:relative;width:90%}.modal-header h2{color:#151616;font-size:24px;margin-bottom:8px;text-align:center}.income-field-row{background-color:rgba(86,136,175,.05);border-radius:8px;border-top:1px solid rgba(54,48,48,.1)}.field-group{margin-bottom:12px}.field-group label{color:#e0e0e0;font-weight:500;margin-bottom:5px}.field-group input{background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#1c1a1a;padding:10px;width:90%}.field-group input:focus{background-color:hsla(0,0%,100%,.15);border-color:#a3ded2;box-shadow:0 0 0 2px rgba(163,222,210,.2)}.remove-field{background-color:#ce6462;font-size:16px;height:24px;transition:background-color .2s;width:24px}.remove-field:hover{background-color:#e53935}.add-field{background-color:rgba(163,222,210,.8);border-radius:6px;color:#1e3a5f;padding:10px 16px;transition:background-color .2s;width:auto}.add-field:hover{background-color:#a3ded2}.add-field:before{font-size:18px;margin-right:5px}.total-income{background-color:rgba(0,0,0,.2);border-radius:8px;color:#66bb6a;font-size:18px;margin:10px 0 20px;padding:15px;text-align:right}.modal-close-btn{background-color:rgba(239,83,80,.2);color:#ef5350;font-size:24px;font-weight:700;height:32px;right:16px;top:16px;width:32px;z-index:10}.modal-close-btn:hover{background-color:rgba(239,83,80,.4)}.budget-container .budget-row:first-child{border-left-color:var(--expense-primary,#7c3aed)}.budget-container .budget-row.income-row{border-left-color:var(--expense-success,#059669)}.budget-container .budget-row.expenses-row{border-left-color:var(--expense-warning,#d97706)}.budget-container .budget-row.remaining-row{border-left-color:var(--expense-primary-light,#8b5cf6)}.budget-action{justify-content:center}.budget-container .add-expense-btn-small,.budget-container .edit-btn-small,.budget-container .toggle-list-btn{background:var(--expense-primary,#7c3aed);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:8px 12px;transition:all .2s ease}.budget-container .add-expense-btn-small:hover,.budget-container .edit-btn-small:hover,.budget-container .toggle-list-btn:hover{background:var(--expense-primary-dark,#6d28d9);box-shadow:0 2px 8px rgba(124,58,237,.3);transform:translateY(-1px)}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-height:90vh;max-width:90%;overflow-y:auto;position:relative;width:500px}.modal-close-btn{border:solid;color:#666;font-size:1.5rem;line-height:1;padding:.5rem;position:absolute;right:1rem;top:1rem}.modal-close-btn:hover{background-color:#f3f4f6;color:#333}.import-preview-overlay,.profile-popup-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.import-preview-modal,.profile-popup-modal{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-height:100vh;max-width:90%;overflow-y:auto;padding:2rem;position:relative;width:800px}.close-button,.profile-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;line-height:1;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease}.close-button:hover,.profile-close-btn:hover{background-color:#f3f4f6;color:#333}.profile-popup-content{padding:1rem 0}.header-actions{align-items:center;display:flex;gap:1rem}.secondary-button{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.secondary-button:hover{background-color:var(--hover-background);border-color:var(--primary-color)}#chart .component-header h2{color:#222!important}.current-balances-container{background-color:transparent;border-radius:8px;padding:20px}.balances-header{margin-bottom:24px;text-align:center}.balances-title{background:linear-gradient(135deg,#7c5dfa,#a28bff);-webkit-background-clip:text;color:#333;font-size:2rem;font-weight:700;margin:0 0 12px;-webkit-text-fill-color:transparent;background-clip:text}.budget-period-info{align-items:center;color:#6c757d;display:flex;flex-wrap:wrap;font-size:14px;gap:8px;justify-content:center}.budget-start-day{color:#888;font-size:12px;font-style:italic}@media (max-width:999px){.balances-title{font-size:1.5rem}.budget-period-info{font-size:13px;gap:6px}.budget-period-value{font-size:12px;padding:3px 10px}.budget-start-day{font-size:11px}.expected-balance{padding:8px}}.balance-table-container{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),0 0 0 1px hsla(0,0%,100%,.05);margin-bottom:24px;overflow:hidden;position:relative;transition:all .3s ease}.balance-table-container:before{background:linear-gradient(90deg,#1e3a5f,#a3ded2,#4caf50);border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.balance-table-container:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05),0 0 0 1px hsla(0,0%,100%,.1);transform:translateY(-2px)}.balance-table{border-collapse:collapse;width:100%}.balance-table td,.balance-table th{border-bottom:1px solid #f0f2f5;color:#555;flex-direction:column;padding:16px 20px;text-align:center}.balance-table th{background-color:#f9fafb;color:#6c757d;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.balance-table tbody tr:last-child td{border-bottom:none}.balance-table tbody tr{position:relative;transition:all .2s ease}.balance-table tbody tr:hover{background-color:#f8f9fa;box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.balance-table tbody tr:first-child{background:linear-gradient(135deg,rgba(33,150,243,.05),rgba(33,150,243,.02));border-left:4px solid #2196f3}.balance-table tbody tr:first-child td:first-child{color:#1976d2;font-weight:600}.balance-table tbody tr:first-child .account-type{background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:5px;color:#fff;display:inline-block;font-size:18px;font-weight:600;padding:4px 12px}.balance-table tbody tr:nth-child(2){background:linear-gradient(135deg,rgba(76,175,80,.05),rgba(76,175,80,.02));border-left:4px solid #4caf50}.balance-table tbody tr:nth-child(2) td:first-child{color:#388e3c;font-weight:600}.balance-table tbody tr:nth-child(2) .account-type{background:linear-gradient(135deg,#4caf50,#388e3c);border-radius:5px;color:#fff;display:inline-block;font-size:18px;font-weight:600;padding:4px 12px}.balance-table tbody tr:nth-child(3){background:linear-gradient(135deg,rgba(255,152,0,.05),rgba(255,152,0,.02));border-left:4px solid #ff9800}.balance-table tbody tr:nth-child(3) td:first-child{color:#f57c00;font-weight:600}.balance-table tbody tr:nth-child(3) .account-type{background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:5px;color:#fff;display:inline-block;font-size:18px;font-weight:600;padding:4px 12px}.balance-table tbody tr:nth-child(4){background:linear-gradient(135deg,rgba(156,39,176,.05),rgba(156,39,176,.02));border-left:4px solid #9c27b0}.balance-table tbody tr:nth-child(4) td:first-child{color:#7b1fa2;font-weight:600}.balance-table tbody tr:nth-child(4) .account-type{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border-radius:5px;color:#fff;display:inline-block;font-size:18px;font-weight:600;padding:4px 12px}.balance-value{font-size:16px;font-weight:700}.balance-value.positive{color:#2e7d32}.balance-value.negative{color:#d32f2f}.balance-value.zero{color:#757575}.expected-balance{font-size:15px;font-weight:600;position:relative}.expected-balance.positive{color:#388e3c}.expected-balance.negative{color:#d32f2f}.expected-balance.zero{color:#757575}.balance-value.positive:before{content:"📈";font-size:12px;margin-right:6px}.balance-value.negative:before{content:"📉"}.balance-value.negative:before,.balance-value.zero:before{font-size:12px;margin-right:6px}.balance-table .balance-input{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#333;font-size:14px;padding:8px 12px;transition:all .2s ease;width:120px}.balance-table .balance-input:focus{background:#fff;border-color:#7c5dfa;box-shadow:0 0 0 2px rgba(124,93,250,.2);outline:none}.balance-table .edit-btn,.balance-table .save-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s ease}.balance-table .edit-btn{background-color:#f0f2f5;border:1px solid #dee2e6;color:#555}.balance-table .edit-btn:hover{background-color:#e9ecef;transform:translateY(-1px)}.balance-table .save-btn{background:linear-gradient(135deg,#7c5dfa,#a28bff);color:#fff}.balance-table .save-btn:hover{box-shadow:0 4px 15px rgba(124,93,250,.2);transform:translateY(-1px)}.projections-and-goals{gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:24px}.end-of-month-projection,.savings-goal-progress{background-color:#fff;border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.05);color:#333;padding:20px}.end-of-month-projection h3,.savings-goal-progress h3{color:#6c757d;font-size:16px;font-weight:600;margin-bottom:12px}.projection-value{color:#7c5dfa;font-size:2rem;font-weight:700}.projection-value.negative{color:#e53935}.progress-bar-container{background-color:#e9ecef;border-radius:4px;height:8px;margin-top:12px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#7c5dfa,#a28bff);border-radius:4px;height:100%;transition:width .3s ease}.progress-bar-fill.exceeded{background:linear-gradient(90deg,#f39c12,#ff6b6b)}.savings-goal-header{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:16px}.savings-goal-header h4{color:#6c757d;font-size:16px;font-weight:600;margin:0}.savings-goal-edit{display:flex;flex-direction:column;gap:12px}.savings-goal-edit .input-group{align-items:center;display:flex;position:relative}.savings-goal-input{background:#fff;border:2px solid #237ad1;border-radius:8px;color:#000!important;font-size:16px;font-weight:600;padding:12px 50px 12px 16px;transition:all .2s ease;width:100px}.savings-goal-input:focus{background:#fff;border-color:#7c5dfa;box-shadow:0 0 0 3px rgba(124,93,250,.1);color:#000!important;outline:none}.savings-goal-input:disabled{background-color:#f8f9fa;border-color:#1d1e1f;color:#6c757d!important;cursor:not-allowed}.savings-goal-input::placeholder{color:#171819;font-weight:400}.savings-goal-edit .currency-symbol{color:#6c757d;font-weight:600;pointer-events:none;position:absolute;right:16px}.auto-calculated-label{color:#7c5dfa;font-size:12px;font-weight:600;pointer-events:none;position:absolute;right:40px}.button-group{display:flex;gap:8px}.button-group .cancel-btn,.button-group .save-btn{border:none;border-radius:8px;cursor:pointer;flex:1;font-weight:600;padding:10px 20px;transition:all .2s ease}.button-group .save-btn{background:linear-gradient(135deg,#7c5dfa,#a28bff);color:#fff}.button-group .save-btn:hover{box-shadow:0 4px 15px rgba(124,93,250,.3);transform:translateY(-1px)}.button-group .cancel-btn{background-color:#d23212;border:1px solid #dee2e6;color:#edf0f4}.button-group .cancel-btn:hover{background-color:#d2985a;transform:translateY(-1px)}.error-text{color:#dc3545;font-size:14px}.no-goal-text{color:#6c757d;font-style:italic;margin:16px 0;text-align:center}.savings-goals-progress{background-color:#fff;border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.05);color:#333;padding:20px}.savings-goals-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.savings-goals-header h4{color:#333;font-size:18px;font-weight:600;margin:0}.savings-goals-list{display:flex;flex-direction:column;gap:16px}.savings-goal-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:16px;transition:all .2s ease}.savings-goal-item:hover{border-color:#7c5dfa;box-shadow:0 2px 8px rgba(124,93,250,.1)}.goal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.goal-header h5{color:#333;font-size:16px;font-weight:600;margin:0}.goal-actions{display:flex;gap:8px}.goal-actions .delete-btn,.goal-actions .edit-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.goal-actions .edit-btn{background-color:#e9ecef;color:#555}.goal-actions .edit-btn:hover{background-color:#7c5dfa;color:#fff}.goal-actions .delete-btn{background-color:#ffe6e6;color:#e53935}.goal-actions .delete-btn:hover{background-color:#e53935;color:#fff}.delete-btn:hover{background-color:#dc3545;color:#fff}.delete-btn:disabled{border-color:#dee2e6;cursor:not-allowed}.delete-btn:disabled,.delete-btn:disabled:hover{background-color:#f8f9fa;color:#6c757d}.no-goals-text{color:#6c757d;font-style:italic;margin:16px 0;text-align:center}.goal-allocation{color:#7c5dfa;font-size:14px;font-weight:600;margin-bottom:0;margin-top:8px}.percentage-summary{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:16px;padding:12px 16px}.percentage-summary p{color:#495057;font-size:14px;font-weight:600;margin:0}@media (max-width:999px){.current-balances-container{padding:16px}.projections-and-goals{gap:16px;grid-template-columns:1fr}.balance-table td,.balance-table th{padding:12px 16px}.balance-table thead{display:none}.balance-table,.balance-table tbody,.balance-table td,.balance-table tr{display:block;width:100%}.balance-table tr{background-color:#fff;border:1px solid #f0f2f5;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.03);margin-bottom:16px;overflow:hidden}.balance-table td{align-items:center;border-bottom:1px solid #f0f2f5;display:flex;justify-content:space-between}.balance-table td:before{color:#555;content:attr(data-label);display:none;font-weight:700;margin-right:10px;opacity:.8}.balance-table td:last-child{border-bottom:none}}.credit-tracker-overlay{background-color:rgba(0,0,0,.6);z-index:20000!important}.credit-tracker-container{animation:slide-up .4s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(30,58,95,.12);max-width:600px;width:90%}.savings-goal-calculator{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:24px;padding:24px}.calculator-header{align-items:center;border-bottom:2px solid #f8f9fa;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;padding-bottom:16px}.calculator-header h4{color:#2c3e50;font-size:1.25rem;font-weight:600;margin:0}.calculator-form{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.calculator-inputs{display:grid;gap:16px}.calculator-inputs .input-group{display:flex;flex-direction:column;gap:8px}.calculator-inputs .input-group label{color:#495057;font-size:14px;font-weight:600}.calculator-inputs .savings-goal-input{font-weight:600}.calculator-inputs .savings-goal-input,.calculator-inputs .savings-goal-input:focus{background-color:#fff!important;caret-color:#000!important;color:#000!important}.calculate-btn{background:linear-gradient(135deg,#7c5dfa,#667eea);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;height:fit-content;padding:12px 24px;transition:all .2s ease}.calculate-btn:hover{box-shadow:0 4px 12px rgba(124,93,250,.3);transform:translateY(-2px)}.calculator-result{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-top:16px;padding:20px}.result-summary{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border-left:4px solid #28a745;border-radius:8px;margin-bottom:16px;padding:16px}.result-summary p{color:#155724;font-size:16px;font-weight:600;line-height:1.4;margin:0;text-align:center}.calculator-result h5{color:#2c3e50;font-size:1.1rem;margin:0 0 16px}.result-details{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.result-details p{color:#495057;font-size:14px;margin:0;padding:8px 0}.result-details .monthly-amount{background:#e8f5e8;border:1px solid #28a745;border-radius:6px;color:#155724;font-size:16px;grid-column:1/-1;padding:12px;text-align:center}@media (max-width:999px){.calculator-inputs{gap:16px}.calculator-inputs,.result-details{grid-template-columns:1fr}}.credit-tracker-container,.credit-tracker-modal,.credit-tracker-popup{z-index:1200!important}.balance-info{align-items:flex-start;color:#9ca3af;display:flex;flex-direction:column;font-size:11px;justify-content:center;min-width:100px}.budget-container{background-color:transparent;border-radius:8px;padding:20px}.budget-container .component-header{margin-bottom:24px;text-align:center}.budget-container .component-header h2{background:linear-gradient(135deg,#7c5dfa,#a28bff);-webkit-background-clip:text;color:#333;font-size:2rem;font-weight:700;margin:0 0 12px;-webkit-text-fill-color:transparent;background-clip:text}.budget-period{align-items:center;color:#6c757d;display:flex;flex-wrap:wrap;font-size:14px;gap:8px;justify-content:center;margin-bottom:24px}.budget-period-label{color:#555;font-weight:600}.budget-period-value{background:linear-gradient(135deg,#7c5dfa,#a28bff);border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:4px 12px}.budget-table-container{background-color:#fff;border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.05);margin-bottom:24px;overflow:hidden}.budget-table{border-collapse:collapse;width:100%}.budget-table td,.budget-table th{border-bottom:1px solid #f0f2f5;color:#555;padding:16px 20px;text-align:left}.budget-table th{background-color:#f9fafb;color:#6c757d;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.budget-table tbody tr:last-child td{border-bottom:none}.budget-table tbody tr{position:relative;transition:all .2s ease}.budget-table tbody tr:hover{background-color:#f8f9fa;box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.budget-table tbody tr:first-child{background:linear-gradient(135deg,rgba(33,150,243,.05),rgba(33,150,243,.02));border-left:4px solid #2196f3}.budget-table tbody tr:first-child td:first-child{color:#1976d2;font-weight:600}.budget-table tbody tr:nth-child(2){background:linear-gradient(135deg,rgba(244,67,54,.05),rgba(244,67,54,.02));border-left:4px solid #f44336}.budget-table tbody tr:nth-child(2) td:first-child{color:#d32f2f;font-weight:600}.budget-table tbody tr:nth-child(3){background:linear-gradient(135deg,rgba(76,175,80,.05),rgba(76,175,80,.02));border-left:4px solid #4caf50}.budget-table tbody tr:nth-child(3) td:first-child{color:#388e3c;font-weight:600}.budget-table tbody tr:nth-child(4){background:linear-gradient(135deg,rgba(255,152,0,.05),rgba(255,152,0,.02));border-left:4px solid #ff9800}.budget-table tbody tr:nth-child(4) td:first-child{color:#f57c00;font-weight:600}.budget-table tbody tr:last-child{background:linear-gradient(135deg,rgba(156,39,176,.05),rgba(156,39,176,.02));border:2px solid #9c27b0;border-radius:8px}.budget-table tbody tr:last-child td:first-child{color:#7b1fa2;font-weight:700}.budget-category{letter-spacing:.01em}.budget-category,.budget-label{color:#374151;font-size:1.1rem;font-weight:600}.budget-label{letter-spacing:.05em}.budget-value{align-items:center;color:#059669;display:flex;font-size:1.25rem;font-weight:800;gap:8px;justify-content:flex-end;letter-spacing:-.025em;text-align:right}.budget-value.positive{color:#059669}.budget-value.negative{color:#dc2626}.budget-value.zero{color:#6b7280}.budget-value.negative:before,.budget-value.positive:before{display:none}.savings-percentage{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:.9rem;font-weight:500;padding:4px 8px}.budget-action{align-items:center;display:flex;gap:8px;justify-content:flex-end}.edit-btn-small{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 2px 8px rgba(59,130,246,.25);cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.05em;overflow:hidden;padding:8px 16px;position:relative;text-transform:uppercase;transition:all .3s ease}.edit-btn-small:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.edit-btn-small:hover:before{left:100%}.edit-btn-small:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px rgba(59,130,246,.35);transform:translateY(-1px)}.edit-btn-small:active{box-shadow:0 2px 6px rgba(59,130,246,.25);transform:translateY(0)}.edit-btn-small.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px rgba(139,92,246,.25)}.edit-btn-small.purple:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px rgba(139,92,246,.35)}.smart-savings-toggle-btn{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:50%;box-shadow:0 2px 8px rgba(251,191,36,.25);color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;margin-top:20px;transition:all .3s ease;width:36px}.smart-savings-toggle-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px rgba(251,191,36,.35);transform:translateY(-1px) scale(1.05)}.smart-savings-toggle-btn.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px rgba(16,185,129,.25)}.smart-savings-toggle-btn.active:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px rgba(16,185,129,.35)}.budget-row:first-child .budget-value{color:#059669}.budget-row:nth-child(2) .budget-value{color:#dc2626}.budget-row:nth-child(3) .budget-value{color:#7c3aed}.budget-row:last-child .budget-value{color:#059669;font-size:1.375rem;font-weight:800}.budget-row:last-child{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981;border-width:2px}.budget-row:last-child:before{background:linear-gradient(135deg,#10b981,#059669);width:6px}.smart-savings-container{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid hsla(0,0%,100%,.1);border-radius:18px;box-shadow:0 8px 32px rgba(102,126,234,.2);margin:16px 0;overflow:hidden;padding:24px;position:relative}.smart-savings-container:before{background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.smart-savings-container .component-header{border-bottom:1px solid hsla(0,0%,100%,.2);margin-bottom:16px;padding-bottom:16px;position:relative;z-index:1}.smart-savings-container .component-header h3{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:10px;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.smart-savings-container .component-header:after{display:none}.smart-savings-content{position:relative;z-index:1}.savings-suggestion{margin-top:16px}.suggestion-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:24px;transition:transform .3s ease,box-shadow .3s ease}.suggestion-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.15);transform:translateY(-2px)}.suggestion-header{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;text-align:center}.suggestion-amount{color:#1e3a8a;font-size:2.5rem;font-weight:800;margin-bottom:8px;text-shadow:0 2px 4px rgba(30,58,138,.1)}.suggestion-percentage{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:20px;color:#64748b;font-size:1.1rem;font-weight:600;padding:6px 16px}.suggestion-reasoning{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;color:#374151;font-size:.95rem;font-weight:500;line-height:1.6;margin-bottom:20px;padding:16px;position:relative}.suggestion-actions{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.apply-smart-savings-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 14px rgba(59,130,246,.3);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:14px 24px;position:relative;text-transform:uppercase;transition:all .3s ease}.apply-smart-savings-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.apply-smart-savings-btn:hover:before{left:100%}.apply-smart-savings-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 6px 20px rgba(59,130,246,.4);transform:translateY(-2px)}.apply-smart-savings-btn:active{box-shadow:0 2px 8px rgba(59,130,246,.3);transform:translateY(0)}.current-vs-suggested{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:10px;color:#92400e;font-size:.9rem;font-weight:600;padding:12px 16px;position:relative;text-align:center}.financial-details{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:10px;padding:12px 16px;text-align:center}.financial-details small{color:#0c4a6e;font-size:.85rem;font-weight:500;line-height:1.4}@media (max-width:999px){.budget-container{padding:16px}.budget-container .component-header h2{font-size:1.5rem}.budget-period{font-size:13px;gap:6px}.budget-period-value{font-size:12px;padding:3px 10px}.budget-table td,.budget-table th{font-size:14px;padding:12px 16px}.budget-table thead{display:none}.budget-table,.budget-table tbody,.budget-table td,.budget-table tr{display:block}.budget-table tr{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;flex-direction:row;justify-content:space-between;margin-bottom:16px;padding:10px}.budget-table td{border:none;padding:8px 0;text-align:left}.budget-table td:before{color:#6c757d;content:attr(data-label);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.budget-table td:last-child{border-bottom:none}.budget-category{font-size:12px}.budget-value{font-size:16px;justify-content:center}.edit-btn-small{font-size:.8rem;margin-top:8px;padding:4px}.smart-savings-toggle-btn{font-size:.9rem;height:32px;margin-left:8px;margin-top:8px;width:32px}.smart-savings-container{border-radius:16px;margin:16px 0;padding:20px}.smart-savings-container .component-header h3{font-size:1.125rem}.suggestion-card{border-radius:14px;padding:20px}.suggestion-amount{font-size:2rem}.suggestion-percentage{font-size:1rem;padding:5px 14px}.suggestion-reasoning{font-size:.9rem;padding:14px}.apply-smart-savings-btn{font-size:.95rem;padding:12px 20px}.current-vs-suggested{font-size:.85rem;padding:10px 14px}.financial-details{padding:10px 14px}.financial-details small{font-size:.8rem}}.real-time-budget-tracking-page{background:linear-gradient(135deg,#2b2f4a,#1e3a5f);border-radius:18px;color:#fff;height:100%;overflow-y:auto;padding:20px;width:100%}.component-header{margin-bottom:24px;text-align:center}.component-header h2{color:#fff;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.tracking-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.tracking-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;margin-bottom:10px;padding:20px;transition:all .3s ease}.tracking-card:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);box-shadow:0 8px 25px rgba(0,0,0,.3);transform:translateY(-2px)}.tracking-label{color:#e0e6ff;font-size:1rem;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.tracking-value{color:#fff;font-size:1.1rem}.progress-info{width:100%}.progress-bar{border-radius:4px;height:8px;margin-bottom:12px;width:100%}.progress-fill{background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:4px;transition:width .3s ease}.progress-text{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:8px}.days-remaining{color:#b8c5ff;font-size:.9rem}.status-item{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;margin-bottom:12px}.status-item:last-child{border-bottom:none;margin-bottom:0}.status-label{color:#e0e6ff;font-size:.95rem;font-weight:500}.status-amount{color:#fff;font-size:1rem;font-weight:600}.status-breakdown{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;margin-top:12px;padding:12px}.status-breakdown small{color:#b8c5ff;font-size:.85rem;line-height:1.4}.projection-scenarios{margin-bottom:16px}.scenario{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px 12px}.scenario.optimistic{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3)}.scenario.realistic{background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.3)}.scenario.conservative{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}.scenario-label{color:#e0e6ff;font-size:.9rem;font-weight:500}.scenario-amount{color:#fff;font-size:1rem;font-weight:600}.projection-details{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:12px}.projection-details small{color:#b8c5ff;font-size:.85rem;line-height:1.4}@media (max-width:999px){.real-time-budget-tracking-page{border-radius:0;padding:16px}.tracking-grid{display:flex;flex-direction:column;gap:16px;grid-template-columns:1fr}.component-header h2{font-size:1.5rem}.tracking-card{padding:16px}.status-item{align-items:flex-start;flex-direction:column;gap:4px}.status-amount{align-self:flex-end}}.credit-tracker-overlay{align-items:center;animation:fade-in .3s ease-out;background-color:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.credit-tracker-container{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.3);max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.credit-header{align-items:center;background:inherit;border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;padding:25px 30px;position:sticky;top:0;z-index:10}.credit-header-content{align-items:center;display:flex;flex-grow:1}.credit-logo{height:50px;margin-right:15px;object-fit:contain;width:50px}.credit-header h2{color:#fff;font-size:28px;font-weight:700;margin:0}.credit-tracker-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.credit-tracker-close-btn:hover{background-color:hsla(0,0%,100%,.1);transform:scale(1.1)}.credit-content{padding:30px}.credit-summary{border:1px solid hsla(0,0%,100%,.1);border-radius:15px;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px}.credit-summary,.summary-item{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);display:flex}.summary-item{align-items:center;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;justify-content:space-between;padding:14px 16px;transition:all .2s ease}.summary-item:hover{background:hsla(0,0%,100%,.15);transform:translateY(-2px)}.summary-item:active{transform:scale(.98)}.summary-label{color:#fff;font-size:15px;font-weight:500}.summary-value{color:#03035e;font-size:18px;font-weight:600}.summary-value.debt{color:#db0909}.credit-details{margin-top:30px}.credit-details h3{color:#fff;font-size:22px;font-weight:600;margin-bottom:16px;position:relative}.credit-details h3:after{background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:3px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.credit-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;margin-top:20px;padding:20px}.credit-table{border-collapse:collapse;border-radius:10px;overflow:hidden}.credit-table thead{background:hsla(0,0%,100%,.2);color:#4a4343}.credit-table th{font-size:15px;font-weight:600;padding:14px 16px;text-align:left;white-space:nowrap}.credit-table td{border-top:1px solid hsla(0,0%,100%,.1);color:#544949;font-size:15px;padding:14px 16px}.credit-table tbody tr{background:hsla(0,0%,100%,.05);transition:background-color .2s}.credit-table tbody tr:nth-child(odd){background:hsla(0,0%,100%,.08)}.credit-table tbody tr:hover{background:hsla(0,0%,100%,.15)}.no-credit-expenses{color:hsla(0,0%,100%,.8);font-size:16px;padding:30px 0;text-align:center}.pull-to-refresh{color:hsla(0,0%,100%,.7);font-size:14px;font-style:italic;padding:20px;text-align:center}@media (max-width:999px){.credit-tracker-overlay{padding:10px}.credit-tracker-container{max-height:95vh;width:100%}.credit-header{padding:20px}.credit-logo{height:40px;margin-right:12px;width:40px}.credit-header h2{font-size:24px}.credit-content{padding:20px}.credit-tracker-close-btn{font-size:28px;height:35px;width:35px}.credit-summary{padding:15px}.summary-item{padding:12px 14px}.summary-label{font-size:11px}.summary-value{font-size:12px}.credit-details h3{font-size:20px}.credit-table{font-size:14px}.credit-table td,.credit-table th{padding:10px 12px}.mobile-credit-list{display:flex;flex-direction:column;gap:12px}.mobile-credit-item{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:16px}.mobile-credit-name{font-size:16px;font-weight:600;margin-bottom:8px}.mobile-credit-details{display:flex;flex-direction:column;gap:6px}.mobile-detail-label{color:#000;font-size:14px;font-weight:600}.mobile-detail-value{font-size:15px;font-weight:500}.no-credit-expenses{font-size:15px;padding:20px 0}.pull-to-refresh{font-size:13px;padding:15px}}.chart-modal-overlay{background-color:rgba(0,0,0,.75)}.chart-modal-content{box-shadow:0 4px 20px rgba(0,0,0,.2);display:flex;flex-direction:column;height:90vh;max-height:800px;max-width:1200px;overflow:hidden;width:90%}.chart-modal-close{background:none;color:#666;font-size:24px;right:10px;top:10px}.chart-modal-close:hover{background-color:rgba(0,0,0,.1);color:#333}.chart-modal-body{flex-grow:1;height:100%;margin-top:10px;overflow-y:auto;padding:10px}@media (prefers-color-scheme:dark){.chart-modal-content{background:#1a1a1a}.chart-modal-close{color:#010c1b}.chart-modal-close:hover{background-color:hsla(0,0%,100%,.1);color:#fff}}.balance-trends{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06);color:#2e384d;margin:0 auto 16px;max-width:1200px;padding:12px}.balance-trends-header{margin-bottom:20px;text-align:center}.balance-trends h1{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:8px;padding-bottom:6px;position:relative}.balance-trends h1:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.balance-trends-subtitle{color:#6b7280;font-size:1rem;font-weight:500;margin-bottom:16px}.period-selector{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.period-btn,.period-button{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.05);color:#374151;cursor:pointer;font-size:.875rem;font-weight:600;min-width:60px;padding:8px 16px;transition:all .2s ease}.period-btn:hover,.period-button:hover{background:#f8fafc;border-color:#667eea;box-shadow:0 2px 6px rgba(0,0,0,.08);color:#1f2937;transform:translateY(-1px)}.period-btn.active,.period-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 8px rgba(102,126,234,.25);color:#fff}.prediction-controls{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:20px;padding:6px}.prediction-toggle-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.05);color:#374151;cursor:pointer;font-size:.875rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.prediction-toggle-btn:hover{background:#f8fafc;border-color:#667eea;box-shadow:0 2px 6px rgba(0,0,0,.08);color:#1f2937;transform:translateY(-1px)}.prediction-toggle-btn.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 2px 8px rgba(16,185,129,.25);color:#fff;font-weight:700}.prediction-months-selector{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:8px}.prediction-months-selector label{color:#374151;font-weight:600;white-space:nowrap}.trend-stat-card{margin-bottom:12px;padding:12px}.prediction-months-select{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#374151;font-size:.875rem;font-weight:500;padding:4px 8px;transition:all .2s ease}.prediction-months-select:focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.15);outline:none}.chart-container{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;flex-direction:column;margin-bottom:16px;overflow:hidden;padding:12px;position:relative}.chart-container:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:2px;left:0;position:absolute;top:0;width:100%}.chart-wrapper{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-width:0;overflow:visible;overflow:hidden;padding:8px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.chart-wrapper:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px)}.chart-wrapper:after{background:rgba(0,0,0,.7);border-radius:3px;bottom:8px;color:#fff;content:"Click to enlarge";font-size:11px;opacity:0;padding:3px 6px;position:absolute;right:8px;transition:opacity .2s ease}.chart-wrapper:hover:after{opacity:1}.chart-svg{height:350px;overflow:visible;width:100%}.balance-chart,.income-expense-chart{height:auto;max-width:none;width:95%}.chartjs-container,.pie-chart-container,.pie-chart-wrapper{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:visible;padding:8px!important;width:100%}.chartjs-container canvas{display:block;height:100%;margin:0 auto;max-width:100%!important;width:100%}@media (max-width:1000px){.chartjs-container{margin:0!important;padding:6px!important}.chartjs-container,.chartjs-container canvas{height:auto!important;max-width:100%!important;width:100%!important}.pie-chart-container,.pie-chart-wrapper{padding:6px!important}.pie-chart-container{margin:0!important}.pie-chart-container .chartjs-container{padding:4px!important}.chartjs-container .chartjs-legend{margin-top:8px!important}.chartjs-container ul{margin:0!important;padding:0!important}.chartjs-container li{margin:2px 4px!important;padding:2px 4px!important}}@media (max-width:999px){.chartjs-container{margin:0!important;max-width:100%!important;padding:4px!important}.chartjs-container,.chartjs-container canvas{height:auto!important;width:100%!important}.pie-chart-container .chartjs-container{padding:4px!important}.chartjs-container li{margin:1px 2px!important;padding:1px 2px!important}}@media (max-width:480px){.budget-value{font-size:16px;justify-content:center}.chartjs-container{margin:0!important;max-width:100%!important;padding:2px!important}.chartjs-container,.chartjs-container canvas{height:auto!important;width:100%!important}.pie-chart-container .chartjs-container{padding:2px!important}.chartjs-container li{margin:1px!important;padding:1px 2px!important}}.chart-container .chartjs-container{margin:0!important;padding:8px!important}.chart-container .chartjs-container:hover{transform:none}.chart-modal-body{background:#fff;border-radius:12px;max-height:90vh;max-width:95vw;overflow:auto;padding:16px}.chartjs-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:auto!important;justify-content:center;margin:0!important;max-width:100%!important;padding:8px!important;width:100%!important}.chart-legend-modern{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px;padding:8px}.legend-item-modern{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;font-size:.875rem;gap:6px;padding:4px 8px;transition:all .2s ease}.legend-item-modern,.legend-item-modern span{color:#374151;font-weight:500}.legend-item-modern span[title]{cursor:help}.legend-dot-modern{border-radius:50%;flex-shrink:0;height:10px;width:10px}@media (max-width:900px){.chartjs-container{padding:6px!important}.chart-legend-modern{gap:6px;padding:6px}.legend-item-modern{font-size:.8rem;padding:3px 6px}}@media (max-width:600px){.chart-modal-content{margin:10px}.chart-modal-body{padding:12px}.chartjs-container{padding:4px!important}.chart-legend-modern{flex-direction:column;gap:4px;padding:6px}.legend-item-modern{font-size:.75rem;padding:3px 6px}}.chartjs-style-container{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;flex-direction:column;height:auto;justify-content:center;padding:8px;width:100%}.chartjs-style-container:hover{box-shadow:0 2px 6px rgba(0,0,0,.08)}.chartjs-style-container svg{height:auto;max-width:100%;overflow:visible;width:100%}.chart-line{stroke-width:2;fill:none;transition:stroke-width .2s ease}.chart-line:hover{stroke-width:3}.chart-line.checking-prediction,.chart-line.credit-prediction,.chart-line.savings-prediction{stroke-dasharray:5,5;opacity:.7}.chart-point{r:3;transition:r .2s ease}.chart-point:hover{r:5}.chart-point.prediction-point{stroke-width:2}.chart-legend .legend-item:hover{background:#f3f4f6;transform:translateY(-1px)}.line-checking{stroke:#059669}.line-savings{stroke:#3b82f6}.line-credit{stroke:#ef4444}.chart-dot{r:3;transition:r .2s ease}.chart-dot:hover{r:5}.dot-checking{fill:#059669}.dot-savings{fill:#3b82f6}.dot-credit{fill:#ef4444}.grid-line{stroke:#f3f4f6;stroke-width:1}.axis-line{stroke:#d1d5db;stroke-width:1}.axis-text{fill:#6b7280;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:500}.chart-legend{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;gap:12px;margin-top:16px;padding:12px}.legend-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-weight:500;gap:6px;padding:6px 10px;transition:all .2s ease}.legend-item:hover{background:#f3f4f6;box-shadow:0 2px 4px rgba(0,0,0,.05);transform:translateY(-1px)}.legend-color{border-radius:50%;flex-shrink:0}.legend-checking{background-color:#059669}.legend-savings{background-color:#3b82f6}.legend-credit{background-color:#ef4444}.legend-color.dashed{background:repeating-linear-gradient(45deg,transparent,transparent 2px,currentColor 0,currentColor 4px);border-radius:2px}.prediction-legend{color:#6b7280;font-size:.75rem;margin-top:8px}.prediction-disclaimer{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;margin-top:12px;padding:8px 12px;text-align:center}.prediction-disclaimer small{color:#92400e;font-size:.75rem;font-weight:500;line-height:1.4}.stats-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden;padding:12px;position:relative;transition:all .2s ease}.stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:2px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .2s ease;width:100%}.stat-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.08);transform:translateY(-1px)}.stat-card:hover:before{transform:scaleX(1)}.stat-header{gap:8px;margin-bottom:8px}.stat-header,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:4px;color:#fff;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.icon-checking{background-color:#059669}.icon-savings{background-color:#3b82f6}.icon-credit{background-color:#ef4444}.stat-title{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-change{align-items:center;display:flex;font-size:.875rem;gap:6px}.change-amount{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-weight:700}.change-percentage{border-radius:3px;font-size:.75rem;font-weight:500;padding:2px 4px}.change-positive{color:#059669}.change-negative{color:#ef4444}.change-neutral{color:#6b7280}.trend-indicator{font-size:.75rem;margin-left:auto}.loading-message{color:#6b7280;font-size:1rem;font-weight:500;padding:32px;text-align:center}.error-message{border-radius:8px;color:#ef4444}.error-message,.no-data-message{font-size:1rem;font-weight:500;padding:32px;text-align:center}.no-data-message{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280}.save-snapshot-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:6px;box-shadow:0 2px 4px rgba(59,130,246,.25);color:#fff;cursor:pointer;display:block;font-size:.875rem;font-weight:600;margin:8px auto;padding:8px 16px;transition:all .2s ease}.save-snapshot-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 8px rgba(59,130,246,.35);transform:translateY(-1px)}.save-snapshot-btn:active{box-shadow:0 1px 2px rgba(59,130,246,.25);transform:translateY(0)}.save-snapshot-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.tab-selector{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:4px;justify-content:center;margin-bottom:16px;padding:4px}.tab-btn{background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex:1;font-size:.875rem;font-weight:600;padding:8px 16px;text-align:center;transition:all .2s ease}.tab-btn:hover{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);color:#374151}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px rgba(102,126,234,.25);color:#fff}.trend-stat-card.income-card{border-left:3px solid #059669}.trend-stat-card.expenses-card{border-left:3px solid #ef4444}.trend-stat-card.net-card{border-left:3px solid #3b82f6}.trend-stat-card.income-card .trend-stat-header{color:#059669}.trend-stat-card.expenses-card .trend-stat-header{color:#ef4444}.trend-stat-card.net-card .trend-stat-header{color:#3b82f6}.income-expense-chart{height:auto;max-width:none;width:95%}.income-line{stroke:#059669}.expenses-line{stroke:#ef4444}.net-line{stroke:#3b82f6}.income-prediction{stroke:#059669;stroke-dasharray:5,5;opacity:.7}.expenses-prediction{stroke:#ef4444;stroke-dasharray:5,5;opacity:.7}.net-prediction{stroke:#3b82f6;stroke-dasharray:5,5;opacity:.7}.chart-point.prediction-point{opacity:.7;stroke-width:1;fill:#fff}@media (prefers-color-scheme:dark){.balance-trends{background:#1f2937;border-color:#374151;color:#f3f4f6}.balance-trends h1{color:#f3f4f6}.balance-trends h1:after{background:linear-gradient(90deg,#667eea,#764ba2)}.balance-trends-subtitle{color:#9ca3af}.chart-container,.chart-legend,.chart-legend-modern,.prediction-controls,.stat-card{background:#1f2937;border-color:#374151}.chart-container:before,.stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2)}.period-btn,.period-button,.prediction-toggle-btn,.tab-btn{background:#374151;border-color:#4b5563;color:#f3f4f6}.period-btn:hover,.period-button:hover,.prediction-toggle-btn:hover,.tab-btn:hover{background:#4b5563;color:#f3f4f6}.tab-selector{background:#374151;border-color:#4b5563}.tab-btn{color:#9ca3af}.tab-btn:hover{color:#f3f4f6}.chart-legend{background:#374151}.legend-item{background:#1f2937;border-color:#4b5563;color:#f3f4f6}.legend-item:hover{background:#4b5563}.change-amount,.prediction-months-selector label,.stat-title{color:#f3f4f6}.grid-line{stroke:#374151}.axis-line{stroke:#4b5563}.axis-text{fill:#9ca3af}.loading-message,.no-data-message{background:#374151;border-color:#4b5563;color:#9ca3af}.error-message{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.prediction-disclaimer{background:#78350f;border-color:#92400e}.prediction-disclaimer small{color:#fbbf24}.save-snapshot-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.save-snapshot-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af)}.chart-wrapper:hover,.pie-chart-container:hover{box-shadow:0 4px 12px rgba(0,0,0,.3)}.chart-wrapper:after,.pie-chart-container:after{background:rgba(0,0,0,.8)}.chart-modal-content{background:#1f2937;border-color:#374151}.chart-modal-body,.chartjs-container,.chartjs-style-container{background:#e7eaee}.chart-legend-modern{background:#374151;border-color:#4b5563}.legend-dot-modern{border-color:#4b5563}.axis-text,.chart-modal-content svg text,.chartjs-style-container svg text{fill:#9ca3af!important}.all-time-note{background:#1e293b;border-color:#475569}.all-time-note small{color:#93c5fd}}@media (max-width:999px){.balance-trends{margin-bottom:12px;padding:8px}.balance-trends h1{font-size:1.5rem}.balance-trends h1:after{width:60px}.balance-trends-subtitle{font-size:.9rem}.chart-container{padding:8px}.chart-wrapper{padding:4px}.chart-svg{height:300px}.stats-grid{gap:8px;grid-template-columns:1fr}.stat-card{padding:8px}.chart-legend,.chart-legend-modern{flex-direction:column;gap:6px;padding:8px}.legend-item,.legend-item-modern{font-size:.8rem;justify-content:center;padding:4px 8px}.period-selector{gap:4px}.period-btn,.period-button{font-size:.8rem;padding:6px 12px}.prediction-controls{gap:8px;padding:4px}.prediction-toggle-btn{font-size:.8rem;padding:4px 8px}.prediction-months-selector{font-size:.8rem}.axis-text{font-size:10px}.balance-chart,.income-expense-chart{width:100%}.tab-selector{gap:2px;margin-bottom:12px}.tab-btn{font-size:.8rem;padding:6px 12px}.trend-stat-card,.trend-stat-card.expenses-card,.trend-stat-card.income-card,.trend-stat-card.net-card{margin-bottom:8px;padding:8px}.save-snapshot-btn{font-size:.8rem;margin:4px auto;padding:6px 12px}}@media (max-width:480px){.balance-trends{padding:6px}.balance-trends h1{font-size:1.25rem}.balance-trends h1:after{width:50px}.chart-svg{height:250px}.chart-container{padding:6px}.balance-chart,.income-expense-chart{width:100%}.axis-text{font-size:9px}.chart-legend,.chart-legend-modern{flex-direction:column;gap:4px;padding:6px}.legend-item,.legend-item-modern{font-size:.75rem;justify-content:center;padding:3px 6px}.period-selector{gap:2px;margin-bottom:12px}.prediction-controls{flex-direction:column;gap:6px;margin-bottom:12px}.stat-change{align-items:flex-start;flex-direction:column;gap:2px}.stat-card{padding:6px}.tab-selector{flex-direction:column}.tab-btn{font-size:.75rem;padding:6px 8px}.save-snapshot-btn{font-size:.75rem;margin:2px auto;padding:4px 8px}}.chartjs-container,.pie-chart-container,.pie-chart-wrapper{margin:0!important;max-width:100%!important;padding:4px!important;width:100%!important}.chart-wrapper{margin:0!important;padding:4px!important}.chart-legend,.chart-legend-modern{gap:6px!important;margin-top:8px!important;padding:6px!important}.legend-item,.legend-item-modern{font-size:.8rem!important;margin:1px!important;padding:3px 6px!important}.chartjs-legend,.doughnut-legend,.doughnut-legend-text{margin:4px 0!important;padding:4px!important}.pie-chart-container:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px)}.pie-chart-container:after{background:rgba(0,0,0,.7);border-radius:3px;bottom:8px;color:#fff;content:"Click to enlarge";font-size:11px;opacity:0;padding:3px 6px;position:absolute;right:8px;transition:opacity .2s ease}.pie-chart-container:hover:after{opacity:1}@media (prefers-color-scheme:dark){.pie-chart-container:hover{box-shadow:0 4px 12px rgba(0,0,0,.3)}.pie-chart-container:after{background:rgba(0,0,0,.8)}}.line-chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:12px;overflow:hidden;padding:8px;position:relative}.square-chart{aspect-ratio:1/1!important;height:auto!important;margin:0 auto!important;max-width:1000px!important;width:100%!important}.line-chart-container:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:2px;left:0;position:absolute;top:0;width:100%}.pie-chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);cursor:pointer;margin-bottom:12px;overflow:hidden;padding:8px!important;position:relative;transition:transform .2s ease,box-shadow .2s ease}.pie-chart-container:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:2px;left:0;position:absolute;top:0;width:100%}@media (prefers-color-scheme:dark){.line-chart-container,.pie-chart-container{background:#f5f6f7;border-color:#374151;width:100%}}.doughnut-legend-text,.pie-legend-text{color:#374151!important;font-size:.875rem;font-weight:500}.all-time-note{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;margin-bottom:16px;padding:8px;text-align:center}.all-time-note small{color:#0369a1;font-size:.875rem;font-weight:500}.chart-modal-content svg .recharts-text,.chart-modal-content svg text{fill:#e2e8f0!important;color:#e2e8f0!important}.all-time-note{background:#1e293b;border-color:#475569}.all-time-note small{color:#93c5fd}.chart-clickable{border-radius:8px;cursor:pointer;position:relative;transition:all .2s ease}.chart-clickable:hover{box-shadow:0 4px 16px rgba(0,0,0,.1);transform:scale(1.02)}.chart-clickable:after{background:rgba(0,0,0,.7);border-radius:4px;color:#fff;content:"🔍 Click to enlarge";font-size:.75rem;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;right:8px;top:8px;transition:opacity .2s ease;z-index:10}.chart-clickable:hover:after{opacity:1}@media (max-width:999px){.chart-clickable:after{content:"🔍 Tap to enlarge";font-size:.7rem;padding:3px 6px}}.chart-modal-overlay{align-items:center;background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.chart-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:95vh;max-width:95vw;overflow:auto;position:relative}.chart-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:32px;z-index:10}.chart-modal-close:hover{background:#e5e7eb;color:#374151;transform:scale(1.1)}.chart-modal-body{align-items:center;display:flex;justify-content:center;padding:20px}@media (prefers-color-scheme:dark){.chart-modal-content{background:#1f2937}.chart-modal-close{background:#374151;color:#d1d5db}.chart-modal-close:hover{background:#4b5563;color:#f9fafb}.chart-clickable:after{background:hsla(0,0%,100%,.8);color:#1f2937}}.chart-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:20px;text-align:center}.chart-container{background:#fff;border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.05);margin-bottom:24px;padding:24px}.chart-legend{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:20px}.legend-item{align-items:center;color:#666;display:flex;font-size:.875rem;gap:8px}.legend-color{border-radius:2px;height:12px;width:12px}.chart-tooltip{background:rgba(0,0,0,.8);border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;padding:8px 12px}:root{--expense-primary:#7c3aed;--expense-primary-light:#8b5cf6;--expense-primary-dark:#6d28d9;--expense-secondary:#64748b;--expense-secondary-dark:#475569;--expense-success:#059669;--expense-success-light:#10b981;--expense-success-light-bg:#f0fdf4;--expense-warning:#d97706;--expense-warning-light:#f59e0b;--expense-warning-light-bg:#fef3c7;--expense-error:#dc2626;--expense-error-light:#ef4444;--expense-error-dark:#b91c1c;--expense-error-light-bg:#fef2f2;--expense-card-bg:#fff;--expense-card-secondary:#f8fafc;--expense-detail-bg:#f8fafc;--expense-hover-bg:#f1f5f9;--expense-bg-light:#f3f4f6;--expense-border:#e1e5e9;--expense-border-light:#e2e8f0;--expense-text-primary:#1a1a1a;--expense-text-secondary:#6b7280;--expense-text-tertiary:#9ca3af;--expense-accent:#7c3aed}.expenses-list-container{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.expenses-list-container .component-header{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.expenses-list-container .component-header h2{color:var(--expense-text-primary,#1a1a1a);font-size:1.25rem;font-weight:600;margin:0;padding:0}.expenses-list-container .budget-table{background-color:transparent;border-radius:8px;border-spacing:0;box-shadow:none;margin-top:0;overflow:hidden;width:100%}@media (max-width:999px){.expenses-list-container{margin-bottom:16px;padding:16px}.expenses-list-container .component-header{align-items:center;flex-direction:column;gap:8px}.expenses-list-container .budget-table{margin-top:0}}.expenses-list-container .budget-row .usage-item{align-items:center;background:var(--expense-card-secondary,#f8fafc);border:1px solid var(--expense-border-light,#e2e8f0);border-left:4px solid var(--expense-accent,#7c3aed);border-radius:8px;display:grid;grid-template-columns:1fr 1.5fr .7fr;margin-bottom:12px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.expenses-list-container .budget-row:hover{background-color:var(--expense-hover-bg,#f1f5f9);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.expenses-list-container .budget-row:first-child{border-left-color:var(--expense-primary,#7c3aed)}.expenses-list-container .spending-limits-row{border-left-color:var(--expense-warning,#d97706)}.expenses-list-container .budget-row:last-child{border-bottom:1px solid var(--expense-border-light,#e2e8f0)}.expenses-list-container .budget-label{color:var(--expense-text-secondary,#6b7280);font-weight:600;letter-spacing:.05em}.expenses-list-container .budget-value{align-items:flex-end;color:var(--expense-success,#059669);display:flex;flex-direction:column;font-size:1.5rem;font-weight:700;gap:4px;justify-content:center;text-align:right}.expenses-list-container .expenses-value{color:var(--expense-error,#dc2626)}.expenses-list-container .budget-action{display:flex;gap:8px;justify-content:flex-end}.expenses-list-container .add-expense-btn-small{border:none;border-radius:8px;box-shadow:0 2px 8px rgba(5,150,105,.2);color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:10px 16px;text-align:center;transition:all .2s ease}.expenses-list-container .add-expense-btn-small:hover{box-shadow:0 4px 12px rgba(5,150,105,.3);transform:translateY(-2px)}.expenses-list-container .spending-limits-btn-small{align-items:center;background:linear-gradient(90deg,var(--expense-warning,#d97706),var(--expense-warning-light,#f59e0b));border:none;border-radius:8px;box-shadow:0 2px 8px rgba(217,119,6,.2);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;min-width:120px;padding:10px 16px;text-align:center;transition:all .2s ease}.expenses-list-container .spending-limits-btn-small:hover{box-shadow:0 4px 12px rgba(217,119,6,.3);transform:translateY(-2px)}.expenses-list-container .toggle-list-btn{background:linear-gradient(90deg,var(--expense-primary,#7c3aed),var(--expense-primary-light,#8b5cf6));border:none;border-radius:8px;box-shadow:0 2px 8px rgba(124,58,237,.2);color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:10px 16px;text-align:center;transition:all .2s ease}.expenses-list-container .toggle-list-btn:hover{box-shadow:0 4px 12px rgba(124,58,237,.3);transform:translateY(-2px)}.expenses-list-container .edit-btn-small.purple{background-color:#9c27b0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:8px 16px;text-align:center;transition:all .2s ease}.expenses-list-container .edit-btn-small.purple:hover{background-color:#7b1fa2;box-shadow:0 4px 8px rgba(156,39,176,.2);transform:translateY(-2px)}.expenses-list-wrapper{background-color:#fff;border:none;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.03);flex:1;margin-top:16px;min-height:200px;overflow-y:auto}.expenses-list{list-style:none;margin:0;padding:0;width:100%}.expense-item{background-color:var(--card-background);border-radius:8px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:1rem;transition:all .2s ease}.expense-item.recurring-expense{background-color:#f0f8ff;border-left:4px solid #4a90e2}.expense-item.non-recurring-expense{background-color:#f8fff8;border-left:4px solid #52c752}.expense-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px rgba(0,0,0,.1)}.expense-item.recurring-expense:hover{background-color:#e6f3ff}.expense-item.non-recurring-expense:hover{background-color:#f0fff0}.expense-item:last-child{border-bottom:none}.expense-details{display:flex;flex-direction:column;gap:.25rem}.expense-name{color:var(--text-color);font-size:1.1rem;font-weight:500}.expense-category,.expense-date{color:var(--secondary-text-color);font-size:.9rem}.expense-actions{gap:.5rem;margin-top:auto}.expense-actions button{border:none;border-radius:4px;cursor:pointer;font-size:1.9rem;padding:.5rem 1rem;transition:all .2s ease}.edit-button{background-color:var(--primary-color);color:#fff}.edit-button:hover{background-color:var(--primary-color-dark)}.delete-button{background-color:var(--error-color);color:#fff}.delete-button:hover{background-color:var(--error-color-dark)}.expense-amount{border-top:1px solid var(--border-color);color:var(--text-color);font-size:1.2rem;font-weight:500;margin-top:.5rem;padding-top:.5rem;text-align:right}.no-expenses{background-color:#f9fafc;border-radius:8px;color:#888;font-size:14px;font-style:italic;margin:10px;padding:20px;text-align:center}.delete-expense-btn{align-items:center;background:none;border:2.5px solid #c3cfe6;border-radius:50%;box-shadow:none;color:#1e3a5f;cursor:pointer;display:flex;font-size:1.7rem;height:48px;justify-content:center;min-height:44px;min-width:44px;opacity:.95;outline:none;padding:0;transition:all .18s cubic-bezier(.4,0,.2,1);width:48px}.delete-expense-btn:hover{background:#fbeaea;border-color:#e57373;box-shadow:0 2px 8px rgba(229,57,53,.12);color:#b71c1c;opacity:1}.delete-expense-btn svg{height:28px;width:28px;stroke-width:2.2px}.expense-name:hover{background-color:rgba(63,81,181,.05);color:#3f51b5}.recurring-badge{background-color:#3f51b5}.category-badge,.recurring-badge{align-items:center;border-radius:12px;color:#fff;display:inline-flex;font-size:.7rem;font-weight:500;margin-left:8px;padding:2px 8px;white-space:nowrap}.category-badge{background-color:#ff9800}.expense-value{align-items:center;color:#f44336;display:flex;font-weight:600;gap:12px}.expense-actions{align-items:center;display:flex;gap:8px}.edit-expense-btn{align-items:center;background:none;border:2.5px solid #c3cfe6;border-radius:50%;box-shadow:none;color:#1e3a5f;cursor:pointer;display:flex;font-size:1.7rem;height:48px;justify-content:center;min-height:44px;min-width:44px;opacity:.95;outline:none;padding:0;transition:all .18s cubic-bezier(.4,0,.2,1);width:48px}.edit-expense-btn:hover{background:#e3f6f3;border-color:#7ec8b5;box-shadow:0 2px 8px rgba(30,58,95,.1);color:#007bff;opacity:1}.edit-expense-btn svg{height:28px;width:28px;stroke-width:2.2px}.expenses-list-container .spending-limits-row{background:var(--expense-warning-light-bg,#fef3c7);border-left-color:var(--expense-warning,#d97706)!important;position:relative}.expenses-list-container .limits-summary{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.expenses-list-container .good-indicator,.expenses-list-container .over-limit-indicator,.expenses-list-container .warning-indicator{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 8px;white-space:nowrap}.expenses-list-container .over-limit-indicator{background:var(--expense-error-light-bg,#fef2f2);border:1px solid var(--expense-error-light,#fca5a5);color:var(--expense-error,#dc2626)}.expenses-list-container .warning-indicator{background:var(--expense-warning-light-bg,#fef3c7);border:1px solid var(--expense-warning-light,#fcd34d);color:var(--expense-warning,#d97706)}.expenses-list-container .good-indicator{background:var(--expense-success-light-bg,#f0fdf4);border:1px solid var(--expense-success-light,#bbf7d0);color:var(--expense-success,#059669)}.expenses-list-container .no-limits-set{color:var(--expense-text-tertiary,#9ca3af);font-size:.875rem;font-style:italic;opacity:.8}.expenses-list-container .toggle-limits-details-btn{background:var(--expense-secondary,#64748b);border:none;border-radius:6px;box-shadow:0 1px 3px rgba(100,116,139,.2);color:#fff;cursor:pointer;font-size:12px;margin-left:8px;padding:6px 10px;transition:all .2s ease}.expenses-list-container .toggle-limits-details-btn:hover{background:var(--expense-secondary-dark,#475569);box-shadow:0 2px 6px rgba(100,116,139,.3);transform:translateY(-1px)}.expenses-list-container .spending-limits-details{background:var(--expense-detail-bg,#f8fafc);border:1px solid var(--expense-border-light,#e2e8f0);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-top:12px;padding:20px}.expenses-list-container .limit-detail-row{align-items:center;background:var(--expense-card-bg,#fff);border:1px solid var(--expense-border-light,#e2e8f0);border-radius:8px;display:grid;gap:16px;grid-template-columns:1fr 2fr 1.5fr;margin-bottom:12px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.expenses-list-container .limit-detail-row:last-child{margin-bottom:0}.expenses-list-container .limit-detail-row:hover{box-shadow:0 2px 8px rgba(0,0,0,.08);transform:translateY(-1px)}.expenses-list-container .category-name{color:var(--expense-text-primary,#1a1a1a);font-size:.875rem;font-weight:600}.expenses-list-container .limit-progress-container{position:relative;width:100%}.expenses-list-container .limit-progress-bar{background-color:var(--expense-bg-light,#f3f4f6);border-radius:6px;height:8px;overflow:hidden;position:relative}.expenses-list-container .limit-progress-fill{border-radius:6px;height:100%;transition:width .3s ease}.expenses-list-container .limit-progress-fill.good{background:linear-gradient(90deg,var(--expense-success,#059669),var(--expense-success-light,#10b981))}.expenses-list-container .limit-progress-fill.warning{background:linear-gradient(90deg,var(--expense-warning,#d97706),var(--expense-warning-light,#f59e0b))}.expenses-list-container .limit-progress-fill.over{background:linear-gradient(90deg,var(--expense-error,#dc2626),var(--expense-error-light,#ef4444))}.expenses-list-container .over-limit-indicator-bar{animation:pulse 2s infinite;background:var(--expense-error-dark,#b91c1c);border-radius:0 6px 6px 0;height:100%;left:100%;max-width:100%;position:absolute;top:0}.expenses-list-container .limit-amounts{align-items:center;display:flex;flex-wrap:wrap;font-size:.8rem;gap:6px;justify-content:flex-end}.expenses-list-container .spent-amount{font-size:.9rem;font-weight:700}.expenses-list-container .spent-amount.good{color:var(--expense-success,#059669)}.expenses-list-container .spent-amount.warning{color:var(--expense-warning,#d97706)}.expenses-list-container .spent-amount.over{color:var(--expense-error,#dc2626)}.expenses-list-container .limit-separator{color:var(--expense-text-tertiary,#9ca3af);font-weight:500;margin:0 2px}.expenses-list-container .limit-amount{color:var(--expense-text-secondary,#6b7280);font-weight:500}.expenses-list-container .percentage-indicator{background:var(--expense-bg-light,#f3f4f6);border-radius:4px;font-size:.7rem;font-weight:600;margin-left:8px;padding:2px 6px}.expenses-list-container .percentage-indicator.good{background:var(--expense-success-light-bg,#f0fdf4);color:var(--expense-success,#059669)}.expenses-list-container .percentage-indicator.warning{background:var(--expense-warning-light-bg,#fef3c7);color:var(--expense-warning,#d97706)}.expenses-list-container .percentage-indicator.over{background:var(--expense-error-light-bg,#fef2f2);color:var(--expense-error,#dc2626)}@media (max-width:999px){.expenses-list-container .limits-summary{align-items:flex-start;flex-direction:column;gap:6px}.expenses-list-container .limit-detail-row{gap:12px;grid-template-columns:1fr;padding:12px;text-align:center}.expenses-list-container .limit-progress-container{order:2}.expenses-list-container .limit-amounts{justify-content:center;order:3}.expenses-list-container .category-name{font-size:1rem;order:1;text-align:center}.expenses-list-container .toggle-limits-details-btn{margin-left:6px;padding:6px 10px}.expenses-list-container .budget-row{gap:12px;grid-template-columns:1fr;text-align:center}.expenses-list-container .budget-label{font-size:.875rem;text-align:left}.expenses-list-container .budget-value{align-items:center;text-align:center}.expenses-list-container .budget-action{justify-content:center}}.sort-checkboxes{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.sort-checkbox{align-items:center;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;transition:background-color .2s ease;user-select:none}.sort-checkbox:hover{background-color:#f3f4f6}.sort-checkbox input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;height:14px;margin:0;width:14px}.sort-checkbox span{font-size:11px;font-weight:500;padding:3px 6px;white-space:nowrap}.sort-checkbox input[type=checkbox]{height:12px;width:12px}@media (max-width:499px){.sort-checkboxes{gap:4px}.sort-checkbox{font-size:10px;padding:2px 4px}}.period-selector,.sort-controls{align-items:center;display:flex;gap:1rem}.period-selector label,.sort-controls label{color:var(--text-color);font-weight:500;min-width:100px}.period-selector select,.sort-controls select{background-color:var(--input-background);border-radius:4px;color:var(--text-color);font-size:1rem;min-width:200px;padding:.5rem}.sort-direction-btn{align-items:center!important;background:var(--expense-card-bg,#fff)!important;border:1px solid var(--expense-border-light,#e2e8f0)!important;border-radius:4px!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important;color:var(--expense-text-primary,#1a1a1a)!important;cursor:pointer!important;display:flex!important;font-size:1rem!important;font-weight:600!important;height:40px!important;justify-content:center!important;min-width:40px!important;padding:.5rem .75rem!important;transition:all .2s ease!important}.sort-direction-btn:hover{background:var(--expense-hover-bg,#f1f5f9)!important;border-color:var(--expense-primary,#7c3aed)!important;box-shadow:0 2px 6px rgba(0,0,0,.15)!important;transform:translateY(-1px)!important}.sort-direction-btn:active{box-shadow:0 1px 3px rgba(0,0,0,.1)!important;transform:translateY(0)!important}.spending-limits-usage{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;margin-top:30px;width:100%}.spending-limits-usage h3{color:var(--heading-color);margin:0 0 1rem}.usage-item{align-items:center;background-color:var(--expense-card-secondary,#f8fafc);border:1px solid var(--expense-border-light,#e2e8f0);border-left:4px solid var(--expense-warning,#d97706);border-radius:6px;display:flex;gap:1rem;justify-content:space-between;padding:16px;width:100%}.usage-item .category{font-weight:500;min-width:120px}.usage-bar{background-color:var(--border-color);border-radius:4px;flex:1}.usage-fill{background-color:var(--primary-color);border-radius:4px;height:100%;transition:width .3s ease}.usage-item.warning .usage-fill{background-color:var(--warning-color)}.usage-item.over .usage-fill{background-color:var(--error-color)}.usage-item .amount{color:var(--secondary-text-color);font-size:.9rem;min-width:200px;text-align:right}.expenses-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:999px){.period-selector,.sort-controls{align-items:flex-start;gap:.5rem}.usage-item{align-items:flex-start;flex-direction:column}.usage-item .category{margin-bottom:.5rem}.usage-item .amount{margin-top:.5rem;text-align:left;width:100%}.expenses-grid{grid-template-columns:1fr}}.about-overlay,.contact-overlay,.import-preview-overlay,.profile-popup-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:40px 20px;position:fixed;right:0;top:0;z-index:99999}.about-modal,.contact-modal,.import-preview-modal,.profile-popup-modal{animation:slide-up .4s ease-out;background-color:#fff;border-radius:20px;box-shadow:0 8px 30px rgba(30,58,95,.15);margin:auto;max-height:80vh;max-width:1000px;overflow:auto;position:relative;width:90%;z-index:100000}.about-container,.contact-container{position:relative;width:100%;z-index:100001}.about-close-btn,.close-button,.contact-close-btn,.profile-close-btn{align-items:center;background-color:rgba(30,58,95,.9);border:2px solid rgba(30,58,95,.9);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;opacity:1!important;position:absolute;right:16px;top:16px;visibility:visible!important;width:36px;z-index:100002}.about-header,.contact-header{align-items:center;border-bottom:1px solid rgba(163,222,210,.3);border-radius:21px 21px 0 0;color:#211f1f;display:flex;padding:24px 28px;position:relative}.about-header h1,.contact-header h2{color:#1a237e}.about-content,.contact-content,.import-preview-content{max-height:70vh;overflow-y:auto;padding:24px 28px}.about-section,.contact-form{margin-bottom:24px}.contact-form .form-group{margin-bottom:16px}.contact-form label{color:#1e3a5f;display:block;font-weight:500;margin-bottom:8px}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid #dce1e8;border-radius:8px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);color:#1e3a5f;font-size:1rem;padding:12px;width:100%}.contact-form textarea{min-height:120px;resize:vertical}.contact-status{margin-bottom:16px;padding:12px}.contact-status.success{background-color:rgba(46,213,115,.15);border:1px solid rgba(46,213,115,.3);color:#2ed573}.contact-status.error{background-color:rgba(255,71,87,.15);border:1px solid rgba(255,71,87,.3);color:#ff4757}.about-content button,.contact-submit-button{background:linear-gradient(90deg,#3f51b5,#2196f3);border:none;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:transform .2s,box-shadow .2s;width:100%}.about-content button:hover,.contact-submit-button:hover{box-shadow:0 6px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.contact-submit-button:disabled{background:#ccc}@media screen and (max-width:999px){.about-overlay,.contact-overlay{align-items:center!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:15px!important;position:fixed!important;right:0!important;top:0!important;z-index:10000!important}.about-overlay.mobile-overlay,.contact-overlay.mobile-overlay{padding:10px!important}.about-modal,.contact-modal{border-radius:16px!important;box-shadow:0 8px 32px rgba(0,0,0,.3)!important;height:auto!important;margin:0 auto!important;max-height:90vh!important;max-width:100%!important;position:relative!important;transform:none!important;width:100%!important}.about-header,.contact-header{border-radius:16px 16px 0 0;padding:16px 20px}.about-content,.contact-content{height:calc(95vh - 80px);max-height:calc(95vh - 80px);overflow-y:auto;padding:16px 20px}.about-header h1,.contact-header h2{font-size:1.5rem}.about-close-btn,.close-button,.contact-close-btn{font-size:18px;height:32px;right:12px;top:12px;width:32px}}.import-preview-list{max-height:60vh;overflow-y:auto;padding:1rem 0;scrollbar-color:#d1d5db #f3f4f6;scrollbar-width:thin}.import-preview-item{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;gap:1rem;padding:1rem;transition:box-shadow .2s}.import-preview-item:focus-within{box-shadow:0 0 0 2px #7c3aed33}.import-preview-details{align-items:center;display:grid;flex:1;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr}.import-preview-amount input,.import-preview-category select,.import-preview-date input,.import-preview-name input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.5rem;width:100%}.import-preview-amount{align-items:center;display:flex;justify-content:space-between;width:100px}.import-preview-amount input{margin-right:10px}.import-preview-remove{align-items:center;background:none;border:none;border-radius:50%;color:#bd1515;cursor:pointer;display:flex;font-size:1.8rem;justify-content:center;padding:.5rem;transition:all .2s ease}.import-preview-remove:hover{background-color:#f3f4f6;color:#dc2626}.import-preview-actions{border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:1rem;gap:.5rem 1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.import-preview-cancel,.import-preview-confirm{border-radius:4px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.import-preview-cancel{background:#f3f4f6;border:1px solid #ddd;color:#666}.import-preview-confirm{background:#7c3aed;border:1px solid #7c3aed;color:#fff}.import-preview-cancel:hover{background:#e5e7eb}.import-preview-confirm:hover{background:#6d28d9;border-color:#6d28d9}.conflict-type{border-radius:4px;font-size:.8rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.conflict-type.exact{background:#fef3c7;color:#92400e}.conflict-type.dateValue{background:#dbeafe;color:#1e40af}.import-preview-item .import-preview-actions{display:flex;gap:8px;margin-top:8px}.import-preview-item .import-preview-actions button{border:1px solid;border-radius:4px;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:all .2s ease}.import-preview-item .import-preview-actions .import-preview-confirm{background:#7c3aed;border-color:#7c3aed;color:#fff}.import-preview-item .import-preview-actions .import-preview-cancel{background:#f3f4f6;border-color:#d1d5db;color:#374151}.import-preview-item .import-preview-actions .import-preview-confirm:hover{background:#6d28d9;border-color:#6d28d9}.import-preview-item .import-preview-actions .import-preview-cancel:hover{background:#e5e7eb;border-color:#9ca3af}@media (max-width:900px){.import-preview-details{gap:.5rem;grid-template-columns:1.5fr 1fr 1fr 1fr}.import-preview-item{font-size:.97rem;padding:.75rem .5rem}}@media (max-width:600px){.import-preview-list{max-height:70vh;padding:.5rem 0}.import-preview-item{align-items:stretch;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.03);flex-direction:column;gap:.5rem;margin-bottom:.7rem;padding:.7rem .2rem}.import-preview-details{gap:.5rem;grid-template-columns:1fr}.import-preview-remove{align-self:flex-end;margin-bottom:.5rem;margin-top:1rem}}.import-preview-list::-webkit-scrollbar{width:8px}.import-preview-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.import-preview-details input,.import-preview-details select{background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;font-size:1rem;min-width:0;padding:.5rem .7rem}.import-preview-details input:focus,.import-preview-details select:focus{background:#fff;border-color:#7c3aed;outline:2px solid #7c3aed}.import-preview-modal-container{margin:0 auto;max-width:98vw;min-width:0;padding:0;width:100%}@media (max-width:600px){.import-preview-actions{background:#fff;border-top:1px solid #eee;bottom:0;padding-bottom:1rem;position:sticky;z-index:2}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:transparent;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.edit-expense-overlay{align-items:center;animation:fade-in .3s ease-out;background-color:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.edit-expense-modal{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.3);max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.modal-header-content{flex-grow:1}.expense-logo{height:50px;margin-right:15px;object-fit:contain;width:50px}form{padding:30px}.form-group{margin-bottom:20px;width:100%}.edit-expense-modal .form-group label{color:#fff;font-size:15px;font-weight:600}.date-picker-input,.edit-expense-modal .form-group input,.edit-expense-modal .form-group select,.edit-expense-modal .form-group textarea{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);border-radius:12px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:16px;padding:14px;transition:all .2s ease;width:100%}.edit-expense-modal .form-group input::placeholder,.edit-expense-modal .form-group textarea::placeholder{color:hsla(0,0%,100%,.6);opacity:1}.edit-expense-modal .form-group input::-webkit-input-placeholder,.edit-expense-modal .form-group textarea::-webkit-input-placeholder{color:hsla(0,0%,100%,.6);opacity:1}.edit-expense-modal .form-group input::-moz-placeholder,.edit-expense-modal .form-group textarea::-moz-placeholder{color:hsla(0,0%,100%,.6);opacity:1}.edit-expense-modal .form-group input:-ms-input-placeholder,.edit-expense-modal .form-group textarea:-ms-input-placeholder{color:hsla(0,0%,100%,.6);opacity:1}.category-select,.recurring-period-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 14px top 50%;background-repeat:no-repeat;background-size:16px auto;padding-right:40px}.edit-expense-modal .form-group input:focus,.edit-expense-modal .form-group select:focus,.edit-expense-modal .form-group textarea:focus{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.4);box-shadow:0 0 8px hsla(0,0%,100%,.2);outline:none}.edit-expense-modal .form-group input:hover,.edit-expense-modal .form-group select:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.3)}.edit-expense-modal .form-group.checkbox{align-items:center;flex-direction:row;gap:10px}.edit-expense-modal .checkbox-label{align-items:center;cursor:pointer;display:flex;position:relative;width:100%}.edit-expense-modal .checkbox-label input[type=checkbox]{accent-color:#4facfe;flex-shrink:0;height:24px;margin-right:15px;width:24px}.edit-expense-modal .checkbox-label span{color:#fff;display:inline-block;font-size:16px;font-weight:600;overflow:visible}.edit-expense-modal .recurring-options{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:15px;margin-top:20px;padding:20px}.recurring-options .form-group{margin-bottom:15px}.checkbox-group{display:flex;flex-direction:column;gap:12px;margin-top:15px}.edit-expense-modal .recurring-options .form-group.checkbox label span{color:#fff;font-size:15px;font-weight:500}.edit-expense-modal .recurring-options .checkbox-label{align-items:center;cursor:pointer;display:flex;padding:8px 0}.edit-expense-modal .recurring-options .checkbox-label input[type=checkbox]{accent-color:#4facfe;height:20px;margin-right:12px;width:20px}.edit-expense-modal .recurring-options .checkbox-label:after{content:"";position:absolute;right:0}.info-panel{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;margin-top:20px;padding:16px}.info-item{display:flex;justify-content:space-between;margin-bottom:8px}.info-item:last-child{margin-bottom:0}.edit-expense-modal .info-label{color:hsla(0,0%,100%,.8);font-weight:500}.edit-expense-modal .info-value{color:#fff;font-weight:600}.credit-option{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;margin-top:20px;padding:16px}.credit-amount{color:#4facfe;font-size:18px;font-weight:700}.cancel-btn{background:hsla(0,0%,100%,.1)}.cancel-btn:hover{background:hsla(0,0%,100%,.2)}.save-btn{background:linear-gradient(135deg,#4facfe,#00f2fe)}.save-btn:disabled,.save-btn:disabled:hover{transform:none}@media (max-width:999px){.edit-expense-overlay{padding:10px}.edit-expense-modal{max-height:95vh;width:100%}.modal-header{padding:20px}.expense-logo{height:40px;margin-right:12px;width:40px}.modal-header h2{font-size:24px}.modal-close-btn{font-size:28px;height:35px;width:35px}form{padding:20px}.form-group{margin-bottom:16px}.form-group input,.form-group select,.form-group textarea{font-size:15px;padding:12px}.form-group.checkbox{margin-bottom:12px}.checkbox-label{align-items:flex-start}.checkbox-label input[type=checkbox]{height:20px;margin-right:12px;margin-top:2px;width:20px}.checkbox-label span{font-size:10px;line-height:1.4}.recurring-options{padding:16px}.modal-actions{flex-direction:column;gap:12px}.cancel-btn,.save-btn{font-size:15px;padding:14px 24px}}.input-group{align-items:center;background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);border-radius:12px;display:flex;position:relative;transition:all .2s ease}.input-group:focus-within{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.4);box-shadow:0 0 8px hsla(0,0%,100%,.2)}.input-group input{background:transparent!important;color:#fff;flex:1;font-size:16px;outline:none;padding:14px 40px 14px 14px!important}.input-group input:focus{background:transparent!important;box-shadow:none!important}.input-group .currency-symbol{color:hsla(0,0%,100%,.7);font-weight:500;pointer-events:none;position:absolute;right:14px;z-index:1}.recurring-section .checkbox-container{align-items:center;display:flex;gap:10px;margin-bottom:10px}.recurring-section .checkbox-container input[type=checkbox]{accent-color:#4facfe;height:20px;width:20px}.recurring-section .checkbox-container label{color:#fff;font-weight:500}.recurring-options{border:1px solid hsla(0,0%,100%,.2);border-radius:15px;padding:20px}.payment-info,.recurring-options{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);margin-top:20px}.payment-info{border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:16px}.credit-info{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:12px}.form-actions{border-top:1px solid hsla(0,0%,100%,.2);gap:15px;margin-top:30px;padding-top:20px}.react-datepicker-wrapper{width:100%}.react-datepicker{background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.15)}.react-datepicker__header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid hsla(0,0%,100%,.2)}.react-datepicker__current-month,.react-datepicker__day-name{color:#fff;font-weight:600}.react-datepicker__day{border-radius:8px;color:#333;transition:all .2s ease}.react-datepicker__day:hover{background:rgba(79,172,254,.2);color:#333}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;font-weight:600}.react-datepicker__day--disabled{background:transparent;color:#ccc}.react-datepicker__navigation-icon:before{border-color:#fff}.react-datepicker__input-container input{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);border-radius:12px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:16px;padding:14px;transition:all .2s ease;width:100%}.react-datepicker__input-container input:focus{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.4);box-shadow:0 0 8px hsla(0,0%,100%,.2);outline:none}.react-datepicker-popper{z-index:1001}.date-picker-input{background:hsla(0,0%,100%,.1);color:#fff}.react-datepicker__input-container input::placeholder{color:hsla(0,0%,100%,.6)}.react-datepicker__input-container input::-webkit-input-placeholder{color:hsla(0,0%,100%,.6)}.react-datepicker__input-container input::-moz-placeholder{color:hsla(0,0%,100%,.6)}.react-datepicker__input-container input:-ms-input-placeholder{color:hsla(0,0%,100%,.6)}.edit-income-overlay{align-items:center;animation:fade-in .3s ease-out;background-color:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.edit-income-modal{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.3);max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.income-header{align-items:center;background:inherit;border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;padding:25px 30px;position:sticky;top:0;z-index:10}.income-header-content{align-items:center;display:flex;flex-grow:1}.income-logo{height:50px;margin-right:15px;object-fit:contain;width:50px}.income-header h2{color:#fff;font-size:28px;font-weight:700;margin:0}.budget-period-note{color:#413e3e;font-size:14px;margin-bottom:0;margin-top:8px}.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.modal-close-btn:hover{background-color:hsla(0,0%,100%,.1);transform:scale(1.1)}.income-content{padding:30px}.income-fields{margin-bottom:16px;width:100%}.income-field-row{backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;display:flex;flex-direction:column;margin-bottom:15px;padding:20px;position:relative;transition:all .2s ease}.income-field-row:hover{background:hsla(0,0%,100%,.15);transform:translateY(-2px)}.field-group{margin-bottom:16px;width:100%}.field-group label{color:#413e3e;display:block;font-size:15px;font-weight:600;margin-bottom:8px}.field-group input{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid #ddd;border-radius:6px;box-sizing:border-box;color:#000;font-family:inherit;font-size:16px;padding:14px;transition:all .2s ease;width:100%}.field-group input:focus{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.4);box-shadow:0 0 8px hsla(0,0%,100%,.2);outline:none}.field-group input:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.3)}.field-group input::placeholder{color:hsla(0,0%,100%,.6)}.remove-field{align-items:center;backdrop-filter:blur(10px);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s;width:30px}.remove-field:hover{background:hsla(0,100%,71%,.2);transform:scale(1.1)}.income-actions{display:flex;justify-content:center;margin:20px 0}.add-field{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:12px;box-shadow:0 8px 25px rgba(79,172,254,.3);color:#fff;cursor:pointer;display:flex;font-weight:600;padding:15px 30px;transition:all .2s ease}.add-field:hover{box-shadow:0 12px 35px rgba(79,172,254,.4);transform:translateY(-2px)}.add-field:before{content:"+";font-size:20px;font-weight:700;margin-right:8px}.total-income{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;margin-top:20px;padding:16px;text-align:center}.total-income h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.total-income .amount{color:#4facfe;font-size:24px;font-weight:700}.modal-actions{border-top:1px solid hsla(0,0%,100%,.2);display:flex;gap:15px;margin-top:30px;padding-top:20px}.cancel-btn,.save-btn{border:none;border-radius:12px;cursor:pointer;flex:1;font-size:16px;font-weight:600;padding:15px 30px;transition:all .2s ease}.cancel-btn{background:rgba(238,5,5,.91);border:1px solid hsla(0,0%,100%,.2)}.cancel-btn:hover{background:rgba(186,60,60,.81);transform:translateY(-2px)}.save-btn{background:linear-gradient(135deg,#8fb58c,#0ca24b)}.save-btn:hover{box-shadow:0 8px 25px rgba(79,172,254,.3);transform:translateY(-2px)}.save-btn:disabled,.save-btn:disabled:hover{background:hsla(0,0%,100%,.2);box-shadow:none;cursor:not-allowed}@media (max-width:999px){.edit-income-overlay{padding:10px}.edit-income-modal{max-height:95vh;width:100%}.income-header{padding:20px}.income-logo{height:40px;margin-right:12px;width:40px}.income-header h2{font-size:24px}.budget-period-note{font-size:13px}.income-content{padding:0}.income-field-row{padding:16px}.field-group{margin-bottom:12px}.field-group label{font-size:14px}.field-group input{border:1px solid hsla(0,0%,100%,.2);font-size:15px;padding:12px}.modal-actions{flex-direction:column;gap:12px}.cancel-btn,.save-btn{font-size:15px;padding:14px 24px}.total-income{padding:14px}.total-income h3{font-size:16px}.total-income .amount{font-size:20px}.modal-close-btn{font-size:28px;height:35px;width:35px}}@media (min-width:1000px){.desktop-layout .auth-page-container,.desktop-layout .content .auth-page-container,body.auth-page .desktop-layout .content,html body .desktop-layout .auth-page-container,html body .desktop-layout .content.auth-page-container,html body main.desktop-layout .auth-page-container,html body main.desktop-layout .content .auth-page-container{margin-left:0!important;max-width:100vw!important;padding-left:0!important;width:100vw!important}}.auth-page-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.auth-language-selector{right:20px;top:20px;z-index:100}.auth-hero{color:#fff;padding:80px 20px 60px;text-align:center}.auth-hero-content{margin:0 auto;max-width:800px}.auth-logo{margin-bottom:30px}.auth-logo img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));width:200px}.auth-hero-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:24px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.auth-hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px;opacity:.95}.auth-hero-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.auth-cta-button{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;min-width:160px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.auth-cta-button.primary{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#667eea}.auth-cta-button.primary:hover{box-shadow:0 6px 20px rgba(0,0,0,.2);transform:translateY(-2px)}.auth-cta-button.secondary{background:transparent;border:2px solid #fff;color:#fff}.auth-cta-button.secondary:hover{background:#fff;color:#667eea}.auth-features{background:#fff;padding:80px 20px}.auth-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.1);overflow:hidden;padding:40px;position:relative;text-align:center;width:100%}.auth-section-title{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:60px;text-align:center}.auth-feature-grid{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.auth-feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:40px 24px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.auth-feature-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.12);transform:translateY(-5px)}.auth-feature-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.auth-feature-icon img{filter:brightness(0) invert(1);height:40px;width:40px}.auth-feature-card h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:16px}.auth-feature-card p{color:#4a5568;font-size:1rem;line-height:1.6}.auth-feature-card.ai-feature{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;overflow:hidden;position:relative}.auth-feature-card.ai-feature:before{background:linear-gradient(135deg,rgba(102,126,234,.9),rgba(118,75,162,.9));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.auth-feature-card.ai-feature>*{position:relative;z-index:1}.auth-feature-card.ai-feature:hover{box-shadow:0 12px 40px rgba(102,126,234,.3);transform:translateY(-8px)}.auth-feature-card.ai-feature .auth-feature-icon{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);margin-top:40px}.auth-feature-card.ai-feature h3{background:linear-gradient(135deg,#ffeaa7,#fab1a0);-webkit-background-clip:text;color:#fff;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.auth-feature-card.ai-feature p{color:hsla(0,0%,100%,.9)}.ai-badge{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;left:50%;padding:4px 12px;position:absolute;top:16px;transform:translateX(-50%);z-index:2}.auth-ai-features{background:#f8faff;padding:80px 20px}.auth-section-description{color:#4a5568;font-size:1.125rem;line-height:1.6;margin:0 auto 60px;max-width:800px;text-align:center}.auth-benefits{background:#f7fafc;padding:80px 20px}.auth-benefits-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.auth-benefit-item{align-items:flex-start;display:flex;gap:16px}.auth-benefit-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-shrink:0;font-size:2rem;height:50px;justify-content:center;width:50px}.auth-benefit-item h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:8px}.auth-benefit-item p{color:#4a5568;line-height:1.6}.auth-modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.auth-modal,.auth-modal-overlay{display:flex;justify-content:center}.auth-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.2);flex-direction:column;max-height:90vh;max-width:420px;min-height:400px;overflow-y:auto;padding:32px;position:relative;width:100%}.auth-modal-close{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.5rem;padding:4px;position:absolute;right:16px;top:16px;transition:background-color .2s ease}.auth-modal-close:hover{background:#f5f5f5}.auth-modal-header{margin-bottom:24px;text-align:center}.auth-modal-title{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:8px}.auth-modal-subtitle{color:#666;font-size:.9rem}.auth-modal-content{align-items:center;text-align:center}.auth-form,.auth-modal-content{display:flex;flex-direction:column}.auth-form{gap:16px;max-width:350px;width:100%}.auth-form input{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:14px 16px;transition:border-color .2s ease}.auth-form input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.auth-submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 24px;transition:transform .2s ease,box-shadow .2s ease}.auth-submit-button:hover:not(:disabled){box-shadow:0 4px 12px rgba(102,126,234,.3);transform:translateY(-1px)}.auth-submit-button:disabled{cursor:not-allowed;opacity:.6}.auth-separator{color:#666;font-size:.9rem;margin:16px 0;max-width:350px}.auth-separator:after,.auth-separator:before{background:#e2e8f0}.auth-separator span{color:#666;font-size:.9rem}.auth-google-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;display:flex;font-size:1rem;gap:12px;justify-content:center;max-width:350px;padding:12px 16px;transition:border-color .2s ease,background-color .2s ease;width:100%}.auth-google-button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.auth-google-button img{height:20px;width:20px}.auth-forgot-password-button,.auth-switch-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;margin-top:8px;padding:8px 0;text-decoration:underline}.auth-forgot-password-button:hover,.auth-switch-button:hover{color:#5a67d8}.auth-error{background:#fed7d7;color:#c53030}.auth-error,.auth-success{border-radius:8px;font-size:.9rem;margin-bottom:16px;padding:12px 16px}.auth-success{background:#c6f6d5;color:#2f855a}.auth-footer{background:#2d3748;color:#fff;padding:40px 20px;text-align:center}.auth-footer-content{margin:0 auto;max-width:1200px}.auth-footer-buttons{flex-wrap:wrap;gap:24px}.auth-footer-button{background:none;border:none;border-radius:4px;color:#fff;font-size:1rem;padding:8px 16px;text-decoration:underline;transition:background-color .2s ease}.auth-footer-button:hover{background:hsla(0,0%,100%,.1);text-decoration:none}@media (max-width:999px){.auth-hero-title{font-size:2.5rem}.auth-hero-subtitle{font-size:1.1rem}.auth-hero-buttons{align-items:center;flex-direction:column}.auth-cta-button{max-width:280px;width:100%}.auth-section-title{font-size:2rem}.auth-feature-grid{gap:32px;grid-template-columns:1fr}.auth-benefits-grid{gap:24px;grid-template-columns:1fr}.auth-modal{margin:20px;padding:24px}.auth-footer-buttons{flex-direction:column;gap:16px}}@media (max-width:480px){.auth-hero{padding:60px 16px 40px}.auth-hero-title{font-size:2rem}.auth-benefits,.auth-features{padding:60px 16px}.auth-feature-card{padding:32px 20px}}.auth-page-container~.mobile-profile-header,body:has(.auth-page-container) .mobile-profile-header{display:none!important;opacity:0!important;visibility:hidden!important}.auth-header{border-radius:8px;color:#1976d2;font-family:inherit;font-size:24px;font-weight:700;margin-bottom:20px;padding:20px;text-align:center}.auth-logo{align-items:center;display:flex;justify-content:center;margin-bottom:5px;text-align:center;width:100%}.auth-logo img{display:block;height:auto;margin-bottom:5px;margin-left:auto;margin-right:auto;width:260px}.auth-content{align-items:center;background:rgba(163,222,210,.1);border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:30px 20px}.auth-content h2{color:#1a237e;font-size:22px;margin-bottom:25px;text-align:center}.auth-content form{align-items:center;display:flex;flex-direction:column;width:100%}.auth-content input{border:1px solid #e8e8e8;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:12px;padding:16px;width:100%}.auth-content input:focus{border-color:#a3ded2;box-shadow:0 0 0 2px rgba(163,222,210,.2);outline:none}.auth-container button{background:#1e3a5f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:8px;padding:16px;transition:background .2s;width:100%}.auth-container button:hover{background:#2b4975}.error-message{background:hsla(0,75%,83%,.2);border-radius:4px;color:#e53935;margin:10px 0;padding:10px;text-align:center;width:90%}.auth-separator{margin:24px 0;position:relative;text-align:center;width:100%}.auth-separator:after,.auth-separator:before{background-color:#e8e8e8;content:"";height:1px;position:absolute;top:50%;width:calc(50% - 20px)}.auth-separator:before{left:0}.auth-separator:after{right:0}.auth-separator span{background:#fff;color:#757575;font-size:14px;padding:0 10px}.google-sign-in-button{align-items:center;background-color:#fff!important;border:1px solid #a3ded2!important;color:#1e3a5f!important;display:flex!important;gap:8px;justify-content:center}.google-sign-in-button:hover{background-color:rgba(163,222,210,.1)!important}.google-sign-in-button img{height:18px;width:18px}.auth-switch-button{background:none!important;border:none;box-shadow:none!important;color:#1e3a5f!important;font-weight:400!important;padding:8px!important}.auth-switch-button:hover{background:rgba(163,222,210,.2)!important}button:disabled{cursor:not-allowed;opacity:.7}.password-reset-form{align-items:center;display:flex;flex-direction:column;width:100%}.reset-instructions{color:#555;font-size:14px;margin-bottom:15px;text-align:center;width:90%}.forgot-password-button{background:none!important;border:none;color:#1e3a5f!important;font-weight:400!important;margin:0!important;padding:4px 8px!important}.forgot-password-button:hover{background:rgba(163,222,210,.2)!important}.auth-back-button{background:#f8fafc!important;border:1px solid #a3ded2!important;color:#1e3a5f!important}.auth-back-button:hover{background:rgba(163,222,210,.1)!important}.success-message{background-color:rgba(163,222,210,.2);border-radius:4px;color:#43a047;font-weight:500;margin:10px 0;padding:10px;text-align:center;width:90%}.auth-footer-buttons{border-top:1px solid rgba(163,222,210,.3);display:flex;gap:16px;justify-content:center;margin-top:24px;padding-top:20px}.auth-footer-button{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #a3ded2;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);color:#1e3a5f;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:10px 20px;text-align:center;transition:all .3s ease}.auth-footer-button:hover:not(:disabled){background:linear-gradient(135deg,#a3ded2,#88c9b3);border-color:#88c9b3;box-shadow:0 4px 12px rgba(163,222,210,.3);color:#fff;transform:translateY(-2px)}.auth-footer-button:active:not(:disabled){box-shadow:0 2px 6px rgba(163,222,210,.2);transform:translateY(0)}.auth-footer-button:disabled{background:#f5f5f5;border-color:#e0e0e0;color:#999;cursor:not-allowed;opacity:.6;transform:none}.auth-footer-button.about-button{background:linear-gradient(135deg,#fff,#f3f4fe);border-color:#3f51b5;color:#3f51b5}.auth-footer-button.about-button:hover:not(:disabled){background:linear-gradient(135deg,#3f51b5,#2196f3);border-color:#2196f3;box-shadow:0 4px 12px rgba(63,81,181,.3);color:#fff}.auth-footer-button.contact-button{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#1e3a5f;color:#1e3a5f}.auth-footer-button.contact-button:hover:not(:disabled){background:linear-gradient(135deg,#1e3a5f,#2b4975);border-color:#2b4975;box-shadow:0 4px 12px rgba(30,58,95,.3);color:#fff}@media (max-width:999px){.auth-container{margin:20px auto;padding:24px 16px;width:95%}.auth-logo h1{font-size:28px}.auth-header{margin-bottom:15px;padding:15px}.auth-content{padding:20px 15px}.auth-content h2{font-size:18px;margin-bottom:20px}.auth-content input{font-size:15px;margin:8px 0;padding:12px}.auth-container button{font-size:15px;margin:12px 0;padding:12px}.error-message{font-size:14px}.auth-footer-buttons{flex-direction:row;gap:12px;margin-top:20px;padding-top:16px}.auth-footer-button{flex:1;font-size:13px;max-width:none;min-width:auto;padding:12px 16px}}.auth-container{animation:fade-in .3s ease-out}.auth-header-row{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:15px;position:relative}.auth-language-selector{margin:5px;position:absolute;right:0;top:0;z-index:10}.auth-language-selector .language-selector{display:flex;justify-content:flex-end}.auth-language-selector .language-select{appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;background-size:14px;border:none;border-radius:6px;box-shadow:0 2px 6px rgba(102,126,234,.15);color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;min-width:100px;outline:none;padding:6px 28px 6px 10px;transition:all .2s ease}.auth-language-selector .language-select:focus,.auth-language-selector .language-select:hover{background:linear-gradient(135deg,#a3ded2,#667eea);box-shadow:0 2px 10px rgba(102,126,234,.2);color:#232946;transform:translateY(-1px)}.auth-language-selector .language-select option{background:#fff;color:#333;padding:6px}.contact-overlay{background-color:rgba(0,0,0,.8);z-index:10000}.contact-container{max-width:900px;width:100%}.contact-container,.contact-modal{background-color:#fff;box-shadow:0 8px 30px rgba(30,58,95,.12)}.contact-modal{animation:slide-up .4s ease-out;max-width:550px;overflow-y:auto;width:90%}.contact-header{padding:24px}.contact-header h2{font-size:24px;font-weight:600}.contact-content{padding:30px}.contact-status{animation:fade-in .3s ease-out;border-radius:8px;font-weight:500;margin-bottom:24px;padding:12px 16px}.contact-status.success{background-color:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);color:#2e7d32}.contact-status.error{background-color:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.3);color:#d32f2f}.contact-status.warning{background-color:rgba(255,152,0,.1);border:1px solid rgba(255,152,0,.3);color:#f57c00}.form-group label{color:#1e3a5f}.form-group input,.form-group select,.form-group textarea{border:1px solid rgba(163,222,210,.5);border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2196f3;outline:none}.form-actions{margin-top:16px}.contact-submit-button{background:linear-gradient(90deg,#3f51b5,#2196f3);border-radius:8px;box-shadow:0 4px 10px rgba(33,150,243,.3);padding:12px 24px;transition:all .2s}.contact-submit-button:hover{box-shadow:0 6px 12px rgba(33,150,243,.4);transform:translateY(-2px)}.contact-submit-button:disabled{box-shadow:none;opacity:.6}.contact-cancel-button:focus,.contact-submit-button:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none}.contact-cancel-button:focus,.contact-submit-button:focus{box-shadow:0 0 0 3px rgba(33,150,243,.4)}@media (max-width:600px){.contact-modal{max-height:95vh;width:95%}.contact-header{padding:16px}.contact-logo{height:40px;width:40px}.contact-header h2{font-size:1.3rem}.contact-content{padding:20px}.form-group{gap:6px}.form-group input,.form-group select,.form-group textarea{padding:12px}.form-actions{flex-direction:column-reverse;gap:12px}.contact-cancel-button,.contact-submit-button{padding:12px;width:100%}}@media screen and (max-width:999px){.contact-container{border-radius:0;box-shadow:none;margin:0;width:100%}.contact-header{border-radius:0}.contact-form{padding:16px}#contact.active,#contact.active .grid-item{margin:0;padding:0;width:100%}}html body #contact-mobile-close-btn.mobile-contact-close-button.contact-close-btn{align-items:center!important;background-color:rgba(30,58,95,.9)!important;border:3px solid #1e3a5f!important;border-radius:50%!important;box-shadow:0 4px 12px rgba(0,0,0,.5)!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:1.8rem!important;font-weight:700!important;height:50px!important;justify-content:center!important;opacity:1!important;pointer-events:auto!important;position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;visibility:visible!important;width:50px!important;z-index:99999999!important}@keyframes pulse-border-contact{0%{box-shadow:0 0 0 0 rgba(30,58,95,.8)}70%{box-shadow:0 0 0 10px rgba(30,58,95,0)}to{box-shadow:0 0 0 0 rgba(30,58,95,0)}}html body #contact-mobile-close-btn.mobile-contact-close-button.contact-close-btn{animation:pulse-border-contact 2s infinite}.contact-container .contact-header{border-bottom:1px solid rgba(163,222,210,.3)!important;border-radius:21px 21px 0 0!important;color:#211f1f!important;justify-content:space-between!important;overflow:visible!important;padding:20px 24px!important;position:relative!important}.contact-container .contact-header,.contact-container .contact-header-content{align-items:center!important;display:flex!important}.contact-container .contact-logo{height:32px!important;margin-right:12px!important;width:32px!important}.mobile-contact-wrapper{overflow:visible!important;position:relative!important}#contact.active{display:block!important;overflow:auto!important;visibility:visible!important;z-index:999999!important}.contact-container{background-color:#fff!important;border-radius:16px!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;margin:0!important;max-width:100%!important;overflow:hidden!important}.contact-content{background-color:#fff!important;padding:20px!important}.contact-form .form-group{margin-bottom:16px!important}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid #ccc!important;border-radius:8px!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)!important;font-size:16px!important;padding:10px 12px!important;width:100%!important}.contact-form label{color:#1e3a5f!important;display:block!important;font-weight:500!important;margin-bottom:6px!important}.contact-submit-button{border-radius:8px!important;box-shadow:0 2px 6px rgba(0,0,0,.2)!important;cursor:pointer!important;font-size:16px!important;font-weight:700!important;padding:12px 24px!important;width:100%!important}.contact-header-content{gap:12px}.contact-logo{height:40px;width:40px}.contact-form{padding:4px}.contact-form .form-group:last-child{margin-bottom:24px}.form-actions{gap:8px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#3f51b5;box-shadow:0 0 0 2px rgba(63,81,181,.2);outline:none}.contact-modal{max-height:90vh}.contact-content{max-height:calc(90vh - 76px);overflow-x:hidden;scrollbar-color:#dce1e8 #f8f9fa;scrollbar-width:thin}.contact-content::-webkit-scrollbar{width:6px}.contact-content::-webkit-scrollbar-track{background:#f8f9fa}.contact-content::-webkit-scrollbar-thumb{background-color:#dce1e8;border:2px solid #f8f9fa;border-radius:6px}@media screen and (max-width:999px){.contact-close-btn{align-items:center!important;background-color:rgba(30,58,95,.9)!important;border:2px solid #1e3a5f!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important;color:#fff!important;display:flex!important;height:40px!important;justify-content:center!important;opacity:1!important;right:12px!important;top:12px!important;visibility:visible!important;width:40px!important;z-index:999999!important}.contact-header-content{padding-right:24px}#contact-popup-emergency-close{display:flex!important;opacity:1!important;visibility:visible!important;z-index:999999!important}}@keyframes slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.contact-overlay{z-index:99999!important}.contact-modal{border-radius:12px!important;max-height:90vh!important;overflow:hidden!important;z-index:100000!important}.contact-close-btn,.contact-container .close-button{align-items:center!important;background:#fff!important;border:2px solid #1e3a5f!important;border-radius:50%!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important;color:#1e3a5f!important;cursor:pointer!important;display:flex!important;font-size:20px!important;height:40px!important;justify-content:center!important;opacity:1!important;position:absolute!important;right:12px!important;top:12px!important;visibility:visible!important;width:40px!important;z-index:100002!important}.contact-cancel-button,.contact-submit-button{border-radius:8px!important;cursor:pointer!important;font-size:1rem!important;font-weight:600!important;padding:12px 16px!important;transition:all .2s!important;width:100%!important}.contact-submit-button{background:linear-gradient(90deg,#3f51b5,#2196f3)!important;border:none!important;box-shadow:0 4px 6px rgba(0,0,0,.1)!important;color:#fff!important}.contact-cancel-button{background-color:transparent!important;border:1px solid #dce1e8!important;color:#1e3a5f!important}.contact-submit-button:hover{box-shadow:0 6px 10px rgba(0,0,0,.15)!important;transform:translateY(-2px)!important}.contact-cancel-button:hover{background-color:#f5f5f5!important}@media (max-width:999px){.contact-header-content{align-items:center!important;display:flex!important;padding-right:30px!important}.contact-logo{height:36px!important;margin-right:10px!important;width:36px!important}.contact-header h2{font-size:1.5rem!important;margin:0!important}.contact-content{padding:16px!important}}#contact-popup-emergency-close{align-items:center!important;background:#fff!important;border:2px solid #1e3a5f!important;border-radius:50%!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important;color:#1e3a5f!important;cursor:pointer!important;display:flex!important;font-size:20px!important;height:40px!important;justify-content:center!important;opacity:1!important;position:fixed!important;right:15px!important;top:15px!important;visibility:visible!important;width:40px!important;z-index:100003!important}@keyframes contact-fade-in{0%{opacity:0}to{opacity:1}}.contact-overlay{animation:contact-fade-in .3s ease-out!important}.about-header-content,.contact-header-content{align-items:center;display:flex;gap:12px}.about-logo,.contact-logo{height:40px;object-fit:contain;width:40px}.about-header h1,.contact-header h2{font-size:1.8rem;font-weight:600;margin:0}.about-close-btn,.close-button,.contact-close-btn{align-items:center;background-color:#fff;border:2px solid #1e3a5f;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.3);color:#1e3a5f;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;opacity:1;pointer-events:auto;position:absolute;right:16px;top:16px;visibility:visible;width:40px;z-index:999999}.about-close-btn:hover,.close-button:hover,.contact-close-btn:hover{background-color:#f8f8f8;transform:scale(1.05)}@media (max-width:999px){.about-modal,.contact-modal{max-height:90vh;width:95%}.about-header,.contact-header{padding:16px 20px}.about-header h1,.contact-header h2{font-size:1.5rem}.about-content,.contact-content{max-height:calc(90vh - 76px);overflow-y:auto;padding:16px}.about-close-btn,.close-button,.contact-close-btn{font-size:18px;height:36px;width:36px}.about-logo,.contact-logo{height:32px;width:32px}.about-close-btn,.contact-close-btn{display:flex!important;opacity:1!important;visibility:visible!important}}.contact-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:40px 20px;position:fixed;right:0;top:0;z-index:99999}.contact-modal{animation:slide-up .5s ease-out;box-shadow:0 12px 40px rgba(30,58,95,.15);margin:auto;max-height:80vh;max-width:600px;z-index:100000}.contact-container,.contact-modal{background:#fff;border-radius:20px;overflow:hidden;position:relative;width:100%}.contact-container{margin:0 auto;z-index:100001}.contact-header{align-items:center;border-bottom:none;border-radius:21px 21px 0 0;color:#211f1f;display:flex;justify-content:space-between;padding:32px 36px;z-index:100001}.contact-header-content{align-items:center;color:#1a237e;display:flex;flex:1;font-size:24px;font-weight:700;gap:16px;justify-content:center;text-align:center}.contact-header h2{color:#1a237e;font-size:2rem;font-weight:700;margin:0;text-shadow:none}.contact-logo{background:hsla(0,0%,100%,.1);border-radius:50%;height:48px;object-fit:contain;padding:4px;width:48px}.contact-close-btn{align-items:center;background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;cursor:pointer;display:flex!important;font-size:18px;font-weight:700;height:44px;justify-content:center;opacity:1!important;position:absolute;right:20px;top:20px;transition:all .3s ease;visibility:visible!important;width:44px;z-index:100002}.contact-close-btn:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);transform:scale(1.1)}.contact-content{max-height:80vh;overflow-y:auto;padding:60px 36px 40px;-webkit-overflow-scrolling:touch;line-height:1.7}.contact-content::-webkit-scrollbar{width:8px}.contact-content::-webkit-scrollbar-track{background:#f8fafc;border-radius:10px}.contact-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3f51b5,#2196f3);border:2px solid #f8fafc;border-radius:10px}.contact-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#303f9f,#1976d2)}.contact-status{animation:slide-up .3s ease-out;background:linear-gradient(145deg,#e8f5e8,#f0f8f0);border:2px solid #4caf50;border-radius:12px;box-shadow:0 4px 12px rgba(76,175,80,.2);color:#2e7d32;font-weight:600;margin-bottom:32px;padding:16px 20px;text-align:center}.contact-status.error{background:linear-gradient(145deg,#fdeaea,#fef2f2);border-color:#f44336;box-shadow:0 4px 12px rgba(244,67,54,.2);color:#c62828}.contact-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#1a237e;font-size:16px;margin-bottom:4px}.form-group input,.form-group textarea{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 8px rgba(30,58,95,.08);font-family:inherit;font-size:16px;padding:16px 20px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#3f51b5;box-shadow:0 0 0 4px rgba(63,81,181,.15);color:#000;outline:none;transform:translateY(-2px)}.form-group textarea{color:#000;font-family:inherit;min-height:120px;resize:vertical}.form-actions{flex-direction:column;gap:16px;margin-top:8px}.contact-submit-button{background:linear-gradient(135deg,#3f51b5,#2196f3,#1976d2);border:none;border-radius:12px;box-shadow:0 4px 16px rgba(63,81,181,.3);color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.contact-submit-button:hover:not(:disabled){box-shadow:0 6px 20px rgba(63,81,181,.4);transform:translateY(-2px)}.contact-submit-button:active:not(:disabled){transform:translateY(0)}.contact-submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.contact-cancel-button{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 8px rgba(30,58,95,.08);color:#1a237e;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease}.contact-cancel-button:hover:not(:disabled){background:linear-gradient(145deg,#f8fafc,#f0f4f8);border-color:#3f51b5;box-shadow:0 4px 12px rgba(30,58,95,.15);transform:translateY(-2px)}@media screen and (max-width:999px){.contact-overlay{opacity:1!important;padding:20px 12px;visibility:visible!important;z-index:999999!important}.contact-overlay.mobile-overlay{align-items:center!important;backdrop-filter:blur(8px)!important;background:rgba(0,0,0,.8)!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;opacity:1!important;padding:15px!important;pointer-events:auto!important;position:fixed!important;right:0!important;top:0!important;visibility:visible!important;z-index:2147483647!important}.contact-modal{border-radius:16px;max-height:85vh;max-width:100%}.contact-modal,.contact-modal.mobile-modal{opacity:1!important;visibility:visible!important;z-index:999999!important}.contact-modal.mobile-modal{animation:slide-up .3s ease-out!important;background:#fff!important;border-radius:16px!important;box-shadow:0 8px 32px rgba(30,58,95,.3)!important;height:auto!important;margin:0 auto!important;max-height:90vh!important;max-width:100%!important;overflow:hidden!important;position:relative!important;transform:none!important;width:100%!important}.contact-container{border-radius:20px}.contact-header{border-radius:21px 21px 0 0;padding:24px 20px}.contact-header h2{font-size:1.6rem}.contact-close-btn,.contact-logo{height:40px;width:40px}.contact-close-btn{font-size:16px;right:16px;top:16px}.contact-content{max-height:85vh;padding:48px 20px 32px}.form-group input,.form-group textarea{font-size:16px;padding:14px 16px}.contact-cancel-button,.contact-submit-button{font-size:16px;padding:16px 24px}}@media screen and (max-width:480px){.contact-overlay{padding:8px}.contact-header{padding:20px 16px}.contact-header h2{font-size:1.4rem}.contact-content{padding:40px 16px 24px}.contact-logo{height:36px;width:36px}}@media (prefers-contrast:high){.contact-modal{border:2px solid #000}.form-group input,.form-group textarea{border-color:#000}.contact-submit-button{background:#000}}@media (prefers-reduced-motion:reduce){.contact-cancel-button,.contact-close-btn,.contact-modal,.contact-status,.contact-submit-button,.form-group input,.form-group textarea{animation:none;transition:none}.contact-cancel-button:hover,.contact-close-btn:hover,.contact-submit-button:hover,.form-group input:focus,.form-group textarea:focus{transform:none}}.contact-overlay.mobile-overlay~.mobile-side-menu,body:has(.contact-overlay.mobile-overlay) .mobile-side-menu{display:none!important}.contact-overlay.mobile-overlay~.mobile-side-menu-overlay,body:has(.contact-overlay.mobile-overlay) .mobile-side-menu-overlay{display:none!important}.cookie-settings-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.cookie-settings-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.2);max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.cookie-settings-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.cookie-settings-header h2{color:#333;font-size:1.5rem;margin:0}.close-button{color:#666;font-size:1.8rem}.close-button:hover{color:#333}.cookie-settings-content{padding:20px}.cookie-options{display:flex;flex-direction:column;gap:20px;margin-top:20px}.cookie-option{border:1px solid #eee;border-radius:6px;padding:16px}.cookie-option-header{align-items:center;display:flex;font-weight:600;justify-content:space-between;margin-bottom:8px}.cookie-option p{color:#666;font-size:.9rem;margin:0}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch label{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-switch label:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}.toggle-switch input:checked+label{background-color:#4caf50}.toggle-switch input:checked+label:before{transform:translateX(26px)}.toggle-switch input:disabled+label{background-color:#4caf50;cursor:not-allowed;opacity:.6}.cookie-settings-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.cookie-settings-button{border:none;border-radius:4px;cursor:pointer;font-weight:600;padding:8px 16px;transition:background-color .2s}.cookie-settings-button.primary{background-color:#4caf50;color:#fff}.cookie-settings-button.primary:hover{background-color:#3e8e41}.cookie-settings-button.secondary{background-color:#f1f1f1;color:#333}.cookie-settings-button.secondary:hover{background-color:#ddd}.welcome-popup-overlay{align-items:center;animation:fade-in .3s ease-out;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.welcome-popup-modal{background-color:#fff;border:1px solid rgba(163,222,210,.3);border-radius:12px;box-shadow:0 6px 30px rgba(30,58,95,.15);max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.welcome-popup-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.welcome-step-indicator{display:flex;gap:8px}.welcome-step-dot{background-color:#e8e8e8;border-radius:50%;height:10px;transition:background-color .3s;width:10px}.welcome-step-dot.active{background-color:#1e3a5f}.welcome-close-button{background:none;border:none;color:#666;cursor:pointer;font-size:1.8rem}.welcome-close-button:hover{color:#333}.welcome-popup-content{color:#1e3a5f;padding:30px}.welcome-logo{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.welcome-logo img{animation:float 3s ease-in-out infinite;height:auto;width:120px}.welcome-popup-content h2{color:#1e3a5f;font-size:1.8rem;margin-bottom:20px;margin-top:0}.welcome-popup-content p{font-size:16px;line-height:1.6;margin-bottom:20px}.welcome-popup-content ul{margin-bottom:20px;padding-left:20px}.welcome-popup-content li{line-height:1.4;margin-bottom:12px}.welcome-tip{background-color:rgba(163,222,210,.2);border-left:4px solid #a3ded2;border-radius:8px;margin-top:20px;padding:15px}.welcome-popup-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.welcome-popup-button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .2s}.welcome-popup-button.primary{background-color:#1e3a5f;color:#fff}.welcome-popup-button.primary:hover{background-color:#2b4975}.welcome-popup-button.secondary{background-color:#f1f1f1;color:#1e3a5f}.welcome-popup-button.secondary:hover{background-color:#ddd}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width:999px){.welcome-popup-content{padding:20px}.welcome-popup-content h2{font-size:1.5rem;margin-bottom:15px}.welcome-popup-button{padding:8px 16px}}.about-container{box-shadow:0 8px 30px rgba(30,58,95,.12)}.about-header{background:linear-gradient(90deg,#3f51b5,#2196f3);border-bottom:1px solid rgba(163,222,210,.3);justify-content:space-between;padding:20px 24px}.about-header,.about-header-content{align-items:center;display:flex}.about-logo{height:50px;margin-right:20px;object-fit:contain;width:auto}.about-header h1{font-size:1.5rem;font-weight:600}.about-content{padding:30px}.about-section{margin-bottom:40px}.about-section h2{font-size:20px;font-weight:600;margin-bottom:24px}.about-section h2:after{border-radius:3px;bottom:-8px;height:3px;left:0;width:60px}.about-section p{color:#37474f;font-size:15px;margin-bottom:20px}.feature-grid{gap:24px;margin-top:30px}.feature-card{background:#f5f7fa;border:none;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:24px;transition:transform .2s}.feature-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-4px)}.feature-icon{box-shadow:0 2px 6px rgba(0,0,0,.1);margin-bottom:16px}.feature-card h3{font-size:16px;font-weight:600;margin-bottom:12px}.steps-list{margin:20px 0}.steps-list li{margin-bottom:16px}.step-number,.steps-list li{align-items:center;display:flex}.step-number{background:linear-gradient(90deg,#3f51b5,#2196f3);font-size:14px;height:28px;margin-right:12px;width:28px}.cta-container{margin-top:30px}.cta-container,.start-now-button{display:flex;justify-content:center}.start-now-button{align-items:center;background:linear-gradient(90deg,#3f51b5,#2196f3);border:none;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 26px;transition:all .2s ease}.start-now-button:hover{box-shadow:0 6px 8px rgba(0,0,0,.15);transform:translateY(-2px)}.benefits-list{gap:20px;margin-top:30px}.benefit-item{background-color:#f5f7fa;border:none;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:20px;transition:transform .2s}.benefit-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.benefit-icon{background:linear-gradient(90deg,#3f51b5,#2196f3);box-shadow:0 2px 6px rgba(33,150,243,.3);font-size:24px;height:44px;margin-right:16px;width:44px}.benefit-icon svg{height:24px;width:24px;stroke-width:1.5px}.benefit-text h3{font-size:16px;font-weight:600;margin-bottom:8px}.benefit-text p{color:#333;font-size:14px}@media screen and (max-width:999px){.about-container{border-radius:0;box-shadow:none;margin:0;max-height:100vh;overflow-x:hidden;width:100%}.about-header{border-radius:0;flex-direction:row;padding:16px;text-align:left}.about-logo{height:40px;margin-right:12px;width:40px}.about-header h1{font-size:1.3rem}.about-content{padding:20px}.about-section{margin-bottom:30px}.about-section h2{font-size:18px;text-align:left}.about-section h2:after{left:0;transform:none}.feature-grid{gap:16px;grid-template-columns:1fr}.feature-card{margin-bottom:16px;padding:16px;width:100%}.feature-icon{height:50px;width:50px}.benefits-list{gap:16px;grid-template-columns:1fr}.benefit-item{padding:16px}.benefit-icon{font-size:18px;height:36px;width:36px}.benefit-text h3{font-size:15px}.benefit-text p{font-size:13px}.steps-list li{margin-bottom:12px}.start-now-button{font-size:14px;padding:14px 20px;width:100%}#about.active{align-items:center;background-color:rgba(0,0,0,.6);bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000000}#about.active,#about.active .grid-item{margin:0;padding:0;width:100%}}.modern-language-selector{display:flex;justify-content:flex-end;margin-bottom:18px}.language-select{appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:none;border-radius:8px;box-shadow:0 2px 8px rgba(102,126,234,.1);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;min-width:120px;outline:none;padding:8px 32px 8px 12px;transition:all .2s ease}.language-select:focus,.language-select:hover{background:linear-gradient(135deg,#a3ded2,#667eea);box-shadow:0 2px 12px rgba(102,126,234,.18);color:#232946;transform:translateY(-1px)}.language-select option{background:#fff;color:#333;padding:8px}.language-select option:hover{background:#f0f0f0}.workflow-container{gap:16px;margin-top:20px}.workflow-item{background-color:#f5f7fa;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:20px;transition:transform .2s}.workflow-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.workflow-number{background:linear-gradient(90deg,#3f51b5,#2196f3);box-shadow:0 2px 6px rgba(33,150,243,.3);font-size:18px;height:36px;margin-right:16px;width:36px}.workflow-content{flex:1}.workflow-content h3{font-size:16px;font-weight:600;margin-bottom:8px}.workflow-content p{color:#333;font-size:14px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefits-list,.feature-grid{display:grid;gap:20px;margin-top:24px}.benefits-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media screen and (max-width:999px){.workflow-item{padding:16px}.workflow-number{font-size:16px;height:30px;margin-right:12px;width:30px}.workflow-content h3{font-size:15px}.workflow-content p{font-size:13px}.benefits-list,.feature-grid{gap:16px;grid-template-columns:1fr}.cta-container{margin-top:20px}}.about-container{animation:slide-up .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 12px 40px rgba(30,58,95,.15);margin:0 auto;max-width:1200px;overflow:hidden;width:100%}.about-header{align-items:center;background:linear-gradient(135deg,#3f51b5,#2196f3,#1976d2);border-bottom:none;border-radius:21px 21px 0 0;color:#fff;display:flex;justify-content:center;padding:32px 36px;position:relative;text-align:center}.about-header h1{color:#fff;font-size:2.2rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.about-content{max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch;line-height:1.7}.about-section{margin-bottom:48px}.about-section:last-child{margin-bottom:0}.about-section h2{color:#1a237e;font-size:24px;font-weight:700;margin-bottom:28px;position:relative;text-align:center}.about-section h2:after{background:linear-gradient(90deg,#3f51b5,#2196f3);border-radius:4px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.about-section p{color:#424242;font-size:16px;line-height:1.7;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.feature-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:40px}.feature-card{align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.08);display:flex;flex-direction:column;overflow:hidden;padding:32px 24px;position:relative;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#a3ded2;box-shadow:0 8px 32px rgba(63,81,181,.2);transform:translateY(-8px)}.feature-card:before{background:linear-gradient(90deg,#3f51b5,#2196f3);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{background:linear-gradient(135deg,#f8fafc,#e8f5f2);border:3px solid #a3ded2;border-radius:50%;font-size:48px;height:80px;margin-bottom:20px;transition:all .3s ease;width:80px}.feature-card:hover .feature-icon{background:linear-gradient(135deg,#a3ded2,#88c9b3);border-color:#3f51b5;transform:scale(1.1)}.feature-card h3{color:#1a237e;font-size:18px;font-weight:700;margin-bottom:16px;margin-top:8px}.feature-card p{color:#555;line-height:1.6;margin:0;text-align:center}.feature-card.ai-feature{background:linear-gradient(145deg,#f8f9ff,#e8eeff);border:2px solid #e3f2fd;position:relative}.feature-card.ai-feature:before{background:linear-gradient(90deg,#2196f3,#673ab7,#9c27b0)}.feature-card.ai-feature:hover{border-color:#2196f3;box-shadow:0 8px 32px rgba(33,150,243,.25)}.feature-card.ai-feature .feature-icon{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196f3;color:#1976d2}.feature-card.ai-feature:hover .feature-icon{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;transform:scale(1.15)}.feature-card.ai-feature h3{background:linear-gradient(135deg,#1565c0,#673ab7);-webkit-background-clip:text;color:#1565c0;-webkit-text-fill-color:transparent;background-clip:text}.feature-card.ai-feature:after{background:linear-gradient(135deg,#2196f3,#673ab7);border-radius:12px;color:#fff;content:"\1F916 AI";font-size:11px;font-weight:600;opacity:.9;padding:4px 8px;position:absolute;right:12px;top:12px}.workflow-container{display:flex;flex-direction:column;gap:24px;margin-top:32px}.workflow-item{align-items:flex-start;background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.08);display:flex;padding:28px;position:relative;transition:all .3s ease}.workflow-item:hover{border-color:#a3ded2;box-shadow:0 8px 24px rgba(63,81,181,.15);transform:translateY(-4px)}.workflow-number{align-items:center;background:linear-gradient(135deg,#3f51b5,#2196f3);border-radius:50%;box-shadow:0 4px 12px rgba(33,150,243,.4);color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:48px;justify-content:center;margin-right:24px;transition:all .3s ease;width:48px}.workflow-item:hover .workflow-number{box-shadow:0 6px 16px rgba(33,150,243,.5);transform:scale(1.1)}.workflow-content h3{color:#1a237e;font-size:18px;font-weight:700;margin-bottom:12px;margin-top:0}.workflow-content p{color:#555;font-size:15px;line-height:1.6;margin:0}.benefits-list{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:32px}.benefit-item{align-items:flex-start;background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.08);display:flex;padding:28px;position:relative;transition:all .3s ease}.benefit-item:hover{border-color:#a3ded2;box-shadow:0 8px 24px rgba(163,222,210,.2);transform:translateY(-4px)}.benefit-icon{align-items:center;background:linear-gradient(135deg,#3f51b5,#2196f3);border-radius:50%;box-shadow:0 4px 12px rgba(33,150,243,.3);color:#fff;display:flex;flex-shrink:0;font-size:32px;height:56px;justify-content:center;margin-right:20px;transition:all .3s ease;width:56px}.benefit-item:hover .benefit-icon{box-shadow:0 6px 16px rgba(33,150,243,.4);transform:scale(1.1)}.benefit-text h3{color:#1a237e;font-size:18px;font-weight:700;margin-bottom:12px;margin-top:0}.benefit-text p{color:#555;font-size:15px;line-height:1.6;margin:0}.steps-list{list-style:none;margin:24px auto;max-width:600px;padding:0}.steps-list li{align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e8e8e8;border-radius:12px;display:flex;margin-bottom:20px;padding:16px;transition:all .3s ease}.steps-list li:hover{border-color:#a3ded2;box-shadow:0 4px 16px rgba(0,0,0,.1)}.step-number{align-items:center;background:linear-gradient(135deg,#3f51b5,#2196f3);border-radius:50%;box-shadow:0 3px 8px rgba(33,150,243,.3);color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:36px;justify-content:center;margin-right:16px;width:36px}.steps-list li span:not(.step-number){color:#333;font-size:16px;font-weight:500}.about-modal .close-button.profile-close-btn{align-items:center!important;background-color:hsla(0,0%,100%,.95)!important;border:2px solid hsla(0,0%,100%,.9)!important;border-radius:50%!important;box-shadow:0 4px 12px rgba(0,0,0,.2)!important;color:#1e3a5f!important;cursor:pointer!important;display:flex!important;font-size:18px!important;font-weight:700!important;height:40px!important;justify-content:center!important;opacity:1!important;position:absolute!important;right:20px!important;top:20px!important;transition:all .3s ease!important;visibility:visible!important;width:40px!important;z-index:100003!important}.about-modal .close-button.profile-close-btn:hover{background-color:#fff!important;box-shadow:0 6px 16px rgba(0,0,0,.3)!important;transform:scale(1.1)!important}@media screen and (max-width:999px){.about-container{border-radius:16px;display:flex;flex-direction:column;height:100%;margin:0;max-height:100%;width:100%}.about-header{border-radius:16px 16px 0 0;flex-shrink:0;padding:16px 20px}.about-header h1{font-size:1.8rem}.about-content{flex:1;overflow-y:auto;padding:24px 20px;-webkit-overflow-scrolling:touch}.about-section{margin-bottom:32px}.about-section h2{font-size:20px;margin-bottom:20px}.about-section h2:after{height:3px;width:60px}.feature-grid{gap:20px;grid-template-columns:1fr;margin-top:24px}.feature-card{padding:24px 20px}.feature-icon{font-size:36px;height:64px;margin-bottom:16px;width:64px}.workflow-item{flex-direction:column;padding:20px;text-align:center}.workflow-number{font-size:18px;height:40px;margin-bottom:16px;margin-right:0;width:40px}.workflow-content h3{font-size:16px;margin-bottom:8px}.workflow-content p{font-size:14px}.benefits-list{gap:16px;grid-template-columns:1fr}.benefit-item{padding:20px}.benefit-icon{font-size:24px;height:48px;margin-right:16px;width:48px}.benefit-text h3{font-size:16px}.benefit-text p{font-size:14px}.steps-list li{margin-bottom:12px;padding:12px}.step-number{height:32px;margin-right:12px;width:32px}.step-number,.steps-list li span:not(.step-number){font-size:14px}.about-modal .close-button.profile-close-btn{font-size:16px!important;height:36px!important;right:16px!important;top:16px!important;width:36px!important}}.about-overlay.mobile-overlay{align-items:center!important;backdrop-filter:blur(8px)!important;background:rgba(0,0,0,.8)!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:15px!important;position:fixed!important;right:0!important;top:0!important}.about-modal.mobile-modal,.about-overlay.mobile-overlay{opacity:1!important;pointer-events:auto!important;visibility:visible!important;z-index:2147483647!important}.about-modal.mobile-modal{animation:slide-up .3s ease-out!important;background:#fff!important;border:1px solid rgba(163,222,210,.3)!important;border-radius:16px!important;box-shadow:0 8px 32px rgba(30,58,95,.3)!important;height:auto!important;margin:0 auto!important;max-height:90vh!important;max-width:100%!important;overflow:hidden!important;position:relative!important;transform:none!important;width:100%!important}@media (max-width:999px){.about-modal.mobile-modal{border-radius:16px;height:auto;max-height:95vh;width:100%}.about-modal.mobile-modal .about-header h1{font-size:1.5rem;margin-bottom:16px}.about-modal.mobile-modal .close-button{right:8px;top:8px}.about-modal.mobile-modal .feature-grid{gap:16px;grid-template-columns:1fr}.about-modal.mobile-modal .workflow-item{margin-bottom:16px}.about-modal.mobile-modal .about-content{padding:40px 16px 8px}.about-modal.mobile-modal .about-section:last-child{margin-bottom:0}}@media (max-width:480px){.about-modal.mobile-modal{margin:4px;padding:12px}.about-modal.mobile-modal .about-header{padding:20px 16px}.about-modal.mobile-modal .about-content{padding:20px 12px 4px}.about-modal.mobile-modal .about-section:last-child{margin-bottom:0}}.about-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.about-content::-webkit-scrollbar{width:8px}.about-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.about-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#a3ded2,#88c9b3);border-radius:4px}.about-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#88c9b3,#6db59f)}.about-overlay.mobile-overlay~.mobile-side-menu,body:has(.about-overlay.mobile-overlay) .mobile-side-menu{display:none!important}.about-overlay.mobile-overlay~.mobile-side-menu-overlay,body:has(.about-overlay.mobile-overlay) .mobile-side-menu-overlay{display:none!important}.user-profile{background-color:#fff;border:none;border-radius:12px;box-shadow:0 4px 24px rgba(44,62,80,.08);overflow:hidden;transition:all .3s ease}.user-profile:hover{box-shadow:0 6px 28px rgba(44,62,80,.12)}.user-profile-header{align-items:center;display:flex;padding:16px 20px}.user-profile-header,.user-profile-header:hover{background:linear-gradient(135deg,#764ba2,#2196f3,#a3ded2)}.user-profile-header:hover{filter:brightness(1.1)}.user-avatar{background:linear-gradient(135deg,#764ba2,#a3ded2);box-shadow:0 4px 8px rgba(118,75,162,.3);margin-right:16px;padding:2px}.user-avatar img{border-radius:50%;max-width:100%;object-fit:contain}.user-greeting{flex:1}.user-greeting h3{color:#1a237e;font-size:18px;margin:0}.profile-toggle{color:#1976d2;display:block;font-size:14px;font-weight:500;margin-top:4px;transition:color .2s}.profile-toggle:hover{color:#0d47a1;text-decoration:underline}.user-profile-details{background-color:#f9fafb;border-top:1px solid #e0e0e0;padding:0 20px 16px;transition:all .3s ease}.profile-info-row{border-bottom:1px dashed #e0e0e0;display:flex;padding:12px 0;transition:background-color .2s}.profile-info-row:hover{background-color:rgba(25,118,210,.04)}.profile-info-row:last-of-type{border-bottom:none;margin-bottom:12px}.profile-info-label{color:#555;font-weight:600;padding-right:10px;width:150px}.profile-info-value{align-items:center;color:#333;display:flex;flex:1;flex-wrap:wrap;justify-content:space-between}.budget-start-day-edit,.currency-edit,.savings-goal-edit,.username-edit{align-items:center;display:flex;flex-wrap:wrap;gap:8px;width:100%}.budget-start-day-input,.currency-select,.savings-goal-input,.username-input{border:1px solid #ccc;border-radius:4px;flex-grow:1;font-size:14px;max-width:150px;min-width:0;padding:8px 12px}.currency-select{max-width:200px}.budget-start-day-input:focus,.currency-select:focus,.savings-goal-input:focus,.username-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.2);outline:none}.budget-day-edit-btn,.cancel-btn-small,.edit-btn-small,.save-btn-small{border:none;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s ease}.save-btn-small{background-color:#a3ded2;color:#1e3a5f}.save-btn-small:hover{background-color:#88c9b3}.cancel-btn-small{background-color:#f4b3b3;color:#1e3a5f}.cancel-btn-small:hover{background-color:#ffdbdb}.edit-btn-small{background-color:#1e3a5f;color:#fff;margin-left:8px}.edit-btn-small:hover{background-color:#2b4975;box-shadow:0 4px 8px rgba(30,58,95,.2);transform:translateY(-2px)}.currency-edit-btn,.savings-goal-edit-btn,.username-edit-btn{margin-left:auto}.savings-goal-input-wrapper{flex-grow:1;max-width:150px;position:relative}.currency-prefix{color:#666;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.savings-goal-input{padding:8px 8px 8px 25px;width:100%}.error-text{color:#f44336;font-size:12px;margin-top:4px;width:100%}.logout-button{background-color:#e53935;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background .2s,transform .2s}.logout-button:hover{background-color:#c62828;transform:translateY(-2px)}.savings-goal-display{color:#43a047;font-weight:600}@media (max-width:999px){.user-profile{border-radius:10px}.user-profile-header{display:none;flex-wrap:wrap;padding:14px 16px}.user-avatar{height:40px;margin-right:12px;padding:2px;width:40px}.user-greeting h3{font-size:16px}.profile-toggle{display:none}.user-profile-details{padding:0 15px 12px}.profile-info-row{flex-direction:column;padding:15px 0;position:relative}.profile-info-label{color:#1976d2;font-size:14px;margin-bottom:8px;width:100%}.profile-info-value{align-items:center;display:flex;flex-wrap:wrap;font-size:15px;justify-content:space-between;width:100%}.edit-btn-small{font-size:12px;margin-left:10px;margin-top:0;min-height:32px;min-width:60px;padding:5px 10px;position:static}.budget-start-day-input,.currency-select,.savings-goal-input,.username-input{font-size:16px;margin-bottom:10px;max-width:100%;padding:8px 8px 8px 25px}.budget-start-day-edit,.currency-edit,.savings-goal-edit,.username-edit{gap:10px}.cancel-btn-small,.save-btn-small{flex-grow:1;font-size:14px;min-height:44px;min-width:44px;padding:10px 16px}.logout-button{font-size:16px;margin-top:12px;padding:12px;width:100%}.profile-language-selector{margin-top:8px}.budget-day-edit-btn,.currency-edit-btn,.savings-goal-edit-btn,.username-edit-btn{margin-left:auto;position:static;right:auto;top:auto}}@media screen and (max-width:999px){.user-profile{border:none;border-radius:0;box-shadow:none;margin-top:20px}.user-profile-header{cursor:default;padding:12px 16px}.user-profile-details{display:block!important;padding:16px}.user-profile-content{padding:0}.toggle-arrow{display:none}.budget-start-day-edit,.currency-edit,.savings-goal-edit,.username-edit{display:flex;flex-wrap:wrap;gap:8px;width:100%}.budget-start-day-input,.currency-select,.savings-goal-input,.username-input{margin-bottom:8px;width:100%}.edit-btn-small{min-width:60px}.cancel-btn-small,.save-btn-small{flex:1;min-width:80px}.profile-info-label{margin-right:16px;min-width:120px}}.account-buttons{display:flex;flex-direction:column;gap:8px}.delete-account-button{background-color:#ff6f00;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:8px 16px;transition:background .2s,transform .2s}.delete-account-button:hover{background-color:#e65100;transform:translateY(-2px)}.delete-account-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.delete-confirmation-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.delete-confirmation-modal{animation:slide-up .4s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(211,47,47,.3);max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%}.delete-confirmation-header{align-items:center;border-bottom:1px solid #ffebee;display:flex;justify-content:space-between;padding:20px 24px 16px}.delete-confirmation-header h3{color:#d32f2f;font-size:20px;font-weight:600;margin:0}.delete-confirmation-close{background:none;border:none;color:#666;cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:color .2s}.delete-confirmation-close:hover{color:#d32f2f}.delete-confirmation-content{padding:20px 24px}.delete-warning{background-color:#fff3e0;border:1px solid #ffcc80;border-radius:8px;margin-bottom:20px;padding:16px}.delete-warning-icon{font-size:24px;margin-bottom:8px}.delete-warning p{color:#e65100;font-weight:500;margin:0 0 12px}.delete-warning ul{color:#bf360c;padding-left:20px}.delete-warning li{margin-bottom:4px}.delete-confirmation-input{margin-top:20px}.delete-confirmation-input p{color:#333;font-size:14px;margin:0 0 12px}.delete-confirmation-text-input{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:8px;color:#d32f2f;font-size:16px;font-weight:600;padding:12px;transition:border-color .2s;width:100%}.delete-confirmation-text-input:focus{background-color:#fff;border-color:#d32f2f;outline:none}.delete-confirmation-text-input::placeholder{color:#999;font-weight:400}.delete-confirmation-actions{border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.delete-confirmation-cancel{background-color:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.delete-confirmation-cancel:hover{background-color:#e0e0e0}.delete-confirmation-cancel:disabled{cursor:not-allowed;opacity:.5}.delete-confirmation-confirm{background-color:#d32f2f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.delete-confirmation-confirm:hover:not(:disabled){background-color:#b71c1c}.delete-confirmation-confirm:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:999px){.account-buttons{gap:12px}.delete-confirmation-modal{margin:10px;width:95%}.delete-confirmation-actions,.delete-confirmation-content,.delete-confirmation-header{padding-left:16px;padding-right:16px}.delete-confirmation-actions{flex-direction:column-reverse}.delete-confirmation-cancel,.delete-confirmation-confirm{justify-content:center;width:100%}}.subscription-row{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;margin:8px -20px;padding:16px 20px}.subscription-info{display:flex;flex-direction:column;gap:8px}.subscription-plan{display:flex;flex-direction:column;gap:4px}.premium-status{color:#059669;display:flex;flex-direction:column;font-weight:600;gap:2px}.free-status{color:#6b7280;font-weight:500}.expiry-date{color:#6b7280;font-size:12px;font-weight:400}.subscription-btn{background:linear-gradient(90deg,#6366f1,#a21caf);border:none;border-radius:20px;box-shadow:0 2px 8px rgba(99,102,241,.08);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:4px;margin-top:8px;padding:8px 20px;transition:background .2s,box-shadow .2s,transform .1s}.subscription-btn:focus,.subscription-btn:hover{background:linear-gradient(90deg,#4f46e5,#7c3aed);box-shadow:0 4px 16px rgba(99,102,241,.15);outline:none;transform:translateY(-2px) scale(1.03)}.subscription-btn:active{background:linear-gradient(90deg,#3730a3,#6d28d9);box-shadow:0 2px 8px rgba(99,102,241,.1);transform:translateY(1px) scale(.98)}@media (max-width:999px){.subscription-row{margin:8px 0;padding:16px}.subscription-info{gap:12px}.subscription-btn{font-size:14px;padding:10px 18px}}.user-profile-header{animation:gradientFlow 8s ease-in-out infinite;background:linear-gradient(135deg,#764ba2,#2196f3,#a3ded2);background-size:400% 400%;border-radius:21px 21px 0 0;box-shadow:0 4px 20px rgba(118,75,162,.2);color:#fff;cursor:pointer;overflow:hidden;padding:24px 28px;position:relative;transition:all .3s ease}.user-profile-header:before{background:linear-gradient(45deg,rgba(118,75,162,.1),rgba(33,150,243,.1) 50%,rgba(163,222,210,.1));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.user-profile-header:hover:before{opacity:1}.user-profile-header:hover{box-shadow:0 8px 30px rgba(118,75,162,.3);transform:translateY(-2px)}.user-profile .user-avatar{background:linear-gradient(135deg,#764ba2,#a3ded2);border-radius:50%;box-shadow:0 6px 20px rgba(118,75,162,.4);height:56px;margin-right:20px;padding:3px;position:relative;transition:all .3s ease;width:56px;z-index:2}.user-profile .user-avatar:hover{box-shadow:0 8px 25px rgba(118,75,162,.6);transform:scale(1.05)}.user-profile .user-avatar img{background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1)}.user-profile .user-greeting{flex:1;position:relative;z-index:2}.user-profile .user-greeting h3{color:#fff;font-size:22px;font-weight:700;letter-spacing:.5px;margin:0 0 4px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.user-profile .profile-toggle{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-radius:12px;color:hsla(0,0%,100%,.9);display:inline-block;font-size:14px;font-weight:500;padding:4px 8px;text-shadow:0 1px 2px rgba(0,0,0,.1);transition:all .2s ease}.user-profile .profile-toggle:hover{background:hsla(0,0%,100%,.2);color:#fff;transform:translateY(-1px)}.desktop-header-actions{align-items:center;display:flex;gap:12px;position:relative;z-index:2}.desktop-action-button{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.3);border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:10px 18px;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.1);transition:all .3s ease}.desktop-action-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.desktop-action-button:hover:before{left:100%}.desktop-action-button:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.5);box-shadow:0 4px 15px rgba(0,0,0,.2);transform:translateY(-2px)}.desktop-action-button.about-btn:hover{background:linear-gradient(135deg,rgba(163,222,210,.3),rgba(255,207,84,.3))}.desktop-action-button.contact-btn:hover{background:linear-gradient(135deg,hsla(0,75%,83%,.3),rgba(33,150,243,.3))}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-contrast:high){.user-profile-header{background:#1e3a5f!important}.desktop-action-button{background:hsla(0,0%,100%,.9)!important;color:#1e3a5f!important}}@media (prefers-reduced-motion:reduce){.user-profile-header{animation:none!important}.desktop-action-button:before,.user-profile-header:before{display:none}.desktop-action-button:hover,.user-avatar:hover,.user-profile-header:hover{transform:none!important}}.premium-upgrade-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.premium-modal-overlay{align-items:center;background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.premium-modal{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.25);max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.premium-modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:24px 32px;position:relative}.modal-header-content{align-items:center;display:flex;gap:12px}.modal-header-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.premium-modal-header h2{background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;color:#000;font-size:24px;font-weight:700;margin:0;-webkit-text-fill-color:transparent;background-clip:text}.close-button{align-items:center;background:none;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.close-button:hover{background:#f1f5f9;color:#475569;transform:scale(1.05)}.premium-modal-content{padding:32px}.premium-header{margin-bottom:40px;text-align:center}.premium-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 25px rgba(102,126,234,.3);color:#fff;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.premium-header h1{background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;color:#1e293b;font-size:32px;font-weight:700;margin:0 0 16px;-webkit-text-fill-color:transparent;background-clip:text}.premium-header p{color:#64748b;font-size:18px;line-height:1.6;margin:0}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-weight:500;margin-bottom:24px;padding:16px 20px}.plans-comparison{display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px}.plan-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px rgba(0,0,0,.05);padding:32px;position:relative;transition:all .3s ease}.plan-card:hover{border-color:#cbd5e1;box-shadow:0 20px 40px rgba(0,0,0,.1);transform:translateY(-4px)}.plan-card.premium{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#4f46e5;color:#fff}.plan-card.premium .features-list li,.plan-card.premium .plan-header h3,.plan-card.premium .price{color:#fff}.plan-card.current{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.popular-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;box-shadow:0 4px 12px rgba(245,158,11,.3);color:#fff;font-size:12px;font-weight:600;left:50%;padding:8px 20px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.plan-header{margin-bottom:30px;text-align:center}.plan-header h3{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 16px}.price{align-items:baseline;display:flex;gap:4px;justify-content:center}.price .amount{color:#1e293b;font-size:36px;font-weight:800}.price .period{color:#64748b;font-size:16px}.features-list{list-style:none;margin:0 0 30px;padding:0}.features-list li{align-items:flex-start;color:#374151;display:flex;font-size:15px;gap:12px;padding:10px 0}.features-list li.highlight{background:hsla(0,0%,100%,.1);border-radius:8px;font-weight:600;margin:4px 0;padding:12px}.check{color:#10b981}.check,.cross{align-items:center;display:flex;flex-shrink:0;font-size:18px;font-weight:700}.cross{color:#ef4444}.limitations{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.limitations h4{color:#64748b;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.limitations ul{list-style:none;margin:0;padding:0}.limitations li{align-items:center;color:#64748b;display:flex;font-size:14px;gap:12px;padding:6px 0}.upgrade-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 4px 12px rgba(102,126,234,.2);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .3s ease;width:100%}.upgrade-button:hover:not(:disabled){box-shadow:0 12px 30px rgba(102,126,234,.4);transform:translateY(-2px)}.upgrade-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.subscription-status{text-align:center}.current-plan{margin-bottom:20px}.status-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 2px 8px rgba(16,185,129,.3);color:#fff;font-size:12px;font-weight:600;padding:6px 16px;text-transform:uppercase}.current-plan p{font-weight:600;margin:8px 0 4px}.expiry{color:hsla(0,0%,100%,.8)!important;font-size:14px!important;font-weight:400!important}.cancel-button{background:transparent;border:1px solid hsla(0,0%,100%,.3);border-radius:12px;color:hsla(0,0%,100%,.8);cursor:pointer;font-size:14px;padding:12px 20px;transition:all .3s ease}.cancel-button:hover:not(:disabled){background:hsla(0,0%,100%,.1);color:#fff;transform:translateY(-1px)}.ai-features-preview{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:20px;margin-bottom:32px;padding:32px}.ai-features-preview h3{background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;color:#1e293b;font-size:24px;font-weight:700;margin:0 0 32px;text-align:center;-webkit-text-fill-color:transparent;background-clip:text}.features-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.08);padding:28px 24px;text-align:center;transition:all .3s ease}.feature-item:hover{border-color:#e2e8f0;box-shadow:0 12px 24px rgba(0,0,0,.12);transform:translateY(-4px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 12px rgba(102,126,234,.2);color:#fff;display:flex;font-size:28px;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.feature-item h4{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 12px}.feature-item p{color:#64748b;font-size:14px;line-height:1.6;margin:0}.demo-note{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;box-shadow:0 2px 8px rgba(245,158,11,.1);color:#92400e;padding:20px;text-align:center}.demo-note p{font-size:14px;font-weight:500;margin:0}.premium-modal-close{position:absolute;right:16px;top:16px;z-index:10}@media (max-width:999px){.premium-upgrade-container{padding:10px}.premium-modal{margin:10px;max-height:calc(100vh - 20px)}.premium-modal-content{padding:20px}.premium-header h1{font-size:24px}.premium-header p{font-size:16px}.plans-comparison{gap:20px;grid-template-columns:1fr}.plan-card{padding:20px}.features-grid{gap:16px;grid-template-columns:1fr}.ai-features-preview{padding:20px}.price .amount{font-size:28px}}@media (max-width:480px){.premium-modal-header{padding:15px 20px}.premium-modal-content{padding:15px}.premium-header h1{font-size:20px}.ai-features-preview,.feature-item,.plan-card{padding:16px}.premium-modal-close{right:8px;top:8px}}.premium-upgrade-modal{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;margin:0 auto;max-width:500px;overflow:hidden;padding:32px;position:relative;text-align:center}.premium-modal-overlay .profile-close-btn,.premium-modal-overlay+.profile-close-btn,.premium-modal-overlay~.profile-close-btn{display:none!important}.ai-insights-container{background:linear-gradient(135deg,#2b2f4a,#1e3a5f);box-shadow:0 8px 32px rgba(0,0,0,.2);color:#f8f9fa;display:flex;flex-direction:column;gap:20px;margin:0;padding:24px}.ai-header{border-bottom:1px solid hsla(0,0%,100%,.1);padding-bottom:16px}.ai-title{color:#03071a;font-size:1.5rem;font-weight:700;gap:12px}.ai-title svg{font-size:1.8rem}.ai-header p{font-size:.95rem;margin-top:4px}.premium-notice{background:hsla(0,0%,100%,.05);border-radius:12px;padding:20px}.premium-notice p{color:#f8f9fa;margin:0 0 16px}.upgrade-btn{background:linear-gradient(135deg,#a3ded2,#667eea);border-radius:8px;color:#1e3a5f;padding:12px 28px;transition:all .2s ease}.upgrade-btn:hover{box-shadow:0 4px 15px rgba(163,222,210,.2);transform:translateY(-2px)}.ai-tabs{background:rgba(0,0,0,.2);border-radius:10px;gap:8px;padding:6px}.ai-tab{border-radius:8px;color:#e2e8f0;flex:1;font-size:.9rem;padding:10px;transition:all .2s ease}.ai-tab:hover{background:hsla(0,0%,100%,.1)}.ai-tab.active{background:#a3ded2;box-shadow:0 2px 8px rgba(163,222,210,.15);color:#1e3a5f}.tab-content{display:flex;flex-direction:column;gap:16px}.ai-action-btn{background:linear-gradient(135deg,#a3ded2,#667eea);border-radius:8px;color:#1e3a5f;padding:14px;transition:all .2s ease}.ai-action-btn:hover:not(:disabled){box-shadow:0 4px 15px rgba(163,222,210,.2);transform:translateY(-2px)}.ai-action-btn:disabled{background:hsla(0,0%,100%,.1);color:#64748b}.last-analysis-date{color:#94a3b8;font-size:.8rem;margin-top:-8px;text-align:center}.loading-spinner{align-items:center;color:#a3ded2;display:none;display:flex;flex-direction:column;font-weight:500;gap:12px;justify-content:center;padding:32px}.ai-insights-result,.ai-patterns-result{background:rgba(0,0,0,.15);border-radius:12px;padding:16px}.ai-analysis-structured .ai-section{background:rgba(0,0,0,.2);border-radius:10px;margin-bottom:12px;padding:16px}.ai-section-header{border-bottom:1px solid rgba(163,222,210,.2);color:#a3ded2;margin-bottom:8px;padding-bottom:8px}.ai-section-content ul{list-style-type:none;padding-left:0}.ai-section-content li{border-bottom:1px solid hsla(0,0%,100%,.05);padding:6px 0}.ai-section-content li:last-child{border-bottom:none}.advanced-insights-grid{display:grid;gap:12px;grid-template-columns:1fr}.insight-card{background:rgba(0,0,0,.2);border-radius:10px;padding:16px}.insight-card.warning{background:rgba(245,158,11,.1);border-left:3px solid #f59e0b}.insight-title{align-items:center;color:#a3ded2;display:flex;font-weight:700;gap:8px;margin:0 0 12px}.insight-list{list-style-type:none;padding-left:0}.insight-list li{border-bottom:1px solid hsla(0,0%,100%,.05);padding:6px 0}.insight-list li:last-child{border-bottom:none}.ai-insights-container{background:#fff;border-radius:18px;box-shadow:0 6px 24px rgba(30,58,95,.08);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:32px auto;padding:32px 24px}.ai-header{margin-bottom:32px;text-align:center}.ai-title{align-items:center;display:flex;gap:14px;justify-content:center;margin-bottom:10px}.ai-title h2{color:#232946;font-size:2rem;font-weight:800;letter-spacing:-1px;margin:0}.premium-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px rgba(102,126,234,.12);color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;padding:5px 16px;text-transform:uppercase}.ai-header p{color:#03071a;font-size:1.08rem;margin:10px 0 0}.premium-notice{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e1e5e9;border-radius:14px;box-shadow:0 2px 8px rgba(102,126,234,.06);margin-top:24px;padding:24px 18px;text-align:center}.premium-notice p{color:#374151;font-size:1.08rem;font-weight:500;margin:0 0 18px}.upgrade-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 2px 8px rgba(102,126,234,.1);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:14px 32px;transition:all .2s}.upgrade-btn:hover{box-shadow:0 8px 24px rgba(102,126,234,.18);transform:translateY(-2px) scale(1.03)}.loading-spinner{color:#667eea;font-size:1.2rem;font-weight:600;padding:48px;text-align:center}.ai-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:10px;justify-content:center;margin-bottom:32px}.ai-tab{background:transparent;border:none;border-bottom:3px solid transparent;border-radius:8px 8px 0 0;color:#64748b;cursor:pointer;font-size:1.08rem;font-weight:600;letter-spacing:.2px;padding:14px 28px 10px;transition:all .2s}.ai-tab:hover{background:#f3f4f6;color:#4f46e5}.ai-tab.active{background:#f8fafc;border-bottom-color:#4f46e5;color:#4f46e5}.ai-action-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 2px 8px rgba(16,185,129,.1);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:10px;justify-content:center;margin-bottom:24px;padding:18px 0;transition:all .2s;width:100%}.ai-action-btn:hover:not(:disabled){box-shadow:0 8px 24px rgba(16,185,129,.18);transform:translateY(-2px) scale(1.02)}.ai-action-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.ai-insights-result,.ai-patterns-result{background:#f8fafc;border-left:5px solid #4f46e5;border-radius:16px;box-shadow:0 2px 8px rgba(102,126,234,.06);margin-top:28px;padding:32px 24px}.ai-insights-result h3,.ai-patterns-result h3{align-items:center;color:#232946;display:flex;font-size:1.25rem;font-weight:700;gap:10px;margin:0 0 18px}.insights-content,.patterns-content{color:#232946;font-size:1.08rem;line-height:1.7}.insights-content p,.patterns-content p{margin:0 0 14px}.insights-content p:last-child,.patterns-content p:last-child{margin-bottom:0}.recent-expenses{border-top:1px solid #e5e7eb;margin-top:28px;padding-top:24px}.recent-expenses h4{color:#374151;font-size:1.08rem;font-weight:700;margin:0 0 14px}.recent-expenses ul{list-style:none;margin:0;padding:0}.recent-expenses li{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 4px rgba(102,126,234,.04);color:#232946;font-size:1rem;margin:10px 0;padding:14px 18px}.last-analysis-date{color:#666;font-size:.9em;font-style:italic;margin:.5em 0}@media (max-width:900px){.ai-insights-container{max-width:98vw;padding:18px 6vw}.ai-insights-result,.ai-patterns-result{padding:20px 10px}}@media (max-width:600px){.ai-insights-container{max-width:100vw;padding:10px 2vw}.ai-insights-result,.ai-patterns-result{padding:12px 4px}}@media (prefers-color-scheme:dark){.ai-insights-container{background:#acafb7;box-shadow:0 6px 24px rgba(30,58,95,.18);color:#e2e8f0}.ai-header p,.ai-title h2{color:#03071a}.premium-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.premium-notice{background:linear-gradient(135deg,#232946,#232946);border:2px solid #232946;color:#e2e8f0}.premium-notice p{color:#e2e8f0}.upgrade-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ai-tabs{border-bottom:2px solid #232946}.ai-tab{background:#181a20;color:#bfc7d5}.ai-tab.active{background:#232946;border-bottom-color:#a3bffa;color:#a3bffa}.ai-action-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.ai-insights-result,.ai-patterns-result{background:#232946;border-left:5px solid #a3bffa;color:#e2e8f0}.insights-content,.patterns-content{color:#e2e8f0}.recent-expenses{border-top:1px solid #232946}.recent-expenses h4{color:#a3bffa}.recent-expenses li{background:#181a20;border:1px solid #232946;color:#e2e8f0}}.ai-analysis-structured{margin-top:1em}.ai-section{margin-bottom:1.5em}.ai-section-header{color:#1a1aff;font-size:1.1em;margin-bottom:.3em;margin-top:.7em}.ai-section-content ul{margin:.3em 0 .7em 1.2em;padding:0}.ai-section-content li{color:#1a1aff;font-size:1em;font-weight:500;margin-bottom:.3em}.ai-section-content p{color:#1a1aff;font-size:1em;font-weight:500;margin:.2em 0 .7em}@media (prefers-color-scheme:dark){.ai-section-header{color:#a3bffa}.ai-section-content li,.ai-section-content p{color:#e2e8ff}}@media (max-width:999px){.ai-insights-container{margin:0;padding:16px}.ai-title{font-size:1.3rem}.ai-tabs{flex-direction:column}.advanced-insights-grid{grid-template-columns:1fr}}.ai-insights-result{background:#f7fafd;border-radius:14px;box-shadow:0 2px 12px rgba(30,58,95,.06);color:#232946;margin-top:18px;padding:28px 24px}.ai-analysis-structured{display:flex;flex-direction:column;gap:22px}.ai-section{background:#fff;border-left:4px solid #667eea;border-radius:10px;box-shadow:0 1px 6px rgba(30,58,95,.04);margin-bottom:0;padding:20px 18px 16px}.ai-section-header{border-bottom:1px solid #e0e7ef;color:#667eea;font-size:1.1rem;font-weight:700;letter-spacing:-.5px;margin-bottom:10px;padding-bottom:6px}.ai-section-content{color:#232946;font-size:1rem;line-height:1.6}.ai-section-content ul{list-style:disc inside;margin:0;padding-left:1.2em}.ai-section-content li{border-bottom:none;font-size:1rem;padding:5px 0}.ai-section-content p{margin:0 0 6px}.ai-analysis-structured .ai-section:first-child{background:linear-gradient(90deg,#a3ded2,#667eea);border-left:4px solid #232946;box-shadow:0 2px 12px rgba(102,126,234,.1);color:#fff}.ai-analysis-structured .ai-section:first-child .ai-section-header{border-bottom:1px solid hsla(0,0%,100%,.18);color:#fff}.ai-section-header:contains("Recommendation"),.ai-section-header:contains("recommendation"){color:#16a34a}@media (max-width:700px){.ai-insights-result{padding:16px 6px}.ai-section{padding:12px 6px 10px 10px}}.ai-analysis-markdown{margin-left:1em;padding:10px}.ai-insight{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px rgba(102,126,234,.3);color:#fff;margin-bottom:20px;overflow:hidden;padding:24px;position:relative}.ai-analysis-markdown p{margin-bottom:1.1em;margin-top:1em}.ai-analysis-markdown p:last-child{margin-bottom:0}.chatbot-container{background:#fff;border-radius:0;box-shadow:none;display:flex;flex-direction:column;margin:0 auto;max-width:800px;overflow:hidden;position:relative;transition:margin-left .3s cubic-bezier(.4,0,.2,1);width:100%}@media (min-width:1024px){.desktop-menu-expanded .chatbot-container{margin-left:250px!important;max-width:calc(100vw - 250px)}.desktop-menu-collapsed .chatbot-container{margin-left:80px!important;max-width:calc(100vw - 80px)}}.chatbot-container,.chatbot-container *{box-sizing:border-box}.chatbot-container.full-height{height:90vh;max-height:90vh;min-height:90vh;overflow-y:auto}.chatbot-container.contained{height:100%;min-height:500px}.chatbot-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.05);color:#1a202c;display:flex;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.chatbot-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 4px 12px rgba(59,130,246,.25);color:#fff;display:flex;font-size:20px;height:44px;justify-content:center;margin-right:16px;width:44px}.chatbot-avatar svg{height:24px;width:24px;stroke-width:1.5px}.chatbot-info{flex:1}.chatbot-info h3{color:#e6e9f0;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;margin:0}.chatbot-info p{color:#bcbfc3;display:none;font-size:.875rem;font-weight:400;margin:4px 0 0}.chatbot-controls{align-items:center;display:flex;gap:12px}.clear-chat-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#0c3f86;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.clear-chat-btn svg{height:18px;width:18px;stroke-width:1.5px}.clear-chat-btn:hover{background:#e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#475569;transform:translateY(-1px)}.chatbot-messages{background:#fafbfc;display:flex;flex:1;flex-direction:column;gap:20px;min-height:0;overflow-y:auto;padding:24px}.message{align-items:flex-end;animation:slideIn .3s cubic-bezier(.4,0,.2,1);display:flex;gap:12px;max-width:85%}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.ai_response{align-self:flex-start}.message-avatar{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.message-avatar svg{height:20px;width:20px;stroke-width:1.5px}.message.user .message-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 8px rgba(59,130,246,.25);color:#fff}.message.ai_response .message-avatar{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px rgba(16,185,129,.25);color:#fff}.message-content{background:#fff;border:1px solid #f3f4f6;border-radius:16px 16px 16px 4px;box-shadow:0 2px 8px rgba(0,0,0,.06);color:#374151;font-size:.95rem;line-height:1.6;padding:16px 20px;position:relative}.message.user .message-content{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:16px 16px 4px 16px;box-shadow:0 4px 12px rgba(59,130,246,.25);color:#fff}.message.ai_response .message-content{background:#fff;border:1px solid #f3f4f6;color:#374151}.message.ai_response .message-content.error-message{background:#991b1b;border-color:#7f1d1d;color:#fff}.message.ai_response .message-content.error-message:before{content:"⚠️ ";margin-right:4px}.message.ai_response .message-content.fallback-message{background:#fffbeb;border-color:#fed7aa;color:#d97706}.message.ai_response .message-content.fallback-message:before{content:"🔧 ";margin-right:4px}.quick-actions{background:#fff;border-top:1px solid #e2e8f0;padding:20px 24px}.quick-actions p{color:#64748b;font-size:.875rem;font-weight:500;letter-spacing:.05em;margin:0 0 16px;text-transform:uppercase}.quick-action-buttons{display:flex;flex-wrap:wrap;gap:12px}.quick-action-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;min-height:44px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.quick-action-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#1e293b;transform:translateY(-1px)}.action-icon{align-items:center;color:#f1f5f9;display:flex;font-size:1.1em;justify-content:center}.action-icon svg{height:16px;width:16px;stroke-width:1.5px}.chatbot-input{background:#fff;border-top:1px solidrgb(2,13,27);bottom:0;padding:20px 24px;position:-webkit-sticky;position:sticky;z-index:2}.input-container{align-items:flex-end;background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;gap:8px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease}.input-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1),0 4px 12px rgba(0,0,0,.08)}.voice-controls{gap:6px;margin-left:4px}.voice-btn,.voice-controls{align-items:center;display:flex}.voice-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;height:38px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:38px}.voice-btn svg{height:18px;width:18px;stroke-width:1.8px;position:relative;z-index:2}.voice-btn:hover:not(:disabled){background:#e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#374151;transform:translateY(-1px)}.voice-btn:disabled{background:#f8fafc;cursor:not-allowed;opacity:.5}.voice-btn.listening{animation:voicePulse 1.5s infinite;border-color:#ef4444;box-shadow:0 0 20px rgba(239,68,68,.4);color:#fff}.voice-btn.listening,.voice-btn.listening:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.voice-btn.listening:before{animation:voiceRipple 1.5s infinite;border-radius:12px;bottom:-2px;content:"";left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;z-index:1}@keyframes voicePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes voiceRipple{0%{opacity:.3;transform:scale(1)}70%{opacity:0;transform:scale(1.4)}to{opacity:0;transform:scale(1.4)}}.speech-toggle-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .2s ease;width:38px}.speech-toggle-btn svg{height:18px;width:18px;stroke-width:1.8px}.speech-toggle-btn.enabled{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 2px 8px rgba(16,185,129,.25);color:#fff}.speech-toggle-btn.disabled{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af}.speech-toggle-btn:hover:not(:disabled){box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.speech-toggle-btn.enabled:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px rgba(16,185,129,.3)}.speech-toggle-btn.disabled:hover{background:#f3f4f6;color:#6b7280}.input-hints{align-items:center;display:flex;justify-content:space-between;margin-top:8px;padding:0 4px}.hint{color:#9ca3af;font-size:.75rem;font-weight:400}.voice-hint{align-items:center;color:#3b82f6;display:flex;font-weight:500;gap:4px}.message.system .message-content{background:#fef3c7;border:1px solid #f59e0b;color:#92400e;font-size:.875rem}.message.system .message-avatar{background:#f59e0b;color:#fff}.input-container textarea{background:transparent;border:none;color:#374151;flex:1;font-size:.95rem;line-height:1.5;max-height:120px;min-height:24px;outline:none;padding:0;resize:none}.input-container textarea:disabled{cursor:not-allowed;opacity:.6}.send-button{align-items:center;background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.send-button svg{height:20px;width:20px;stroke-width:1.5px}.send-button:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px rgba(59,130,246,.3);transform:translateY(-1px)}.send-button:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}.chatbot-status{align-items:center;color:#64748b;display:flex;font-size:.875rem;font-weight:500;gap:8px}.status-indicator{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.status-indicator.online{background:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.2)}.status-indicator.error,.status-indicator.offline{background:#ef4444;box-shadow:0 0 0 2px rgba(239,68,68,.2)}.status-indicator.checking{animation:spin 1s linear infinite;background:#f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.2)}.service-status{align-items:center;background:#f8fafc;border-radius:8px;color:#64748b;display:flex;font-size:.875rem;gap:8px;padding:12px 16px;position:relative}.service-status .status-indicator{margin:0;position:static}@media (max-width:999px){.chatbot-container{border-radius:0;height:100vh;height:100dvh;margin:0;max-width:100%}.chatbot-header,.chatbot-input,.quick-actions{padding-left:16px;padding-right:16px}.chatbot-header,.chatbot-messages{padding:16px}.chatbot-controls{gap:8px}.clear-chat-btn{height:32px;width:32px}.clear-chat-btn svg{height:16px;width:16px;stroke-width:2px;color:#475569}.service-status{margin:12px 16px}.chatbot-input{padding:16px}.quick-action-btn{font-size:.8rem;padding:10px 14px}.voice-controls{gap:4px}.speech-toggle-btn,.voice-btn{border-radius:8px;height:36px;width:36px}.speech-toggle-btn svg,.voice-btn svg{height:16px;width:16px}.input-hints{align-items:flex-start;flex-direction:column;gap:4px}.voice-hint{font-size:.7rem}}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}.chatbot-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}.typing-indicator{align-items:center;display:flex;gap:4px;padding:8px 12px}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#94a3b8;border-radius:50%;height:6px;width:6px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.clear-chat-btn:focus,.quick-action-btn:focus,.send-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.chatbot-input.loading{opacity:.7;pointer-events:none}.chatbot-input.loading .input-container{background:#f1f5f9}@media (prefers-color-scheme:dark){.chatbot-container{background:#0f172a}.chatbot-header{background:#1e293b;border-bottom-color:#334155;color:#f1f5f9}.chatbot-messages{background:#0f172a}.message-content{background:#1e293b;border-color:#334155;color:#f1f5f9}.message.user .message-content{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.quick-actions{background:#1e293b;border-top-color:#334155}.input-container{background:#1e293b;border-color:#334155}.input-container textarea{color:#f1f5f9}.input-container textarea::placeholder{color:#64748b}.send-button{background:#3b82f6}.send-button:hover:not(:disabled){background:#2563eb}.quick-action-btn{background:#334155;border-color:#475569;color:#f1f5f9}.quick-action-btn:hover:not(:disabled){background:#475569;color:#f8fafc}}.premium-blocked-message{align-items:center;background:#fff6f6;border:2px solid #fca5a5;border-radius:18px;box-shadow:0 2px 12px hsla(0,94%,82%,.08);color:#991b1b;display:flex;flex-direction:column;font-size:1.08rem;font-weight:500;justify-content:center;margin:32px auto 24px;max-width:420px;padding:24px 28px 18px;text-align:center;transition:box-shadow .2s}.premium-blocked-message h3{color:#991b1b;font-size:1.25rem;font-weight:700;margin-bottom:10px;text-align:center;width:100%}.premium-blocked-message p{color:#b91c1c;font-size:1.05rem;margin:0 0 8px;text-align:center}.loading-container{color:#fff;font-size:18px;height:200px}.loading-container,.spending-limits-overlay{align-items:center;display:flex;justify-content:center}.spending-limits-overlay{background-color:rgba(0,0,0,.8);bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.spending-limits-modal{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.3);max-height:90vh;max-width:900px;overflow-y:auto;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:inherit;border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;padding:25px 30px;position:sticky;top:0;z-index:10}.modal-header h2{color:#000;font-size:28px;font-weight:700;margin:0}.close-btn{background:none;font-size:32px;height:40px;padding:0;width:40px}.close-btn:hover{background-color:hsla(0,0%,100%,.1)}.spending-limits-content{gap:40px;padding:30px}.limits-section h3,.usage-section h3{color:#fff;font-size:22px;margin:0 0 10px}.limits-description,.usage-description{color:hsla(0,5%,8%,.8);font-size:14px;line-height:1.5;margin:0 0 25px}.limits-form{gap:20px}.limit-input-group,.limits-form{display:flex;flex-direction:column}.limit-input-group label{color:#fff;font-weight:500}.input-wrapper{background:hsla(0,0%,100%,.1);border:2px solid transparent;border-radius:12px;padding:0 15px;transition:all .2s ease}.input-wrapper:focus-within{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.currency-symbol{color:hsla(0,0%,100%,.7);margin-right:8px}.input-wrapper input{background:none;border:none;color:#fff;flex:1;font-size:16px;outline:none;padding:12px 0}.input-wrapper input::placeholder{color:hsla(0,0%,100%,.5)}.limits-actions{margin-top:25px}.save-limits-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:12px;font-size:16px;padding:15px 30px;width:100%}.save-limits-btn:hover{box-shadow:0 8px 25px rgba(79,172,254,.3);transform:translateY(-2px)}.usage-cards{display:flex;flex-direction:column;gap:20px}.usage-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;padding:20px}.usage-card.over-limit{background:rgba(231,76,60,.1)}.usage-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.2);transform:translateY(-3px)}.usage-header{align-items:center;margin-bottom:15px}.usage-header h4{color:#fff;font-size:16px}.usage-status{background:hsla(0,0%,100%,.2);border-radius:20px;padding:4px 12px}.usage-status.over{background:#e74c3c}.usage-amounts{align-items:baseline;display:flex;gap:5px;margin-bottom:15px}.spent-amount{color:#fff;font-size:20px}.limit-amount{color:hsla(0,0%,100%,.6);font-size:14px}.usage-bar{background:hsla(0,0%,100%,.2);border-radius:10px;height:8px;margin-bottom:10px}.usage-progress{border-radius:10px;transition:all .3s ease}.remaining-amount{color:hsla(0,0%,100%,.8);font-size:13px}.over-amount{color:#ff6b6b;font-weight:600}.remaining{color:#4ecdc4}@media (max-width:999px){.spending-limits-overlay{padding:10px}.spending-limits-modal{max-height:95vh}.spending-limits-content{gap:30px;grid-template-columns:1fr;padding:20px}.modal-header{padding:20px 25px}.modal-header h2{font-size:24px}.usage-card{padding:15px}.limit-amount,.spent-amount{font-size:14px}}.spending-limits-page{background-color:transparent;box-shadow:0 4px 15px rgba(124,93,250,.3);margin:0 auto;max-width:1200px;padding:24px}.page-header{margin-bottom:32px;text-align:center}.page-header h1{background:linear-gradient(135deg,#7c5dfa,#a28bff);-webkit-background-clip:text;color:#333;font-size:2.5rem;font-weight:700;margin:0 0 12px;-webkit-text-fill-color:transparent;background-clip:text}.page-description{color:#6c757d;font-size:1.1rem;margin:0 auto;max-width:600px}.spending-limits-content{gap:32px;grid-template-columns:1fr 1fr;margin-top:24px}.limits-section,.usage-section{background-color:#fff;border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.05);padding:24px}.limits-section{align-items:center;display:flex;flex-direction:column;gap:8px}.limits-section h3,.usage-section h3{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 16px}.limits-form{display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:24px}.limit-input-group{display:flex;flex-direction:column;gap:8px}.limit-input-group label{color:#555;font-size:14px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.currency-symbol{color:#6c757d;font-weight:500;left:220px;position:absolute;z-index:1}.limit-input-group input{border:1px solid #dee2e6;border-radius:8px;font-size:14px;padding:12px 12px 12px 32px;transition:all .2s ease;width:100%}.limit-input-group input:focus{border-color:#7c5dfa;box-shadow:0 0 0 2px rgba(124,93,250,.2);outline:none}.limits-actions{display:flex;justify-content:center}.save-limits-btn{background:linear-gradient(135deg,#7c5dfa,#a28bff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 32px;transition:all .2s ease}.save-limits-btn:hover{box-shadow:0 4px 15px rgba(124,93,250,.3);transform:translateY(-1px)}.usage-description{color:#6c757d;font-size:14px;margin-bottom:24px}.usage-cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.usage-card{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:10px;transition:all .2s ease}.usage-card.over-limit{background-color:#fdf2f2;border-color:#e74c3c}.usage-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.usage-header h4{color:#333;font-size:14px;font-weight:600;margin:0}.card-actions{display:flex;gap:8px}.card-actions button{background:none;border:none;color:#adb5bd;cursor:pointer;font-size:16px;line-height:1;padding:2px;transition:color .2s ease}.card-actions button:hover{color:#333}.edit-btn:hover{color:#7c5dfa}.delete-btn:hover{color:#e74c3c}.usage-details{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;width:100%}.usage-status{background-color:#27ae60;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.usage-status.over{background-color:#e74c3c}.usage-amounts{margin-bottom:8px}.spent-amount{color:#333;font-size:.8 rem;font-weight:700}.limit-amount{color:#6c757d;font-size:1rem;margin-left:4px}.usage-bar{background-color:#e9ecef;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.usage-progress{border-radius:3px;height:100%;transition:width .3s ease}.remaining-amount{font-size:12px;font-weight:500}.remaining{color:#27ae60}.over-amount{color:#e74c3c}.add-limit-btn{background:linear-gradient(135deg,#7c5dfa,#a28bff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.add-limit-btn:hover{box-shadow:0 4px 15px rgba(124,93,250,.3);transform:translateY(-1px)}.add-limit-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.add-limit-form{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-top:16px;padding:20px}.form-row{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#555;font-size:14px;font-weight:600}.form-select{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;font-size:14px;padding:12px;transition:all .2s ease;width:100%}.form-select:focus{border-color:#7c5dfa;box-shadow:0 0 0 2px rgba(124,93,250,.2);outline:none}.form-input{border:1px solid #dee2e6;border-radius:8px;font-size:14px;padding:12px 12px 12px 32px;text-align:center;transition:all .2s ease;width:100%}.form-input:focus{border-color:#7c5dfa;box-shadow:0 0 0 2px rgba(124,93,250,.2);outline:none}.form-actions{display:flex;gap:12px;justify-content:flex-end}.save-btn{background:linear-gradient(135deg,#7c5dfa,#a28bff);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.save-btn:hover:not(:disabled){box-shadow:0 4px 15px rgba(124,93,250,.3);transform:translateY(-1px)}.save-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.cancel-btn{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.cancel-btn:hover{background-color:#5a6268;transform:translateY(-1px)}.no-limits-message{background-color:#f8f9fa;border-radius:12px;font-style:italic;grid-column:1/-1}.loading-container,.no-limits-message{color:#6c757d;padding:48px;text-align:center}@media (max-width:1024px){.spending-limits-content{gap:24px;grid-template-columns:1fr}}@media (max-width:999px){.spending-limits-page{padding:16px}.page-header h1{font-size:2rem}.page-description{font-size:1rem}.limits-section,.usage-section{padding:20px}.form-row,.limits-form,.usage-cards{grid-template-columns:1fr}.form-row{gap:12px}.form-actions{flex-direction:column;gap:8px}.cancel-btn,.save-btn{padding:12px 20px;width:100%}}@media (max-width:480px){.spending-limits-page{padding:12px}.page-header h1{font-size:1.75rem}.limits-section,.usage-section{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:16px}.usage-header{align-items:flex-start;flex-direction:column;gap:8px}.usage-cards{gap:12px;grid-template-columns:1fr}.usage-card,.usage-cards{max-width:100%!important;width:100%!important}.usage-card{box-sizing:border-box!important;margin:0!important;padding:16px!important}.usage-header{margin-bottom:12px!important}.usage-header h4{font-size:16px!important;line-height:1.3!important}.usage-amounts,.usage-details{gap:8px!important;margin-bottom:12px!important}.spent-amount{font-size:18px!important}.limit-amount{font-size:14px!important}.usage-bar{height:8px!important;margin-bottom:12px!important}.remaining-amount{font-size:14px!important;line-height:1.4!important}.card-actions{gap:12px!important}.card-actions button{font-size:18px!important;padding:4px!important}}.home-page{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin:0 auto;max-width:1200px;min-height:auto;padding:20px}.component-header h1{font-size:2.5rem;font-weight:700;margin:0 0 30px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.home-insight-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);margin-bottom:30px;padding:30px}.insight-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.refresh-insight-btn{align-items:center;backdrop-filter:blur(5px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;margin-left:auto;transition:all .3s ease;width:40px}.refresh-insight-btn:hover:not(:disabled){background:hsla(0,0%,100%,.3);transform:scale(1.1)}.refresh-insight-btn:disabled{cursor:not-allowed;opacity:.5}.refresh-insight-btn:disabled:hover{transform:none}.insight-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem}.insight-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.insight-content{align-items:center;display:flex;justify-content:center;min-height:80px}.loading-state{align-items:center;color:hsla(0,0%,100%,.8);display:flex;flex-direction:column;gap:15px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:10px;width:10px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-state{text-align:center}.error-message{color:#ffcccb;font-style:italic;margin:0}.ai-insight{width:100%}.ai-insight p{color:#fff;font-size:1.1rem;line-height:1.6;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:pre-line}.budget-period-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);margin-bottom:30px;padding:30px}.period-header{align-items:center;display:flex;gap:15px;margin-bottom:25px}.period-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem}.period-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.period-content{display:flex;flex-direction:column;gap:25px}.period-title h3{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 8px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.period-title p{color:hsla(0,0%,100%,.8);font-size:1rem;font-style:italic;margin:0}.period-stats{display:none;gap:20px;grid-template-columns:repeat(3,1fr)}.period-stat{backdrop-filter:blur(5px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);border-radius:15px;padding:20px;text-align:center;transition:all .3s ease}.period-stat:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.stat-number{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-label{color:hsla(0,0%,100%,.8);font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.period-progress{backdrop-filter:blur(5px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);border-radius:15px;padding:20px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.progress-header span{color:#fff;font-weight:600}.progress-percentage{color:#4ade80;font-size:1.2rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.progress-bar{background:hsla(0,0%,100%,.2);border-radius:10px;box-shadow:inset 0 2px 4px rgba(0,0,0,.1);height:12px;margin-bottom:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:10px;box-shadow:0 2px 4px rgba(74,222,128,.3);height:100%;transition:width .5s ease}.progress-dates{color:hsla(0,0%,100%,.7);display:flex;font-size:.85rem;font-weight:500;justify-content:space-between}.notifications-section{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);margin-bottom:30px;padding:30px}.notifications-header{align-items:center;display:flex;gap:15px;margin-bottom:25px}.notifications-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem}.notifications-header h2{color:#fff;flex:1;font-size:1.5rem;font-weight:600;margin:0}.notifications-count{background:hsla(0,0%,100%,.2);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;min-width:24px;padding:4px 12px;text-align:center}.notifications-list{display:flex;flex-direction:column;gap:15px}.notification-item{align-items:flex-start;backdrop-filter:blur(5px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);border-radius:15px;display:flex;gap:15px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.notification-item:before{bottom:0;content:"";left:0;position:absolute;top:0;transition:all .3s ease;width:4px}.notification-item.error:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.notification-item.warning:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.notification-item.info:before{background:linear-gradient(135deg,#3b82f6,#2563eb)}.notification-item.high{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.05));border-left:4px solid #ef4444}.notification-item.medium{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(245,158,11,.05));border-left:4px solid #f59e0b}.notification-item.low{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(59,130,246,.05));border-left:4px solid #3b82f6}.notification-item:hover{background:hsla(0,0%,100%,.2);box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-2px)}.notification-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));flex-shrink:0;font-size:1.5rem}.notification-content{flex:1;min-width:0}.notification-dismiss{margin-left:0}.dismiss-btn{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;line-height:1;position:absolute;right:16px;top:12px;transition:all .3s ease;width:24px;z-index:2}.dismiss-btn:hover{background:hsla(0,0%,100%,.3);color:#fff;transform:scale(1.1)}.notification-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 8px}.notification-message{color:hsla(0,0%,100%,.9);font-size:.95rem;line-height:1.4;margin:0}.notification-actions{display:flex;flex-direction:column;flex-shrink:0;gap:8px}.notification-btn{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-right:30px;min-width:120px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.notification-btn.primary{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px rgba(239,68,68,.3);color:#fff}.notification-btn.primary:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px rgba(239,68,68,.4);transform:translateY(-1px)}.notification-btn.secondary{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px rgba(245,158,11,.3);color:#fff}.notification-btn.secondary:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px rgba(245,158,11,.4);transform:translateY(-1px)}.notification-btn.tertiary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px rgba(59,130,246,.3);color:#fff}.notification-btn.tertiary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px rgba(59,130,246,.4);transform:translateY(-1px)}.quick-stats{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{align-items:center;backdrop-filter:blur(5px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);border-radius:15px;display:flex;gap:20px;padding:25px;transition:all .3s ease}.stat-card:hover{background:hsla(0,0%,100%,.2);box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-2px)}.stat-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2.5rem}.stat-content h3{color:hsla(0,0%,100%,.8);font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stat-value{color:#fff;font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.quick-actions{backdrop-filter:blur(5px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);border-radius:20px;padding:30px}.quick-actions h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 20px;text-align:center}.action-buttons{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;min-height:50px;padding:15px 20px;text-decoration:none;transition:all .3s ease}.action-btn:hover{box-shadow:0 8px 20px rgba(0,0,0,.2);transform:translateY(-2px)}.action-btn.primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.action-btn.primary:hover{background:linear-gradient(135deg,#45a049,#3d8b40)}.action-btn.secondary{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.action-btn.secondary:hover{background:linear-gradient(135deg,#1976d2,#1565c0)}.action-btn.tertiary{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.action-btn.tertiary:hover{background:linear-gradient(135deg,#f57c00,#e65100)}.btn-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:1.2rem}@media (max-width:999px){.home-page{padding:15px}.component-header h1{font-size:2rem;margin-bottom:20px}.home-insight-card{margin-bottom:20px;padding:10px}.insight-header h2{font-size:1.3rem}.ai-insight p{font-size:1rem}.budget-period-card{margin-bottom:20px;padding:20px}.period-header h2{font-size:1.3rem}.period-title h3{font-size:1.5rem}.period-stats{gap:15px;grid-template-columns:1fr}.period-stat{padding:15px}.stat-number{font-size:2rem}.stat-label{font-size:.8rem}.period-progress{padding:15px}.progress-percentage{font-size:1rem}.quick-stats{gap:15px;margin-bottom:20px}.stat-card{gap:15px;padding:20px}.stat-icon{font-size:2rem}.stat-value{font-size:1.5rem}.quick-actions{padding:20px}.action-buttons{gap:12px;grid-template-columns:1fr}.action-btn{font-size:.9rem;padding:12px 16px}.notifications-section{margin-bottom:20px;padding:20px}.notifications-header{gap:10px;margin-bottom:20px}.notifications-header h2{font-size:1.3rem}.notifications-icon{font-size:1.5rem}.notification-item{align-items:stretch;flex-direction:column;gap:12px;padding:15px}.notification-content{order:1}.notification-actions{flex-direction:row;gap:10px;justify-content:center;order:2}.notification-btn{font-size:.8rem;min-width:100px;padding:6px 12px}.notification-title{font-size:1rem}.notification-message{font-size:.9rem}.notification-dismiss{align-self:flex-start;margin-left:5px;order:0}.dismiss-btn{font-size:20px;height:30px;width:30px}}@media (max-width:480px){.home-page{padding:10px}.component-header h1{font-size:1.8rem}.home-insight-card,.stat-card{padding:15px}.stat-card{flex-direction:column;gap:10px;text-align:center}.notifications-section,.quick-actions{padding:15px}.notifications-header h2{font-size:1.2rem}.notification-item{gap:10px;padding:12px}.notification-actions{flex-direction:column;gap:8px}.notification-btn{font-size:.75rem;min-width:80px;padding:5px 10px}}.financial-health-score{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#fff;display:flex;font-weight:600;gap:8px;margin-bottom:16px;padding:12px 16px}.financial-health-score .score-label{font-size:14px;opacity:.9}.financial-health-score .score-value{background:hsla(0,0%,100%,.2);border-radius:4px;font-size:18px;font-weight:700;min-width:40px;padding:4px 8px;text-align:center}.stat-card.financial-health-score-card{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff;box-shadow:0 2px 8px rgba(102,126,234,.15);color:#fff}.stat-card.financial-health-score-card .stat-icon{font-size:2rem}.stat-card.financial-health-score-card .stat-value{background:hsla(0,0%,100%,.15);border-radius:6px;color:#fff;font-size:1.5rem;font-weight:700;min-width:60px;padding:4px 12px;text-align:center}.mobile-menu-toggle-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;display:none;left:20px;padding:12px;position:fixed;top:20px;transition:all .3s ease;z-index:10001}.mobile-menu-toggle-btn:hover{box-shadow:0 6px 16px rgba(0,0,0,.2);transform:translateY(-2px)}.hamburger-line{background:#fff;border-radius:1px;display:block;height:2px;margin:4px 0;transition:all .3s ease;width:20px}.mobile-side-menu{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:4px 0 20px rgba(0,0,0,.3);color:#fff;display:flex;flex-direction:column;height:100vh;left:-280px;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:10002}.mobile-side-menu.open{left:0}.mobile-side-menu.collapsed{width:80px}.mobile-side-menu.collapsed .footer-action-btn span:not(.action-icon),.mobile-side-menu.collapsed .nav-label,.mobile-side-menu.collapsed .quick-overview,.mobile-side-menu.collapsed .user-info{display:none!important}.mobile-side-menu.collapsed .user-profile-section{justify-content:center}.mobile-side-menu.collapsed .header-actions{flex-direction:column;gap:4px}.mobile-side-menu.collapsed .nav-button{justify-content:center;padding:12px 8px}.mobile-side-menu.collapsed .footer-actions{flex-direction:column;gap:4px}.mobile-side-menu.collapsed .footer-action-btn{justify-content:center;padding:8px 4px}.mobile-side-menu.expanded{width:280px}.mobile-side-menu-overlay{backdrop-filter:blur(2px);background:rgba(0,0,0,.5);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10001}.mobile-side-menu-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;padding:20px 16px;position:relative}.user-profile-section{align-items:center;display:flex;flex:1}.user-avatar{align-items:center;background:#fff;display:flex;height:48px;width:48px}.header-actions{gap:8px}.expand-btn,.header-actions{align-items:center;display:flex}.expand-btn{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.expand-btn:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.close-btn{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.close-btn:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.quick-overview{display:flex;flex-direction:column;gap:12px}.overview-card{border-radius:12px}.card-value{color:#fff;margin-bottom:4px}.card-subtitle{margin-bottom:8px}.card-details{display:flex;flex-direction:column;gap:4px}.detail-item{color:hsla(0,0%,100%,.9);font-size:11px}.mobile-side-menu-nav{flex:1;padding:16px}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-button{background:transparent;border-radius:8px;text-align:left}.nav-button:hover{background:hsla(0,0%,100%,.1);transform:translateX(4px)}.nav-button.active{background:hsla(0,0%,100%,.2);box-shadow:0 2px 8px hsla(0,0%,100%,.1)}.nav-icon{font-size:20px;width:24px}.mobile-side-menu-footer{border-top:1px solid hsla(0,0%,100%,.2);padding:16px}.footer-action-btn,.footer-actions{display:flex;gap:8px}.footer-action-btn{border:1px solid hsla(0,0%,100%,.2);border-radius:8px;flex:1;font-size:12px;justify-content:center;padding:8px 12px}.action-icon{font-size:16px}.spending-limits-card .card-details,.spending-limits-setup-card .card-details{display:flex;flex-direction:column;gap:8px}.limits-indicators{flex-wrap:wrap;margin-bottom:8px}.limit-indicator{background:hsla(0,0%,100%,.1);border-radius:12px;font-size:10px;padding:2px 6px}.limit-indicator.over{background:rgba(239,68,68,.2);color:#fecaca}.limit-indicator.warning{background:rgba(245,158,11,.2);color:#fed7aa}.limit-indicator.good{background:rgba(34,197,94,.2);color:#bbf7d0}.limits-list{gap:4px}.limit-row{font-size:11px;padding:4px 0}.limit-category{color:hsla(0,0%,100%,.9);flex:1}.limit-progress{color:hsla(0,0%,100%,.8);margin:0 8px}.limit-percentage{font-weight:600;min-width:30px}.limit-row.over .limit-percentage{color:#fecaca}.limit-row.warning .limit-percentage{color:#fed7aa}.limit-row.good .limit-percentage{color:#bbf7d0}.setup-message{text-align:center}.setup-message p{margin-bottom:12px}.setup-limits-btn{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;padding:8px 16px}.setup-limits-btn:hover{background:hsla(0,0%,100%,.3)}@media (max-width:999px){.mobile-menu-toggle-btn{display:block}}@media (min-width:1000px){.mobile-menu-toggle-btn,.mobile-side-menu{display:none!important}}.mobile-side-menu::-webkit-scrollbar{width:4px}.mobile-side-menu::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.mobile-side-menu::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:2px}.mobile-side-menu::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.desktop-side-menu{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:4px 0 20px rgba(0,0,0,.2);color:#fff;display:flex!important;flex-direction:column;height:100vh;left:0;opacity:1!important;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transform:translateX(0);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:visible!important;width:250px;z-index:10000!important}.desktop-side-menu.collapsed{max-width:80px!important;transform:translateX(0);width:80px!important}.desktop-side-menu .footer-action-btn span:not(.action-icon),.desktop-side-menu .nav-label,.desktop-side-menu .quick-overview,.desktop-side-menu .user-info{transform-origin:left center;transition:opacity .2s ease-out,transform .2s ease-out}.desktop-side-menu.collapsed .footer-action-btn span:not(.action-icon),.desktop-side-menu.collapsed .nav-label,.desktop-side-menu.collapsed .quick-overview,.desktop-side-menu.collapsed .user-info{opacity:0!important;transform:translateX(-10px)!important;visibility:hidden!important}.desktop-side-menu.collapsed .budget-breakdown,.desktop-side-menu.collapsed .budget-item,.desktop-side-menu.collapsed .card-details,.desktop-side-menu.collapsed .card-subtitle,.desktop-side-menu.collapsed .card-title,.desktop-side-menu.collapsed .card-value,.desktop-side-menu.collapsed .detail-item,.desktop-side-menu.collapsed .footer-action-btn span:not(.action-icon),.desktop-side-menu.collapsed .limit-amounts-mini,.desktop-side-menu.collapsed .limit-category-name,.desktop-side-menu.collapsed .limit-indicator,.desktop-side-menu.collapsed .limit-progress-bar,.desktop-side-menu.collapsed .limit-progress-bar-container,.desktop-side-menu.collapsed .limit-progress-item,.desktop-side-menu.collapsed .limits-header,.desktop-side-menu.collapsed .limits-indicators,.desktop-side-menu.collapsed .limits-progress-list,.desktop-side-menu.collapsed .limits-title,.desktop-side-menu.collapsed .nav-label,.desktop-side-menu.collapsed .period-info,.desktop-side-menu.collapsed .quick-overview,.desktop-side-menu.collapsed .setup-message,.desktop-side-menu.collapsed .setup-message p,.desktop-side-menu.collapsed .spending-limits-summary,.desktop-side-menu.collapsed .user-info{display:none!important;opacity:0!important;visibility:hidden!important}.desktop-layout .content{transition:margin-left .3s cubic-bezier(.4,0,.2,1),padding-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}.collapse-btn,.footer-action-btn,.nav-button,.profile-settings-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.collapse-btn:hover,.footer-action-btn:hover,.nav-button:hover,.profile-settings-btn:hover{box-shadow:0 2px 8px hsla(0,0%,100%,.1);transform:translateY(-1px)}.collapse-btn{transform:rotate(0deg);transition:transform .3s cubic-bezier(.4,0,.2,1)}.desktop-side-menu.collapsed .collapse-btn{transform:rotate(1turn)}.side-menu-header{border-bottom:1px solid hsla(0,0%,100%,.2);display:block!important;padding:20px 16px;position:relative;visibility:visible!important}.user-profile-section{gap:12px;margin-bottom:16px;opacity:1!important;visibility:visible!important}.user-avatar,.user-profile-section{align-items:center;display:flex!important}.user-avatar{backdrop-filter:blur(10px);background:#c2d8df!important;border:1px solid hsla(0,0%,100%,.1);border-radius:50%;flex-shrink:0;height:48px!important;justify-content:center;overflow:hidden;padding:4px;position:relative;width:48px!important}.user-avatar img{height:100%;left:0;object-fit:cover;padding:5px;position:absolute;top:0;width:100%}.user-avatar .avatar-fallback{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.notification-bell{align-items:center;animation:pulse-notification 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px hsla(0,100%,71%,.4);color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;min-width:20px;position:absolute;right:-8px;top:-8px;z-index:10}.notification-icon{font-size:12px;margin-right:2px}.notification-count{font-size:10px;font-weight:700;min-width:12px;text-align:center}@keyframes pulse-notification{0%{box-shadow:0 2px 8px hsla(0,100%,71%,.4);transform:scale(1)}50%{box-shadow:0 4px 16px hsla(0,100%,71%,.6);transform:scale(1.1)}to{box-shadow:0 2px 8px hsla(0,100%,71%,.4);transform:scale(1)}}.user-info{display:flex;flex:1;flex-direction:column;gap:.5rem;min-width:0}.user-greeting{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-settings-btn{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px;transition:all .2s ease}.profile-settings-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.collapse-btn{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:none;border:1px solid hsla(0,0%,100%,.1);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:20px;top:10px;width:32px}.collapse-btn:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.quick-overview{padding:16px}.overview-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;margin-bottom:12px;padding:16px;transition:all .2s ease}.overview-card:hover{background:hsla(0,0%,100%,.15);transform:translateY(-2px)}.card-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.card-icon{color:#4facfe;font-size:18px}.card-title{color:#fff;font-size:14px;font-weight:600;margin:0}.card-value{color:#4facfe;font-size:20px;font-weight:700;margin:4px 0}.card-subtitle{color:hsla(0,0%,100%,.8);font-size:12px;margin:0}.card-details{margin-top:8px}.detail-item{color:hsla(0,0%,100%,.8);display:flex;font-size:12px;justify-content:space-between;margin-bottom:4px}.free-to-use-card{background:rgba(79,172,254,.1);border:1px solid rgba(79,172,254,.2)}.free-to-use-card .card-value{color:#4facfe}.budget-breakdown{display:flex;flex-direction:column;gap:8px;margin-top:12px}.budget-item{color:hsla(0,0%,100%,.8);display:flex;font-size:12px;justify-content:space-between}.budget-item.income{color:#4facfe}.budget-item.expenses{color:#ff6b6b}.period-info{color:hsla(0,0%,100%,.6);font-size:11px;margin-top:8px;text-align:center}.spending-limits-summary{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;margin-bottom:12px;padding:16px}.limits-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.limits-title{color:#fff;font-size:14px;font-weight:600;margin:0}.limits-indicators{font-size:1px;gap:4px;margin-left:20px}.limit-indicator{border-radius:10%;flex-direction:column;font-size:12px;font-weight:800;height:8px;padding:5px;width:8px}.limit-indicator.over{color:#ee220b}.limit-indicator.warning{background:#f39c12}.limit-indicator.good{color:#13e068}.limits-progress-list{display:flex;flex-direction:column;gap:8px}.limit-progress-item{display:flex;flex-direction:column;gap:4px}.limit-category-name{color:hsla(0,0%,100%,.8);font-size:12px;font-size:8px;font-weight:500}.limit-progress-bar-container{background:hsla(0,0%,100%,.1);border-radius:2px;height:4px;overflow:hidden;width:100%}.limit-progress-bar{background:linear-gradient(90deg,#4facfe,#00f2fe)}.limit-progress-bar,.limit-progress-fill{border-radius:2px;height:100%;transition:width .3s ease}.limit-progress-fill.good{background:linear-gradient(90deg,#27ae60,#2ecc71)}.limit-progress-fill.warning{background:linear-gradient(90deg,#f39c12,#f1c40f)}.limit-progress-fill.over,.over-limit-indicator-bar{background:linear-gradient(90deg,#e74c3c,#c0392b)}.over-limit-indicator-bar{border-radius:2px;height:100%;overflow:hidden;position:relative}.over-limit-indicator-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.limit-amounts-mini{color:hsla(0,0%,100%,.7);display:flex;font-size:11px;justify-content:space-between;margin-top:4px}.spent-mini{color:#ff6b6b}.separator{margin:0 4px}.limit-mini{color:#4facfe}.side-menu-nav{flex:1;padding:16px}.nav-list{display:flex;flex-direction:column;gap:8px}.nav-item{list-style:none}.nav-button{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:none;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#fff;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s ease;width:100%}.nav-button:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.nav-button.active{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 15px rgba(79,172,254,.3)}.nav-icon{flex-shrink:0;font-size:18px;text-align:center;width:20px}.nav-label{color:#fff;font-size:14px;font-weight:500}.side-menu-footer{border-top:1px solid hsla(0,0%,100%,.2);padding:16px}.footer-actions{display:flex;flex-direction:column;gap:8px}.footer-action-btn{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:none;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#fff;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s ease;width:100%}.footer-action-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.action-icon{flex-shrink:0;font-size:18px;text-align:center;width:20px}.desktop-side-menu.collapsed .footer-action-btn span:not(.action-icon),.desktop-side-menu.collapsed .nav-label,.desktop-side-menu.collapsed .quick-overview,.desktop-side-menu.collapsed .user-info{display:none!important}.desktop-side-menu.collapsed .user-profile-section{justify-content:center}.desktop-side-menu.collapsed .nav-button{justify-content:center;padding:12px}.desktop-side-menu.collapsed .footer-actions{align-items:center}.desktop-side-menu.collapsed .footer-action-btn{justify-content:center;padding:12px}.desktop-side-menu::-webkit-scrollbar{width:6px}.desktop-side-menu::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.desktop-side-menu::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:3px}.desktop-side-menu::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}@media (max-width:999px){.desktop-side-menu{transform:translateX(-100%);width:280px}.desktop-layout .content{margin-left:0!important;padding-left:0!important;width:100%!important}}@media (min-width:1000px){.desktop-layout{display:flex;min-height:100vh}.desktop-layout .content{box-sizing:border-box!important;flex:1;margin-left:250px!important;padding-left:20px!important;padding-right:20px!important;transition:margin-left .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 250px)!important}.desktop-layout.menu-collapsed .content{margin-left:80px!important;width:calc(100% - 80px)!important}.desktop-layout .content .container{padding-left:0!important;padding-right:0!important}.desktop-layout .content .container,.desktop-layout .content .grid-container{box-sizing:border-box!important;margin:0 auto!important;max-width:1200px!important;width:100%!important}.desktop-layout .content .grid-container{padding-left:20px!important;padding-right:20px!important}.desktop-layout .content .container .grid-item,.desktop-layout .content .container .grid-item.active{box-sizing:border-box!important;display:block;height:auto;left:auto;margin-left:0!important;margin-right:0!important;max-width:none!important;opacity:1;overflow:visible;position:relative;top:auto;transform:none;visibility:visible;width:100%!important}.desktop-layout main{margin:0;width:100%}.desktop-layout .mobile-about-wrapper,.desktop-layout .mobile-contact-wrapper,main.desktop-layout .header-container,main.desktop-layout .header-container .mobile-header{display:none}html body .desktop-layout .content,html body main.desktop-layout .content{margin-left:250px!important;padding-left:20px!important;padding-right:20px!important;width:calc(100% - 250px)!important}html body .desktop-layout.menu-collapsed .content,html body main.desktop-layout.menu-collapsed .content{margin-left:80px!important;width:calc(100% - 80px)!important}html body .desktop-layout .content .container,html body main.desktop-layout .content .container{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:100%!important}}@media (min-width:1000px) and (max-width:1200px){.desktop-layout{margin-left:0}.desktop-layout .desktop-side-menu{width:220px}.desktop-layout .container{padding:20px}}@media (min-width:1000px) and (max-width:1024px){.desktop-layout{margin-left:0}.desktop-layout .desktop-side-menu{width:200px}.desktop-layout .content{margin-left:200px;width:calc(100% - 200px)}.desktop-layout .container,.desktop-layout .grid-item.active{padding:15px}}@media (min-width:1000px) and (max-width:900px){.desktop-layout{margin-left:0}.desktop-layout .desktop-side-menu{width:180px}.desktop-layout .content{margin-left:180px;width:calc(100% - 180px)}.desktop-layout .container{padding:10px}.desktop-layout .desktop-side-menu .footer-action-btn span,.desktop-layout .desktop-side-menu .nav-label{font-size:12px}.desktop-layout .grid-item.active{padding:10px}.desktop-layout .account-balance-card{padding:15px}}@media (max-width:900px){.collapse-btn{align-items:center;display:flex;justify-content:center}}.spending-limits-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;margin-bottom:12px;padding:16px}.spending-limits-card .card-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.spending-limits-card .card-title{color:#fff;font-size:14px;font-weight:600;margin:0}.spending-limits-card .card-icon{color:#4facfe;font-size:16px}.spending-limits-card .card-details{margin-top:8px}.limits-list{display:flex;flex-direction:column;gap:8px}.limit-row{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;font-size:12px;gap:8px;justify-content:space-between;padding:8px 0}.limit-row:last-child{border-bottom:none}.limit-category{color:hsla(0,0%,100%,.8);flex-shrink:1;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.limit-progress{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.limit-percentage{color:hsla(0,0%,100%,.7);flex-shrink:0;font-size:11px;min-width:40px;text-align:right}.spending-limits-setup-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;margin-bottom:12px;padding:16px}.spending-limits-setup-card .card-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.spending-limits-setup-card .card-title{color:#fff;font-size:14px;font-weight:600;margin:0}.spending-limits-setup-card .card-icon{color:#4facfe;font-size:16px}.spending-limits-setup-card .card-details{margin-top:8px}.setup-message{margin-bottom:12px}.setup-message p{color:hsla(0,0%,100%,.8);font-size:12px;line-height:1.4;margin:0}.setup-limits-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:10px 16px;transition:all .2s ease;width:100%}.setup-limits-btn:hover{box-shadow:0 4px 15px rgba(79,172,254,.3);transform:translateY(-1px)}.desktop-side-menu.side-menu-hidden{transform:translateX(-100%)}@media (max-width:999px){.desktop-side-menu{transform:translateX(-100%)}.desktop-side-menu .budget-breakdown,.desktop-side-menu .budget-item,.desktop-side-menu .card-details,.desktop-side-menu .card-subtitle,.desktop-side-menu .card-title,.desktop-side-menu .card-value,.desktop-side-menu .detail-item,.desktop-side-menu .footer-action-btn span:not(.action-icon),.desktop-side-menu .limit-amounts-mini,.desktop-side-menu .limit-category-name,.desktop-side-menu .limit-indicator,.desktop-side-menu .limit-progress-bar,.desktop-side-menu .limit-progress-bar-container,.desktop-side-menu .limit-progress-item,.desktop-side-menu .limits-header,.desktop-side-menu .limits-indicators,.desktop-side-menu .limits-progress-list,.desktop-side-menu .limits-title,.desktop-side-menu .nav-label,.desktop-side-menu .period-info,.desktop-side-menu .quick-overview,.desktop-side-menu .setup-message,.desktop-side-menu .setup-message p,.desktop-side-menu .spending-limits-summary,.desktop-side-menu .user-info{display:none!important;opacity:0!important;visibility:hidden!important}.desktop-layout .content{margin-left:0!important;width:100%!important}.desktop-side-menu .nav-button{justify-content:center;padding:12px}}@media (min-width:1000px){html body .desktop-layout,html body main.desktop-layout{display:flex!important;min-height:100vh!important;position:relative!important}html body .desktop-layout .desktop-side-menu,html body main.desktop-layout .desktop-side-menu{height:100vh!important;left:0!important;position:fixed!important;top:0!important;width:250px!important;z-index:10000!important}html body .desktop-layout.menu-collapsed .desktop-side-menu,html body main.desktop-layout.menu-collapsed .desktop-side-menu{width:80px!important}html body .desktop-layout .content,html body main.desktop-layout .content{box-sizing:border-box!important;margin-left:250px!important;min-height:100vh!important;padding:20px!important;transition:margin-left .3s ease,width .3s ease!important;width:calc(100% - 250px)!important}html body .desktop-layout.menu-collapsed .content,html body main.desktop-layout.menu-collapsed .content{margin-left:80px!important;width:calc(100% - 80px)!important}html body .desktop-layout .content .container,html body .desktop-layout .content .grid-container,html body main.desktop-layout .content .container,html body main.desktop-layout .content .grid-container{box-sizing:border-box!important;margin:0 auto!important;max-width:1200px!important;padding:0!important;width:100%!important}html body .desktop-layout .content .grid-item,html body .desktop-layout .content .grid-item.active,html body main.desktop-layout .content .grid-item,html body main.desktop-layout .content .grid-item.active{background:#fff!important;border-radius:12px!important;box-shadow:0 2px 12px rgba(0,0,0,.08)!important;box-sizing:border-box!important;margin:0 auto 20px!important;max-width:none!important;padding:20px!important;width:100%!important}}.notification-bell-large{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 16px hsla(0,100%,71%,.25);display:flex;font-size:0;height:48px;justify-content:center;position:relative;width:48px}.notification-icon-large{color:#fff;filter:drop-shadow(0 2px 6px rgba(255,107,107,.3));font-size:2rem;margin-right:4px}.notification-count-large{background:#fff;border:1px solid #ee5a24;border-radius:8px;bottom:4px;box-shadow:0 1px 4px hsla(0,100%,71%,.15);color:#ee5a24;font-size:.85rem;font-weight:700;padding:1px 6px;position:absolute;right:8px}.user-plan-info{align-items:center;display:flex;justify-content:center;margin:8px 0}.plan-loading{color:hsla(0,0%,100%,.7);font-size:.8rem;font-style:italic}.plan-badge{align-items:center;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;font-size:.85rem;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.plan-badge.free{background:linear-gradient(135deg,#6b7280,#4b5563);border:1px solid hsla(0,0%,100%,.2);color:#fff}.plan-badge.premium{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:1px solid hsla(0,0%,100%,.3);color:#1f2937}.plan-badge:hover{box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-1px)}.plan-icon{flex-shrink:0;font-size:14px}.plan-text{font-weight:700}.desktop-side-menu.collapsed .user-plan-info{display:none!important}.user-settings-nav{align-items:center;display:flex;justify-content:center;margin-top:auto;padding-bottom:12px}.user-settings-nav .nav-button{align-items:center;background:none;border:none;border-radius:12px;color:inherit;cursor:pointer;display:flex;font:inherit;gap:8px;padding:8px 12px;transition:background .2s,color .2s}.user-settings-nav .nav-button:focus,.user-settings-nav .nav-button:hover{background:rgba(99,102,241,.12);color:#6366f1;outline:none}.user-settings-nav .nav-icon{align-items:center;display:flex;font-size:1.5rem;justify-content:center}.component-header{margin-bottom:15px;position:relative;width:100%}.component-header h2{margin:0;text-align:center}@media screen and (max-width:999px){.mobile-profile-header{left:0!important;position:fixed!important;right:0!important;top:0!important;visibility:visible!important;z-index:9999!important}.header-container{display:none}#profile.active .header-container{display:flex;margin-top:20px}.mobile-profile-header{display:block!important}.user-profile{border:none;border-radius:0;box-shadow:none;max-width:none;width:100%}.user-profile-header{border-bottom:1px solid #e0e0e0;display:none!important;padding:16px}.user-profile-details{padding:0;width:100%}.profile-info-row{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;padding:16px;width:100%}.profile-info-row,.profile-info-value{align-items:center;display:flex;justify-content:space-between}.profile-info-value{flex:1;min-width:0;width:85%}.edit-btn-small{display:block;margin-left:8px;min-width:80px;position:static}#profile.active,.container{padding:0;width:100%}.budget-day-edit-btn,.currency-edit-btn,.savings-goal-edit-btn,.username-edit-btn{display:block!important;height:36px!important;margin-left:auto!important;min-width:80px!important;position:static!important;width:auto!important}.profile-info-value span{max-width:70%;overflow:hidden;text-overflow:ellipsis}.profile-info-label{flex-shrink:0;margin-right:10px;min-width:110px}}@media (max-width:499px){.edit-btn-small{min-width:auto!important}}@media screen and (max-width:999px){.contact-container{border-radius:0;box-shadow:none;margin:0;width:100%}.contact-header{border-radius:0}.contact-form{padding:16px}#contact.active,#contact.active .container{padding:0;width:100%}.about-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.about-overlay.mobile-overlay{padding:10px}.about-container,.about-modal.mobile-modal{border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.3);display:flex;flex-direction:column;height:auto;margin:0 auto;max-height:90vh;overflow:hidden;position:relative;width:100%}.about-header{border-radius:16px 16px 0 0;flex-shrink:0;padding:16px;position:sticky;top:0;z-index:10}.about-logo{height:40px;width:40px}.about-header h1{font-size:1.3rem}.about-close-btn{align-items:center!important;background:hsla(0,0%,100%,.85)!important;border:3px solid #fff!important;box-shadow:0 4px 12px rgba(0,0,0,.4)!important;color:#1e3a5f!important;display:flex!important;font-size:1.8rem!important;height:44px!important;justify-content:center!important;opacity:1!important;position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;visibility:visible!important;width:44px!important;z-index:999999!important}.about-content{flex:1;overflow-y:auto;padding:16px 16px 8px}.about-section:last-child{margin-bottom:0!important}.feature-card{padding:16px}.feature-icon{object-fit:contain}.benefit-item{margin-bottom:12px}.cta-container{padding:0}.start-now-button{font-size:14px}.steps-list li{padding:12px}#about.active{bottom:0;height:100%;left:0;position:fixed;right:0;top:0;z-index:1000000}#about.active,#about.active .grid-item{margin:0;padding:0;width:100%}}@media (max-width:999px){.content{padding-left:0!important;padding-right:0!important}}@media (min-width:1000px){.contact-modal,.edit-expense-modal,.edit-income-modal,.profile-popup-modal,.welcome-popup-modal{max-width:600px!important}.app-container{overflow-x:hidden!important;position:relative!important}.app-container,.container{display:flex!important;min-height:100vh!important;width:100%!important}.container{box-sizing:border-box!important;flex:1!important;flex-direction:column!important;padding-left:250px!important;transition:padding-left .3s ease!important}.container.menu-collapsed{padding-left:80px!important}.grid-container{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:20px!important;margin:0 auto!important;max-width:1000px!important;padding:20px!important}.grid-item{display:none!important;margin:0 auto!important;width:100%!important}.grid-item.active{background:#fff!important;border-radius:12px!important;box-shadow:0 2px 12px rgba(0,0,0,.08)!important;display:block!important;opacity:1!important;padding:20px!important;transition:opacity .3s ease-in-out!important;visibility:visible!important}body:not(.desktop-layout) #profile,body:not(.desktop-layout) .header-container,main:not(.desktop-layout) #profile,main:not(.desktop-layout) .header-container{display:block!important;margin-bottom:20px;order:-1}body:not(.desktop-layout) #balances,body:not(.desktop-layout) #budget,body:not(.desktop-layout) #expenses,main:not(.desktop-layout) #balances,main:not(.desktop-layout) #budget,main:not(.desktop-layout) #expenses{margin-bottom:20px}#about,#contact{display:none!important}.content{box-sizing:border-box!important;flex:1!important;overflow:visible!important;width:100%!important}.mobile-menu-bar{display:none!important}#about,#contact{grid-column:span 3}.about-overlay,.contact-overlay{align-items:center;animation:fade-in .3s ease-out;background-color:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.about-modal,.contact-modal{animation:slide-up .4s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(30,58,95,.12);max-height:90vh;max-width:900px;overflow-y:auto;width:90%}.close-button:not(.profile-close-btn){background:none;border:none;color:#666;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}@media (max-width:1200px){.grid-container{max-width:900px!important}}@media (max-width:1024px){.grid-container{max-width:800px!important}}@media (max-width:900px){.grid-container{max-width:700px!important;padding:15px!important}}}@media (max-width:999px){.grid-item{margin-bottom:12px;padding:15px}.form-group,h2,h3,p{margin-bottom:10px!important}.grid-item>div:last-child,.grid-item>div>div:last-child{margin-bottom:0!important}.section{padding:10px 0}.expenses-list-container .budget-row{padding:12px 15px}.component-header{margin-bottom:10px!important;padding-bottom:6px!important}}*,:after,:before{box-sizing:border-box!important}@media (max-width:999px){.modal-container,.modal-content,.popup-container,.popup-content{box-shadow:0 8px 32px rgba(0,0,0,.3)!important;left:50%!important;margin:0!important;top:50%!important;transform:translate(-50%,-50%)!important}.about-popup,.contact-popup,.modal-container,.modal-content,.popup-container,.popup-content{border-radius:16px!important;box-sizing:border-box!important;height:95vh!important;max-height:95vh!important;max-width:95%!important;overflow:hidden!important;width:95%!important}.add-limit-modal,.add-limit-modal .form-group,.add-limit-modal .modal-content,.add-limit-modal form,.add-limit-modal-overlay{box-sizing:border-box!important;left:0!important;margin:0 auto!important;max-width:96vw!important;min-width:0!important;right:0!important;width:96vw!important}}body,html{margin:0!important;max-width:100%!important;overflow-x:hidden!important;padding:0!important;position:relative!important;width:100%!important}@media (max-width:999px){.container{box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;overflow-x:hidden!important;width:100%!important}}#root,.app-content,.content,main{box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;overflow-x:hidden!important;padding-left:0!important;padding-right:0!important;width:100%!important}@media (max-width:999px){.about-popup,.contact-popup,.cookie-settings-modal,.credit-tracker-container,.edit-expense-modal,.edit-income-modal,.edit-percentage-modal,.welcome-popup-modal{box-sizing:border-box!important;margin:0 auto!important;max-width:calc(100% - 20px)!important;overflow-x:hidden!important;padding-left:10px!important;padding-right:10px!important;width:90%!important}}form{overflow-x:hidden!important}.budget-row,.budget-table,.expense-item,.expenses-list-container,.form-group,form,input,textarea{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.budget-row,.budget-table,.expense-item,.expenses-list-container{overflow-x:hidden!important}.action-button,.btn,.button,.delete-button,.edit-button,button{box-sizing:border-box!important;max-width:100%!important;overflow-wrap:break-word!important;white-space:normal!important}.label,label,p,span{max-width:100%!important;overflow-wrap:break-word!important;word-wrap:break-word!important;hyphens:auto!important;word-break:break-word!important}.grid-item,.header-container,.mobile-profile-header{box-sizing:border-box!important}.grid-item,.header-container,.mobile-menu-bar,.mobile-profile-header{max-width:100%!important;overflow-x:hidden!important;padding-left:10px!important;padding-right:10px!important;width:100%!important}[style*="position: absolute"],[style*="position:absolute"]{max-width:100vw!important;overflow-x:hidden!important}.form-group input,.form-group textarea{box-sizing:border-box;max-width:100%;width:100%}table{table-layout:fixed;width:100%}.credit-table-wrapper,.table-container,.table-wrapper{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;box-sizing:border-box;max-width:100%}.credit-table{table-layout:fixed;width:100%}table td,table th{hyphens:auto;word-break:break-word}@media (max-width:999px){.credit-table td,.credit-table th{font-size:13px!important;padding:10px 8px!important}}.grid-item{margin-left:0;margin-right:0}.expense-item,.grid-item{box-sizing:border-box;max-width:100%;width:100%}.balances-container,.budget-container,.expenses-container,.expenses-list-container{box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:15px 10px;width:100%}.user-profile,.user-profile-details{box-sizing:border-box;max-width:100%;overflow-x:hidden;width:100%}@media (max-width:999px){.expense-item{max-width:100%!important;width:100%!important}.container{margin:0 auto!important}.form-group input,.form-group textarea{max-width:100%!important;width:100%!important}.modal-container,.modal-content,.popup-container,.popup-content{box-sizing:border-box!important;left:0!important;margin-left:auto!important;margin-right:auto!important;max-width:100%!important;overflow-x:hidden!important;right:0!important;width:100%!important}[style*="white-space: nowrap"],[style*="white-space:nowrap"]{overflow-wrap:break-word!important;white-space:normal!important}}.feature-icon{border-radius:8px;object-fit:cover}@media screen and (max-width:999px){.feature-icon{border-radius:6px;height:50px;width:50px}.about-logo{height:50px}.about-container,.about-content,.about-section,.benefit-item,.benefits-list,.feature-card,.feature-grid,.steps-list{box-sizing:border-box;max-width:100%}.about-section p,.benefit-text p,.feature-card p{font-size:14px;line-height:1.5}.about-section h2{font-size:22px}.benefit-text h3,.feature-card h3{font-size:18px}body,html{overflow-x:hidden}.about-container{max-height:100vh;overflow-y:auto;position:relative;z-index:1000;-webkit-overflow-scrolling:touch}img.feature-icon{height:auto;max-width:100%}.benefit-text p,.feature-card p{word-break:break-word}.start-now-button{align-items:center;display:flex;justify-content:center;min-height:44px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-close-btn{align-items:center;background:hsla(0,0%,100%,.6);border:1px solid hsla(0,0%,100%,.9);border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.3);color:#1e3a5f;cursor:pointer;display:flex;font-size:1.8rem;font-weight:700;height:40px;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:100}.about-close-btn:hover{background-color:hsla(0,0%,100%,.9);box-shadow:0 6px 12px rgba(0,0,0,.4);transform:translateY(-50%) scale(1.1)}.about-close-btn:focus{box-shadow:0 0 0 3px hsla(0,0%,100%,.7);outline:none}.about-container{animation:slide-up .4s ease-out}.about-overlay{align-items:center;animation:fade-in .3s ease-out;background-color:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000001}.steps-list li{background-color:#f5f7fa;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:12px;padding:14px 16px;transition:transform .2s ease}.steps-list li:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.about-section p{font-size:14px;line-height:1.6}.feature-card p{color:#333;font-size:14px;line-height:1.5}.about-close-btn{animation:pulse 2s infinite;background:hsla(0,0%,100%,.7)!important;border:2px solid hsla(0,0%,100%,.9)!important;font-size:1.8rem!important;font-weight:700!important;text-shadow:0 0 4px rgba(0,0,0,.8);z-index:9999!important}.about-close-btn:after{background:transparent;border:2px solid #fff;border-radius:50%;box-sizing:border-box;content:"";height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%}@keyframes pulse{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{box-shadow:0 0 0 10px hsla(0,0%,100%,0)}to{box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}.about-container:hover .about-close-btn{animation:none}.about-close-btn,.close-button.about-close-btn{align-items:center!important;background:hsla(0,0%,100%,.7)!important;border:2px solid hsla(0,0%,100%,.9)!important;border-radius:50%!important;box-shadow:0 4px 8px rgba(0,0,0,.3)!important;color:#1e3a5f!important;cursor:pointer!important;display:flex!important;font-size:1.8rem!important;font-weight:700!important;height:40px!important;justify-content:center!important;opacity:1!important;position:absolute!important;right:16px!important;top:20px!important;transition:all .2s ease!important;visibility:visible!important;width:40px!important;z-index:9999!important}.about-close-btn:hover,.close-button.about-close-btn:hover{background:hsla(0,0%,100%,.9)!important;box-shadow:0 6px 12px rgba(0,0,0,.4)!important;transform:scale(1.1)!important}@keyframes button-pulse{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.8)}70%{box-shadow:0 0 0 15px hsla(0,0%,100%,0)}to{box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}.about-close-btn,.close-button.about-close-btn{animation:button-pulse 2s infinite}@media (max-width:999px){.about-close-btn,.close-button.about-close-btn{font-size:1.5rem!important;height:36px!important;right:10px!important;top:15px!important;width:36px!important}}.about-header{position:relative!important}@media screen and (max-width:999px){.about-close-btn{align-items:center!important;background-color:hsla(0,0%,100%,.8)!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important;color:#1e3a5f!important;display:flex!important;font-size:1.6rem!important;font-weight:700!important;height:40px!important;justify-content:center!important;opacity:1!important;position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;visibility:visible!important;width:40px!important;z-index:999999!important}}html body .about-container .about-header .about-close-btn,html body .about-overlay .about-container .about-header .about-close-btn{align-items:center!important;background-color:hsla(0,0%,100%,.9)!important;border:3px solid #fff!important;border-radius:50%!important;box-shadow:0 4px 12px rgba(0,0,0,.4)!important;color:#1e3a5f!important;cursor:pointer!important;display:flex!important;font-size:1.8rem!important;font-weight:700!important;height:44px!important;justify-content:center!important;opacity:1!important;position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;visibility:visible!important;width:44px!important;z-index:999999!important}html body .about-container .about-content .about-content-close-btn,html body .about-overlay .about-container .about-content .about-content-close-btn{align-items:center!important;background-color:hsla(0,0%,100%,.9)!important;border:2px solid #1e3a5f!important;border-radius:50%!important;box-shadow:0 2px 6px rgba(0,0,0,.3)!important;color:#1e3a5f!important;cursor:pointer!important;display:flex!important;float:right!important;font-size:1.5rem!important;font-weight:700!important;height:36px!important;justify-content:center!important;margin-bottom:10px!important;margin-left:10px!important;opacity:1!important;position:sticky!important;right:10px!important;top:10px!important;visibility:visible!important;width:36px!important;z-index:9999!important}html body .about-container .about-content .about-content-close-btn:hover,html body .about-container .about-header .about-close-btn:hover,html body .about-overlay .about-container .about-content .about-content-close-btn:hover,html body .about-overlay .about-container .about-header .about-close-btn:hover{background-color:#fff!important;box-shadow:0 6px 12px rgba(0,0,0,.5)!important;transform:scale(1.1) translateY(-50%)!important}html body .about-container .about-content .about-content-close-btn:hover,html body .about-overlay .about-container .about-content .about-content-close-btn:hover{transform:scale(1.1)!important}#about-mobile-close-btn,#about-mobile-close-btn-backup,.about-container .about-header .about-close-btn{align-items:center!important;background-color:#fff!important;border:3px solid #1e3a5f!important;border-radius:50%!important;box-shadow:0 4px 12px rgba(0,0,0,.5)!important;color:#1e3a5f!important;cursor:pointer!important;display:flex!important;font-size:1.8rem!important;font-weight:700!important;height:44px!important;justify-content:center!important;opacity:1!important;position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;visibility:visible!important;width:44px!important;z-index:999999!important}#about-mobile-close-btn-backup:hover,#about-mobile-close-btn:hover,.about-container .about-header .about-close-btn:hover{background-color:#f2f2f2!important;transform:translateY(-50%) scale(1.05)!important}#about-mobile-close-btn-backup{position:fixed!important;right:20px!important;top:20px!important;transform:none!important;z-index:9999999!important}#about-mobile-close-btn-backup:hover{transform:scale(1.05)!important}.about-container .about-header{justify-content:space-between!important;position:relative!important}.about-header h1{max-width:calc(100% - 60px)!important}@media (max-width:999px){.about-container .about-header{padding-right:60px!important}#about-mobile-close-btn,#about-mobile-close-btn-backup,.about-container .about-header .about-close-btn{height:44px!important;right:10px!important;width:44px!important}}body.about-active .mobile-menu-bar{display:none!important}#about.active{min-height:100vh!important;padding-bottom:80px!important}#about-mobile-close-btn{align-items:center!important;background-color:#fff!important;border:3px solid #1e3a5f!important;border-radius:50%!important;box-shadow:0 4px 12px rgba(0,0,0,.4)!important;color:#1e3a5f!important;display:flex!important;font-size:1.8rem!important;height:44px!important;justify-content:center!important;position:absolute!important;right:16px!important;top:16px!important;transform:none!important;width:44px!important;z-index:999999!important}.container{box-sizing:border-box;display:flex;flex-direction:column;gap:24px;margin:70px auto 0;max-width:1200px;padding:24px}.grid-item{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:20px;padding:15px;width:100%}@media (min-width:768px){main:not(.desktop-layout) .container{display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-gap:20px!important;flex-direction:unset!important;margin:20px auto!important;max-width:1200px!important;width:calc(100% - 40px)!important}main:not(.desktop-layout) .grid-item{background-color:#fff!important;border-radius:10px!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;margin-bottom:0!important;padding:20px!important;width:auto!important}main:not(.desktop-layout){margin:0 auto!important;max-width:1200px!important;padding:20px!important}main:not(.desktop-layout) .content{box-sizing:border-box!important;max-width:1200px!important;padding:20px!important;width:100%!important}main:not(.desktop-layout) .balances-content,main:not(.desktop-layout) .budget-content,main:not(.desktop-layout) .expenses-content{box-sizing:border-box!important;padding:15px!important;width:100%!important}main:not(.desktop-layout) .header-container{align-items:center;display:flex;justify-content:space-between;padding:0 20px}.modal-content{margin:40px auto;max-width:500px;width:80%}main:not(.desktop-layout) .balances-container,main:not(.desktop-layout) .budget-container,main:not(.desktop-layout) .expenses-container{box-sizing:border-box!important;height:auto!important;margin-bottom:0!important;min-height:300px!important;width:100%!important}main:not(.desktop-layout) .container>.grid-item{display:block!important;flex:none!important;width:auto!important}.about-overlay,.modal-overlay{align-items:flex-start;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding-top:40px;position:fixed;right:0;top:0;z-index:10000}.about-page{max-height:90vh;max-width:900px;width:90%}.feature-grid{gap:24px;grid-template-columns:repeat(3,1fr)}.benefits-list{grid-template-columns:repeat(2,1fr)}.encryption-content{align-items:flex-start;flex-direction:row}footer{bottom:0;position:relative;width:100%}}@media (max-width:767px){.app-footer{display:none!important}.grid-item{box-sizing:border-box!important;margin-bottom:16px!important;max-width:100%!important;width:100%!important}.grid-item.active{display:block!important;margin-bottom:60px!important}.container,.grid-item.active{height:auto!important;min-height:0!important}.container{padding-bottom:0!important}.content{height:auto!important;min-height:0!important}}.edit-expense-modal .recurring-options .form-group.checkbox .checkbox-label{align-items:center;display:flex;position:relative;width:auto}.edit-expense-modal .recurring-options .form-group.checkbox input[type=checkbox]{flex-shrink:0;height:26px;left:0;margin-right:15px;position:relative;width:26px}.edit-expense-modal .recurring-options .form-group.checkbox span{color:#fff!important;display:inline-block;font-size:16px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.edit-expense-modal .checkbox-label span,.edit-expense-modal .recurring-options .form-group.checkbox span{color:#fff!important;display:inline!important;font-size:16px!important;font-weight:600!important;opacity:1!important;overflow:visible!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important;visibility:visible!important}.edit-expense-modal .form-group.checkbox{align-items:center!important;display:flex!important;flex-direction:row!important;margin-bottom:15px!important;opacity:1!important;visibility:visible!important;width:auto!important}.edit-expense-modal input[type=checkbox]{display:inline-block!important;height:26px!important;margin-right:15px!important;opacity:1!important;visibility:visible!important;width:26px!important}.edit-expense-modal .checkbox-label:after,.edit-expense-modal .form-group.checkbox .checkbox-label:after,.edit-expense-modal .recurring-options .checkbox-label:after,.edit-expense-modal .recurring-options .form-group.checkbox .checkbox-label:after{content:none!important}#continuesCanceledText{color:#fff!important;display:inline-block!important;font-size:16px!important;font-weight:600!important;opacity:1!important;visibility:visible!important}.auth-container~.mobile-profile-header,.auth-header~.mobile-profile-header,.auth-page .mobile-profile-header,body:has(.auth-container) .mobile-profile-header{display:none!important;height:0!important;min-height:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important;z-index:-1!important}body.auth-page{padding-top:0!important}.auth-page .auth-container,body:has(.auth-container) .auth-container{margin-top:20px!important;padding-top:20px!important}.auth-page{display:flex;flex-direction:column;justify-content:center;min-height:100vh}html body #about-mobile-close-btn.mobile-about-close-button.about-close-btn{align-items:center!important;background-color:#fff!important;border:3px solid #1e3a5f!important;border-radius:50%!important;box-shadow:0 4px 12px rgba(0,0,0,.5)!important;color:#1e3a5f!important;cursor:pointer!important;display:flex!important;font-size:1.8rem!important;font-weight:700!important;height:50px!important;justify-content:center!important;opacity:1!important;pointer-events:auto!important;position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;visibility:visible!important;width:50px!important;z-index:99999999!important}@keyframes pulse-border{0%{box-shadow:0 0 0 0 rgba(30,58,95,.8)}70%{box-shadow:0 0 0 10px rgba(30,58,95,0)}to{box-shadow:0 0 0 0 rgba(30,58,95,0)}}html body #about-mobile-close-btn.mobile-about-close-button.about-close-btn{animation:pulse-border 2s infinite}.about-container .about-header,.mobile-about-wrapper{overflow:visible!important;position:relative!important}#about.active{display:block!important;overflow:auto!important;visibility:visible!important;z-index:999999!important}.grid-item#about.active .about-container .about-header #about-mobile-close-btn,html body .grid-item#about.active .about-container .about-header #about-mobile-close-btn{align-items:center!important;background-color:#fff!important;border:3px solid #1e3a5f!important;border-radius:50%!important;box-shadow:0 0 0 4px hsla(0,0%,100%,.5),0 4px 12px rgba(0,0,0,.5)!important;color:#1e3a5f!important;cursor:pointer!important;display:flex!important;font-size:24px!important;font-weight:700!important;height:50px!important;justify-content:center!important;opacity:1!important;pointer-events:auto!important;position:fixed!important;right:20px!important;top:20px!important;transform:none!important;visibility:visible!important;width:50px!important;z-index:10000000!important}.grid-item#about.active .about-container .about-header #about-mobile-close-btn:empty:before,html body .grid-item#about.active .about-container .about-header #about-mobile-close-btn:empty:before{content:"✖"!important;display:block!important}@media screen and (max-width:320px){.grid-item#about.active .about-container .about-header #about-mobile-close-btn,html body .grid-item#about.active .about-container .about-header #about-mobile-close-btn{height:44px!important;right:10px!important;top:10px!important;width:44px!important}}.grid-item#contact.active .contact-container .contact-header #contact-mobile-close-btn,html body .grid-item#contact.active .contact-container .contact-header #contact-mobile-close-btn{align-items:center!important;background-color:#fff!important;border:3px solid #1e3a5f!important;border-radius:50%!important;box-shadow:0 0 0 4px hsla(0,0%,100%,.5),0 4px 12px rgba(0,0,0,.5)!important;color:#1e3a5f!important;cursor:pointer!important;display:flex!important;font-size:24px!important;font-weight:700!important;height:50px!important;justify-content:center!important;opacity:1!important;pointer-events:auto!important;position:fixed!important;right:20px!important;top:20px!important;transform:none!important;visibility:visible!important;width:50px!important;z-index:10000000!important}.grid-item#contact.active .contact-container .contact-header #contact-mobile-close-btn:empty:before,html body .grid-item#contact.active .contact-container .contact-header #contact-mobile-close-btn:empty:before{content:"✖"!important;display:block!important}@media screen and (max-width:320px){.grid-item#contact.active .contact-container .contact-header #contact-mobile-close-btn,html body .grid-item#contact.active .contact-container .contact-header #contact-mobile-close-btn{height:44px!important;right:10px!important;top:10px!important;width:44px!important}}@media screen and (min-width:1000px){html body #root .container,html body .container,html body main .container{box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important;max-width:1200px!important;width:calc(100% - 40px)!important}}.contact-header{position:relative}.contact-header .close-button,.contact-header .contact-close-btn{align-items:center;background-color:hsla(0,0%,100%,.9);border:2px solid #1e3a5f;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.3);color:#1e3a5f;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;position:absolute;right:12px;top:12px;width:36px;z-index:999999}.contact-modal>.close-button,.contact-modal>.contact-close-btn{display:none!important}@media (max-width:999px){#root .app-footer,#root footer.app-footer,.app-footer,body .app-footer,body footer.app-footer,footer.app-footer,html .app-footer,html footer.app-footer,main .app-footer,main footer.app-footer{display:none!important;height:0!important;margin:0!important;opacity:0!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important;width:0!important}.grid-item.active{margin-bottom:60px!important}.container,.grid-item.active{height:auto!important;min-height:0!important}.content{min-height:0!important}.balances-container,.budget-container,.expenses-container,.expenses-list-container{margin-bottom:10px!important}.expenses-list{margin-bottom:16px!important}}@media (min-width:1000px){.container{display:flex!important;flex-direction:column!important;margin:0 auto!important;max-width:1200px!important;padding:24px!important;width:100%!important}main:not(.desktop-layout) .grid-item{display:block!important;flex:none!important;height:auto!important;margin-bottom:20px!important;min-height:auto!important;width:100%!important}.content{padding:20px!important}.balances-grid{display:flex!important;flex-direction:column!important;gap:20px!important}.balance-item{width:100%!important}#root .container,.container,.content .container,body .container,html body #root .container,html body .container,html body main .container,main .container{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;margin:0 auto!important;max-width:1200px!important;padding:24px!important;width:100%!important}#root:not(.desktop-layout) .grid-item,.content:not(.desktop-layout) .grid-item,body:not(.desktop-layout) .grid-item,html body #root:not(.desktop-layout) .grid-item,html body main:not(.desktop-layout) .grid-item,html body:not(.desktop-layout) .grid-item,main:not(.desktop-layout) .grid-item{display:block!important;flex:none!important;height:auto!important;margin-bottom:20px!important;min-height:auto!important;width:100%!important}#root .balance-item,.balance-item,.content .balance-item,body .balance-item,html body #root .balance-item,html body .balance-item,html body main .balance-item,main .balance-item{margin-bottom:20px!important;width:100%!important}.balances-container .balances-grid,.balances-container .desktop-only,.balances-grid,.desktop-only{display:grid!important;gap:24px!important;grid-template-columns:repeat(2,1fr)!important;width:100%!important}.balance-item{display:flex!important;flex-direction:column!important;height:auto!important;margin-bottom:0!important;width:auto!important}#root .balances-grid,#root .desktop-only,.balances-container .balances-grid,.balances-container .desktop-only,.grid-item .balances-grid,.grid-item .desktop-only,body .content .balances-grid,body .content .desktop-only,html body .balances-grid,html body .desktop-only{gap:24px!important;grid-template-columns:repeat(2,1fr)!important;width:100%!important}#root .balance-item,.balances-container .balance-item,.balances-grid .balance-item,.desktop-only .balance-item,body .content .balance-item,html body .balance-item{display:flex!important;flex-direction:column!important;height:auto!important;margin-bottom:0!important;width:auto!important}#root .balances-grid,.balances-container .balances-grid,.container .balances-grid,.content .balances-grid,.desktop-only.balances-grid,body .balances-grid,div.balances-grid,html body #root .balances-grid,html body .balances-grid,html body main .balances-grid,main .balances-grid{display:grid!important;flex-direction:unset!important;gap:24px!important;grid-template-columns:repeat(2,1fr)!important;width:100%!important}#root .balances-grid .balance-item,.balances-container .balances-grid .balance-item,.container .balances-grid .balance-item,.content .balances-grid .balance-item,.desktop-only.balances-grid .balance-item,body .balances-grid .balance-item,div.balances-grid .balance-item,html body #root .balances-grid .balance-item,html body .balances-grid .balance-item,html body main .balances-grid .balance-item,main .balances-grid .balance-item{display:flex!important;flex-direction:column!important;height:auto!important;margin-bottom:0!important;width:auto!important}}.mobile-only{display:none}@media (max-width:999px){.mobile-only{display:block!important}}@media (min-width:1000px){.mobile-only{display:none!important}}@media (max-width:999px){.mobile-balance-view.mobile-only{display:block!important}}@media (min-width:1000px){.mobile-balance-view.mobile-only{display:none!important}}@media (max-width:999px){.balances-container .balances-grid.desktop-only,.balances-container .desktop-balances-grid,.balances-grid.desktop-only,.desktop-balances-grid,.desktop-only.balances-grid,div.balances-grid.desktop-only,div.desktop-balances-grid{display:none!important}.mobile-balance-card,.mobile-balance-view{display:block!important;width:100%!important}.mobile-balance-card{margin-bottom:16px!important}#root .balances-grid.desktop-only,#root .desktop-balances-grid,.container .balances-grid.desktop-only,.container .desktop-balances-grid,.content .balances-grid.desktop-only,.content .desktop-balances-grid,[class*=balances-grid][class*=desktop-only],[class*=desktop-balances-grid],body .balances-grid.desktop-only,body .desktop-balances-grid,div.balances-grid.desktop-only,div.desktop-balances-grid,div[class*=balances-grid][class*=desktop-only],div[class*=desktop-balances-grid],html body #root .balances-grid.desktop-only,html body #root .desktop-balances-grid,html body .balances-grid.desktop-only,html body .desktop-balances-grid,html body main .balances-grid.desktop-only,html body main .desktop-balances-grid,main .balances-grid.desktop-only,main .desktop-balances-grid{display:none!important;height:0!important;opacity:0!important;overflow:hidden!important;visibility:hidden!important}#root .mobile-balance-view,.container .mobile-balance-view,.content .mobile-balance-view,[class*=mobile-balance-view],body .mobile-balance-view,div.mobile-balance-view,html body #root .mobile-balance-view,html body .mobile-balance-view,html body main .mobile-balance-view,main .mobile-balance-view{display:block!important;height:auto!important;opacity:1!important;visibility:visible!important;width:100%!important}#root .mobile-balance-card,.container .mobile-balance-card,.content .mobile-balance-card,[class*=mobile-balance-card],body .mobile-balance-card,div.mobile-balance-card,html body #root .mobile-balance-card,html body .mobile-balance-card,html body main .mobile-balance-card,main .mobile-balance-card{display:block!important;margin-bottom:16px!important;opacity:1!important;visibility:visible!important;width:100%!important}}@media (min-width:1000px){#root .balances-table.desktop-only,.balances-container .balances-table.desktop-only,.balances-table.desktop-only,html body .balances-table.desktop-only{background:none!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;gap:20px!important;width:100%!important}.balances-table .balance-item{align-items:center!important;background-color:#fff!important;border:1.5px solid #e1e5e9!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(0,0,0,.06)!important;display:flex!important;flex-direction:row!important;height:auto!important;justify-content:flex-start!important;margin-bottom:0!important;min-height:70px!important;overflow:hidden!important;padding:0!important;width:100%!important}.balances-table .balance-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.12)!important;transform:translateY(-1px)!important}.balances-table .balance-item-content{align-items:center!important;display:flex!important;flex:1 1 0%;flex-direction:row!important;gap:0!important;min-width:0;padding:0 0 0 24px}.balances-table .balance-item label{color:#2e384d!important;flex-shrink:0!important;font-size:18px!important;font-weight:600!important;margin-right:12px!important;min-width:160px!important;text-align:left}.balances-table .balance-edit-container,.balances-table .current-balance,.balances-table .expected-balance{align-items:center;background:#eafaf1!important;border:none!important;border-radius:8px!important;box-shadow:none!important;color:#43a047!important;display:flex;flex:1 1 0%;font-size:20px!important;font-weight:600!important;justify-content:flex-start;margin:0 12px 0 0!important;min-width:0;padding:12px 18px!important}.balances-table .current-balance.debt{background:#fdeaea!important;color:#e53935!important;font-weight:700!important}.balances-table .current-balance.empty{background:#fdf6e3!important;border:1px dashed #ffcf54!important;color:#1e3a5f!important;font-size:16px!important;font-style:italic!important;padding:12px 18px!important}.balances-table .current-balance.clickable{cursor:pointer!important;transition:all .2s ease!important}.balances-table .current-balance.clickable:hover{background-color:rgba(163,222,210,.1)!important;transform:translateY(-1px)!important}.balances-table .balance-edit-btn,.balances-table .balance-save-btn{align-self:center;background:#a3ded2!important;border:none!important;border-radius:8px!important;box-shadow:none!important;color:#1e3a5f!important;cursor:pointer!important;font-size:16px!important;font-weight:600!important;margin:0 24px 0 0!important;min-width:120px!important;padding:12px 0!important;transition:background .2s}.balances-table .balance-edit-btn:hover,.balances-table .balance-save-btn:hover{background:#8bcdbf!important}.balances-table .last-updated{color:#666!important;font-size:13px!important;margin-left:12px;min-width:120px!important;text-align:right}.balances-table .savings-goal-progress{align-items:flex-end!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important;gap:4px!important;min-width:160px!important}.balances-table .progress-bar-container{background-color:#f3f4f6!important;border-radius:3px!important;height:6px!important;overflow:hidden!important;width:120px!important}.balances-table .progress-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa)!important;border-radius:3px!important;height:100%!important;transition:width .3s ease!important}.balances-table .progress-bar.exceeded{background:linear-gradient(90deg,#10b981,#34d399)!important}.balances-table .progress-text{color:#6b7280!important;font-size:12px!important;text-align:right!important}.balances-table .expected-balance{background:none!important;border-radius:0!important;color:#6b7280!important;font-size:15px!important;font-weight:400!important;justify-content:flex-start;margin:0 12px 0 0!important;padding:0!important}.balances-table .expected-amount{color:#1a1a1a!important;font-weight:700!important;margin-left:4px}.balances-table .expected-amount.debt{color:#e53935!important}.balances-table .balance-info{color:#9ca3af!important;font-size:9px!important;margin-left:12px;min-width:120px!important;text-align:right!important}.balances-table .balance-edit-container{align-items:center!important;display:flex!important;flex-direction:row!important;gap:12px!important;width:100%!important}.balances-table .balance-input-container{align-items:center;display:flex;flex:1 1 0%;margin-right:12px;min-width:0;position:relative}.balances-table .balance-input-container input{background:#f7fafc;border:1.5px solid #bdbdbd;border-radius:8px;color:#2e384d;font-size:18px;padding:12px 36px 12px 12px;width:100%}.balances-table .balance-input-container input:focus{border-color:#a3ded2!important;box-shadow:0 0 0 2px rgba(163,222,210,.1)!important;outline:none!important}.balances-table .currency-symbol{color:#666;font-size:18px;font-weight:500;position:absolute;right:12px;top:50%;transform:translateY(-50%)}@media (max-width:1200px){.balances-table .balance-item-content{gap:16px!important}.balances-table .balance-item label{font-size:14px!important;min-width:100px!important}.balances-table .current-balance{font-size:18px!important;min-width:120px!important;padding:10px 12px!important}.balances-table .last-updated{min-width:100px!important}.balances-table .savings-goal-progress{min-width:140px!important}.balances-table .expected-balance{min-width:120px!important}.balances-table .balance-info{min-width:100px!important}}}.balances-table{display:flex;flex-direction:column;gap:12px;margin-top:16px}.balances-table .budget-row{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:none;display:flex;padding:12px 16px;transition:all .2s ease}.balances-table .budget-row:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.balances-table .budget-label{color:#6b7280;flex:1;font-size:.95rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.balances-table .budget-value{align-items:flex-end;color:#059669;display:flex;flex:2;flex-direction:column;font-size:1.125rem;font-weight:700;gap:4px;text-align:right}.balances-table .budget-value.debt{color:#dc2626}.balances-table .budget-value.empty{color:#9ca3af;font-style:italic}.balances-table .budget-action{align-items:center;display:flex;flex:0 0 auto;gap:8px;margin-left:16px}.balances-table .edit-btn-small{background-color:#7c3aed;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:8px 20px;transition:background .2s}.balances-table .edit-btn-small:hover{background-color:#5b21b6}html body .desktop-layout .desktop-side-menu,html body main.desktop-layout .desktop-side-menu{display:block!important;opacity:1!important;position:fixed!important;visibility:visible!important;z-index:1000!important}html body .desktop-layout .desktop-side-menu .user-profile-header,html body main.desktop-layout .desktop-side-menu .user-profile-header{display:block!important;opacity:1!important;visibility:visible!important}html body .desktop-layout .desktop-side-menu .side-menu-btn,html body main.desktop-layout .desktop-side-menu .side-menu-btn{cursor:pointer!important;pointer-events:auto!important}html body .desktop-layout .container .grid-item:not(.active),html body .desktop-layout .content .container .grid-item:not(.active),html body .desktop-layout .grid-item:not(.active),html body main.desktop-layout .container .grid-item:not(.active),html body main.desktop-layout .content .container .grid-item:not(.active){display:none!important;height:0!important;left:-9999px!important;opacity:0!important;overflow:hidden!important;position:absolute!important;visibility:hidden!important;width:0!important;z-index:-1!important}html body .desktop-layout .container .grid-item.active,html body .desktop-layout .content .container .grid-item.active,html body .desktop-layout .grid-item.active,html body main.desktop-layout .container .grid-item.active,html body main.desktop-layout .content .container .grid-item.active{background:#fff!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;display:block!important;height:auto!important;left:auto!important;margin-bottom:24px!important;opacity:1!important;overflow:visible!important;padding:20px!important;position:relative!important;visibility:visible!important;width:100%!important;z-index:1!important}@media (min-width:1000px){.desktop-layout .grid-item{display:none!important}.desktop-layout .grid-item.active{display:block!important;max-height:none!important;min-height:auto!important}}.spending-limits-page{margin:0 auto;max-width:1200px;padding:20px}.limits-header{align-items:center;background:linear-gradient(135deg,#1e3a5f,#2c5282);border-radius:12px;box-shadow:0 4px 20px rgba(30,58,95,.2);color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.limits-header h2{font-size:24px;font-weight:600;margin:0}.add-limit-btn{border:1px solid hsla(0,0%,100%,.3);border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.add-limit-btn:hover{background:hsla(0,0%,100%,.3);transform:translateY(-1px)}.limits-summary{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.summary-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:20px;text-align:center}.summary-title{color:#666;font-size:14px;font-weight:500;margin-bottom:10px}.summary-value{color:#1e3a5f;font-size:24px;font-weight:700}.limits-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.limit-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:20px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.limit-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.15);transform:translateY(-2px)}.limit-card.good{border-left:4px solid #4caf50}.limit-card.warning{border-left:4px solid #ff9800}.limit-card.over{border-left:4px solid #f44336}.limit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.limit-category{color:#1e3a5f;font-size:18px;font-weight:600}.delete-limit-btn{align-items:center;background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.delete-limit-btn:hover{background:#d32f2f;transform:scale(1.1)}.limit-progress{margin-bottom:15px}.progress-bar{background:#f0f0f0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;position:relative;width:100%}.progress-fill{border-radius:4px;height:100%;transition:width .3s ease}.progress-fill.good{background:linear-gradient(90deg,#4caf50,#66bb6a)}.progress-fill.warning{background:linear-gradient(90deg,#ff9800,#ffb74d)}.progress-fill.over{background:linear-gradient(90deg,#f44336,#ef5350)}.over-limit-bar{background:linear-gradient(90deg,#9c27b0,#ba68c8);border-radius:4px;height:100%;position:absolute;right:0;top:0}.progress-text{color:#666;font-size:12px;font-weight:500;text-align:center}.limit-amounts{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.amount-item{align-items:center;display:flex;justify-content:space-between}.amount-label{color:#666;font-size:14px;font-weight:500}.amount-value{color:#1e3a5f;font-size:14px;font-weight:600}.amount-value.good{color:#4caf50}.amount-value.warning{color:#ff9800}.amount-value.over{color:#f44336}.limit-status{border-radius:6px;font-size:14px;font-weight:600;padding:8px 12px;text-align:center}.limit-status.good{background:rgba(76,175,80,.1);color:#4caf50}.limit-status.warning{background:rgba(255,152,0,.1);color:#ff9800}.limit-status.over{background:rgba(244,67,54,.1);color:#f44336}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);max-width:400px;width:90%}.modal-content h3{color:#1e3a5f;font-size:20px;font-weight:600;margin:0 0 20px}.modal-form{gap:20px}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s ease}.form-group input:focus{border-color:#1e3a5f;box-shadow:0 0 0 3px rgba(30,58,95,.1);outline:none}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.cancel-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.cancel-btn:hover{background:#e0e0e0}.add-btn{background:#1e3a5f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.add-btn:hover{background:#2c5282;transform:translateY(-1px)}.loading-spinner{align-items:center;color:#666;display:flex;font-size:18px;height:20px;justify-content:center}@media (max-width:768px){.spending-limits-page{padding:15px}.limits-header{flex-direction:column;gap:15px;text-align:center}.limits-grid,.limits-summary{gap:15px;grid-template-columns:1fr}.limit-card{padding:15px}.modal-content{margin:20px;padding:20px}}@media (max-width:480px){.limits-header h2,.summary-value{font-size:20px}.limit-category{font-size:16px}}.component-header{margin-bottom:15px;position:relative;width:100%}.component-header h2{margin:0;text-align:center}@media screen and (max-width:768px){.mobile-profile-header{left:0!important;position:fixed!important;right:0!important;top:0!important;visibility:visible!important;z-index:9999!important}.header-container{display:none}#profile.active .header-container{display:flex;margin-top:20px}.mobile-profile-header{display:block!important}.user-profile{border:none;border-radius:0;box-shadow:none;max-width:none;width:100%}.user-profile-header{border-bottom:1px solid #e0e0e0;display:none!important;padding:16px}.user-profile-details{padding:0;width:100%}.profile-info-row{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;padding:16px;width:100%}.profile-info-row,.profile-info-value{align-items:center;display:flex;justify-content:space-between}.profile-info-value{flex:1;min-width:0;width:85%}.edit-btn-small{display:block;margin-left:8px;min-width:80px;position:static}#profile.active,.container{padding:0;width:100%}.budget-day-edit-btn,.currency-edit-btn,.savings-goal-edit-btn,.username-edit-btn{display:block!important;height:36px!important;margin-left:auto!important;min-width:80px!important;position:static!important;width:auto!important}.profile-info-value span{max-width:70%;overflow:hidden;text-overflow:ellipsis}.profile-info-label{flex-shrink:0;margin-right:10px;min-width:110px}}@media (max-width:499px){.edit-btn-small{min-width:auto!important}}@media screen and (max-width:768px){.contact-container{border-radius:0;box-shadow:none;margin:0;width:100%}.contact-header{border-radius:0}.contact-form{padding:16px}#contact.active,#contact.active .container{padding:0;width:100%}}@media screen and (max-width:768px){.about-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.about-overlay.mobile-overlay{padding:10px}.about-container,.about-modal.mobile-modal{border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.3);display:flex;flex-direction:column;height:auto;margin:0 auto;max-height:90vh;overflow:hidden;position:relative;width:100%}.about-header{border-radius:16px 16px 0 0;flex-shrink:0;padding:16px;position:sticky;top:0;z-index:10}.about-logo{height:40px;width:40px}.about-header h1{font-size:1.3rem}.about-close-btn{align-items:center!important;background:hsla(0,0%,100%,.85)!important;border:3px solid #fff!important;box-shadow:0 4px 12px rgba(0,0,0,.4)!important;color:#1e3a5f!important;display:flex!important;font-size:1.8rem!important;height:44px!important;justify-content:center!important;opacity:1!important;position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;visibility:visible!important;width:44px!important;z-index:999999!important}.about-content{flex:1;overflow-y:auto;padding:16px 16px 8px}.about-section:last-child{margin-bottom:0!important}.feature-card{padding:16px}.feature-icon{object-fit:contain}.benefit-item{margin-bottom:12px}.cta-container{padding:0}.start-now-button{font-size:14px}.steps-list li{padding:12px}#about.active{bottom:0;height:100%;left:0;position:fixed;right:0;top:0;z-index:1000000}#about.active,#about.active .grid-item{margin:0;padding:0;width:100%}}@media (max-width:768px){.content{padding-left:0!important;padding-right:0!important}}@media (min-width:1000px){.about-modal,.contact-modal,.edit-expense-modal,.edit-income-modal,.profile-popup-modal,.welcome-popup-modal{max-width:600px!important}.container{display:flex!important;flex-direction:column!important;gap:20px!important;margin:0 auto!important;max-width:1200px!important;width:100%!important}body:not(.desktop-layout) .grid-item,main:not(.desktop-layout) .grid-item{display:block!important;opacity:1!important;position:relative;transform:none;transition:none;visibility:visible!important;width:100%}body:not(.desktop-layout) #profile,body:not(.desktop-layout) .header-container,main:not(.desktop-layout) #profile,main:not(.desktop-layout) .header-container{display:block!important;margin-bottom:20px;order:-1}body:not(.desktop-layout) #balances,body:not(.desktop-layout) #budget,body:not(.desktop-layout) #expenses,main:not(.desktop-layout) #balances,main:not(.desktop-layout) #budget,main:not(.desktop-layout) #expenses{margin-bottom:20px}#about,#contact{display:none!important}body:not(.desktop-layout) .grid-item:not(.active),main:not(.desktop-layout) .grid-item:not(.active){opacity:.95!important}.content{box-sizing:border-box;overflow:visible;padding:20px;width:100%}.mobile-menu-bar{display:none!important}#about,#contact{grid-column:span 3}.about-overlay,.contact-overlay{align-items:center;animation:fade-in .3s ease-out;background-color:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.about-modal,.contact-modal{animation:slide-up .4s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(30,58,95,.12);max-height:90vh;max-width:900px;overflow-y:auto;width:90%}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.grid-item{margin-bottom:12px;padding:15px}.form-group,h2,h3,p{margin-bottom:10px!important}.grid-item>div:last-child,.grid-item>div>div:last-child{margin-bottom:0!important}.section{padding:10px 0}.expenses-list-container .budget-row{padding:12px 15px}.component-header{margin-bottom:10px!important;padding-bottom:6px!important}}*,:after,:before{box-sizing:border-box!important}@media (max-width:768px){.modal-container,.modal-content,.popup-container,.popup-content{box-shadow:0 8px 32px rgba(0,0,0,.3)!important;left:50%!important;margin:0!important;top:50%!important;transform:translate(-50%,-50%)!important}.about-popup,.contact-popup,.modal-container,.modal-content,.popup-container,.popup-content{border-radius:16px!important;box-sizing:border-box!important;height:95vh!important;max-height:95vh!important;max-width:95%!important;overflow:hidden!important;width:95%!important}}body,html{margin:0!important;max-width:100%!important;overflow-x:hidden!important;padding:0!important;position:relative!important;width:100%!important}@media (max-width:768px){.container{box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;overflow-x:hidden!important;padding-left:10px!important;padding-right:10px!important;width:100%!important}}#root,.app-content,.content,main{box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;overflow-x:hidden!important;padding-left:0!important;padding-right:0!important;width:100%!important}@media (max-width:768px){.about-popup,.contact-popup,.cookie-settings-modal,.credit-tracker-container,.edit-expense-modal,.edit-income-modal,.edit-percentage-modal,.welcome-popup-modal{box-sizing:border-box!important;margin:0 auto!important;max-width:calc(100% - 20px)!important;overflow-x:hidden!important;padding-left:10px!important;padding-right:10px!important;width:90%!important}}form{overflow-x:hidden!important}.budget-row,.budget-table,.expense-item,.expenses-list-container,.form-group,form{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.budget-row,.budget-table,.expense-item,.expenses-list-container{overflow-x:hidden!important}.action-button,.btn,.button,.delete-button,.edit-button,button{box-sizing:border-box!important;max-width:100%!important;overflow-wrap:break-word!important;white-space:normal!important}.label,label,p,span{max-width:100%!important;overflow-wrap:break-word!important;word-wrap:break-word!important;hyphens:auto!important;word-break:break-word!important}.grid-item,.header-container,.mobile-profile-header{box-sizing:border-box!important}.grid-item,.header-container,.mobile-menu-bar,.mobile-profile-header{max-width:100%!important;overflow-x:hidden!important;padding-left:10px!important;padding-right:10px!important;width:100%!important}[style*="position: absolute"],[style*="position:absolute"]{max-width:100vw!important;overflow-x:hidden!important}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;max-width:100%;width:100%}table{table-layout:fixed;width:100%}.credit-table-wrapper,.table-container,.table-wrapper{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;box-sizing:border-box;max-width:100%}.credit-table{table-layout:fixed;width:100%}table td,table th{hyphens:auto;word-break:break-word}@media (max-width:768px){.credit-table td,.credit-table th{font-size:13px!important;padding:10px 8px!important}}.grid-item{margin-left:0;margin-right:0}.expense-item,.grid-item{box-sizing:border-box;max-width:100%;width:100%}.balances-container,.budget-container,.expenses-container,.expenses-list-container{box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:15px 10px;width:100%}.user-profile,.user-profile-details{box-sizing:border-box;max-width:100%;overflow-x:hidden;width:100%}@media (max-width:768px){.expense-item{max-width:100%!important;width:100%!important}.container{margin:0 auto!important}.form-group input,.form-group textarea{max-width:100%!important;width:100%!important}.modal-container,.modal-content,.popup-container,.popup-content{box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important;max-width:100%!important;overflow-x:hidden!important;padding-left:10px!important;padding-right:10px!important;width:100%!important}[style*="white-space: nowrap"],[style*="white-space:nowrap"]{overflow-wrap:break-word!important;white-space:normal!important}}.feature-icon{border-radius:8px;object-fit:cover}@media screen and (max-width:768px){.feature-icon{border-radius:6px;height:50px;width:50px}.about-logo{height:50px}.about-container,.about-content,.about-section,.benefit-item,.benefits-list,.feature-card,.feature-grid,.steps-list{box-sizing:border-box;max-width:100%}.about-section p,.benefit-text p,.feature-card p{font-size:14px;line-height:1.5}.about-section h2{font-size:22px}.benefit-text h3,.feature-card h3{font-size:18px}}@media screen and (max-width:768px){body,html{overflow-x:hidden}.about-container{max-height:100vh;overflow-y:auto;position:relative;z-index:1000;-webkit-overflow-scrolling:touch}img.feature-icon{height:auto;max-width:100%}.benefit-text p,.feature-card p{word-break:break-word}.start-now-button{align-items:center;display:flex;justify-content:center;min-height:44px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-close-btn{align-items:center;background:hsla(0,0%,100%,.6);border:1px solid hsla(0,0%,100%,.9);border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.3);color:#1e3a5f;cursor:pointer;display:flex;font-size:1.8rem;font-weight:700;height:40px;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:100}.about-close-btn:hover{background-color:hsla(0,0%,100%,.9);box-shadow:0 6px 12px rgba(0,0,0,.4);transform:translateY(-50%) scale(1.1)}.about-close-btn:focus{box-shadow:0 0 0 3px hsla(0,0%,100%,.7);outline:none}.about-container{animation:slide-up .4s ease-out}.about-overlay{align-items:center;animation:fade-in .3s ease-out;background-color:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000001}.steps-list li{background-color:#f5f7fa;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:12px;padding:14px 16px;transition:transform .2s ease}.steps-list li:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.about-section p{font-size:14px;line-height:1.6}.feature-card p{color:#333;font-size:14px;line-height:1.5}.about-close-btn{animation:pulse 2s infinite;background:hsla(0,0%,100%,.7)!important;border:2px solid hsla(0,0%,100%,.9)!important;font-size:1.8rem!important;font-weight:700!important;text-shadow:0 0 4px rgba(0,0,0,.8);z-index:9999!important}.about-close-btn:after{background:transparent;border:2px solid #fff;border-radius:50%;box-sizing:border-box;content:"";height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%}@keyframes pulse{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{box-shadow:0 0 0 10px hsla(0,0%,100%,0)}to{box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}.about-container:hover .about-close-btn{animation:none}.about-close-btn,.close-button.about-close-btn{align-items:center!important;background:hsla(0,0%,100%,.7)!important;border:2px solid hsla(0,0%,100%,.9)!important;border-radius:50%!important;box-shadow:0 4px 8px rgba(0,0,0,.3)!important;color:#1e3a5f!important;cursor:pointer!important;display:flex!important;font-size:1.8rem!important;font-weight:700!important;height:40px!important;justify-content:center!important;opacity:1!important;position:absolute!important;right:16px!important;top:20px!important;transition:all .2s ease!important;visibility:visible!important;width:40px!important;z-index:9999!important}.about-close-btn:hover,.close-button.about-close-btn:hover{background:hsla(0,0%,100%,.9)!important;box-shadow:0 6px 12px rgba(0,0,0,.4)!important;transform:scale(1.1)!important}@keyframes button-pulse{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.8)}70%{box-shadow:0 0 0 15px hsla(0,0%,100%,0)}to{box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}.about-close-btn,.close-button.about-close-btn{animation:button-pulse 2s infinite}@media (max-width:768px){.about-close-btn,.close-button.about-close-btn{font-size:1.5rem!important;height:36px!important;right:10px!important;top:15px!important;width:36px!important}}.about-header{position:relative!important}@media screen and (max-width:768px){.about-close-btn{align-items:center!important;background-color:hsla(0,0%,100%,.8)!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important;color:#1e3a5f!important;display:flex!important;font-size:1.6rem!important;font-weight:700!important;height:40px!important;justify-content:center!important;opacity:1!important;position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;visibility:visible!important;width:40px!important;z-index:999999!important}}html body .about-container .about-header .about-close-btn,html body .about-overlay .about-container .about-header .about-close-btn{align-items:center!important;background-color:hsla(0,0%,100%,.9)!important;border:3px solid #fff!important;border-radius:50%!important;box-shadow:0 4px 12px rgba(0,0,0,.4)!important;color:#1e3a5f!important;cursor:pointer!important;display:flex!important;font-size:1.8rem!important;font-weight:700!important;height:44px!important;justify-content:center!important;opacity:1!important;position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;visibility:visible!important;width:44px!important;z-index:999999!important}html body .about-container .about-content .about-content-close-btn,html body .about-overlay .about-container .about-content .about-content-close-btn{align-items:center!important;background-color:hsla(0,0%,100%,.9)!important;border:2px solid #1e3a5f!important;border-radius:50%!important;box-shadow:0 2px 6px rgba(0,0,0,.3)!important;color:#1e3a5f!important;cursor:pointer!important;display:flex!important;float:right!important;font-size:1.5rem!important;font-weight:700!important;height:36px!important;justify-content:center!important;margin-bottom:10px!important;margin-left:10px!important;opacity:1!important;position:sticky!important;right:10px!important;top:10px!important;visibility:visible!important;width:36px!important;z-index:9999!important}html body .about-container .about-content .about-content-close-btn:hover,html body .about-container .about-header .about-close-btn:hover,html body .about-overlay .about-container .about-content .about-content-close-btn:hover,html body .about-overlay .about-container .about-header .about-close-btn:hover{background-color:#fff!important;box-shadow:0 6px 12px rgba(0,0,0,.5)!important;transform:scale(1.1) translateY(-50%)!important}html body .about-container .about-content .about-content-close-btn:hover,html body .about-overlay .about-container .about-content .about-content-close-btn:hover{transform:scale(1.1)!important}#about-mobile-close-btn,#about-mobile-close-btn-backup,.about-container .about-header .about-close-btn{align-items:center!important;background-color:#fff!important;border:3px solid #1e3a5f!important;border-radius:50%!important;box-shadow:0 4px 12px rgba(0,0,0,.5)!important;color:#1e3a5f!important;cursor:pointer!important;display:flex!important;font-size:1.8rem!important;font-weight:700!important;height:44px!important;justify-content:center!important;opacity:1!important;position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;visibility:visible!important;width:44px!important;z-index:999999!important}#about-mobile-close-btn-backup:hover,#about-mobile-close-btn:hover,.about-container .about-header .about-close-btn:hover{background-color:#f2f2f2!important;transform:translateY(-50%) scale(1.05)!important}#about-mobile-close-btn-backup{position:fixed!important;right:20px!important;top:20px!important;transform:none!important;z-index:9999999!important}#about-mobile-close-btn-backup:hover{transform:scale(1.05)!important}.about-container .about-header{justify-content:space-between!important;position:relative!important}.about-header h1{max-width:calc(100% - 60px)!important}@media (max-width:768px){.about-container .about-header{padding-right:60px!important}#about-mobile-close-btn,#about-mobile-close-btn-backup,.about-container .about-header .about-close-btn{height:44px!important;right:10px!important;width:44px!important}}body.about-active .mobile-menu-bar{display:none!important}#about.active{min-height:100vh!important;padding-bottom:80px!important}#about-mobile-close-btn{align-items:center!important;background-color:#fff!important;border:3px solid #1e3a5f!important;border-radius:50%!important;box-shadow:0 4px 12px rgba(0,0,0,.4)!important;color:#1e3a5f!important;display:flex!important;font-size:1.8rem!important;height:44px!important;justify-content:center!important;position:absolute!important;right:16px!important;top:16px!important;transform:none!important;width:44px!important;z-index:999999!important}.container{box-sizing:border-box;display:flex;flex-direction:column;gap:24px;margin:70px auto 0;max-width:1200px;padding:24px}.grid-item{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:20px;padding:15px;width:100%}@media (min-width:768px){main:not(.desktop-layout) .container{display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-gap:20px!important;flex-direction:unset!important;margin:20px auto!important;max-width:1200px!important;width:calc(100% - 40px)!important}main:not(.desktop-layout) .grid-item{background-color:#fff!important;border-radius:10px!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;margin-bottom:0!important;padding:20px!important;width:auto!important}main:not(.desktop-layout){margin:0 auto!important;max-width:1200px!important;padding:20px!important}main:not(.desktop-layout) .content{box-sizing:border-box!important;max-width:1200px!important;padding:20px!important;width:100%!important}main:not(.desktop-layout) .balances-content,main:not(.desktop-layout) .budget-content,main:not(.desktop-layout) .expenses-content{box-sizing:border-box!important;padding:15px!important;width:100%!important}main:not(.desktop-layout) .header-container{align-items:center;display:flex;justify-content:space-between;padding:0 20px}.modal-content{margin:40px auto;max-width:500px;width:80%}main:not(.desktop-layout) .balances-container,main:not(.desktop-layout) .budget-container,main:not(.desktop-layout) .expenses-container{box-sizing:border-box!important;height:auto!important;margin-bottom:0!important;min-height:300px!important;width:100%!important}main:not(.desktop-layout) .container>.grid-item{display:block!important;flex:none!important;width:auto!important}.about-overlay,.modal-overlay{align-items:flex-start;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding-top:40px;position:fixed;right:0;top:0;z-index:10000}.about-page{max-height:90vh;max-width:900px;width:90%}.feature-grid{gap:24px;grid-template-columns:repeat(3,1fr)}.benefits-list{grid-template-columns:repeat(2,1fr)}.encryption-content{align-items:flex-start;flex-direction:row}footer{bottom:0;position:relative;width:100%}}@media (max-width:767px){.app-footer{display:none!important}.grid-item{box-sizing:border-box!important;margin-bottom:16px!important;max-width:100%!important;width:100%!important}.grid-item.active{display:block!important;margin-bottom:60px!important}.container,.grid-item.active{height:auto!important;min-height:0!important}.container{padding-bottom:0!important}.content{height:auto!important;min-height:0!important}}body,html{margin:0!important;max-width:100%!important;overflow-x:hidden!important;padding:0!important;position:relative!important;width:100%!important}#root,main{display:flex!important;flex-direction:column!important;max-width:100%!important;min-height:100vh!important;overflow-x:hidden!important;width:100%!important}main{position:relative!important}.content{min-height:100vh!important;padding:0!important}.container,.content{align-items:center!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;max-width:100%!important;overflow-x:hidden!important;width:100%!important}.container{margin:0!important;padding:20px!important}.grid-item{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;margin-bottom:24px!important;max-width:100%!important;overflow-x:hidden!important;width:100%!important}#home,.grid-item.active{align-items:center!important;display:flex!important;flex-direction:column!important;height:auto!important;justify-content:flex-start!important;max-width:100%!important;min-height:auto!important;overflow-x:hidden!important;width:100%!important}.Budget,.Calendar,.CurrentBalances,.HomePageRecovered,.MonthlyExpenses,.RealTimeBudgetTracking,.grid-item>*{box-sizing:border-box!important;max-width:100%!important;overflow-x:hidden!important;width:100%!important}@media (max-width:768px){.content{padding:calc(20px + env(safe-area-inset-top)) 0 0!important}.container{margin:0!important;padding:10px!important}.grid-item{margin-bottom:16px!important;padding:0!important}.grid-item.active{height:auto!important;min-height:auto!important}}@media (min-width:769px){.content{padding:20px!important}.container{margin:0 auto!important;max-width:1200px!important}}.modal-container,.overlay,.popup-container,[style*="position: absolute"],[style*="position:absolute"]{max-width:100vw!important;overflow-x:hidden!important}html{scroll-behavior:smooth!important}.flex-container,.flex-wrapper{box-sizing:border-box!important;max-width:100%!important;overflow-x:hidden!important;width:100%!important}@media (max-width:480px){.bar-chart-container,.chart-card,.chart-container,.chart-wrapper,.chartjs-container,.charts-container,.pie-chart-container,.pie-chart-wrapper{box-sizing:border-box!important;margin:0!important;max-width:100%!important;overflow:hidden!important;padding:8px!important;width:100%!important}.charts-container{display:flex!important;flex-direction:column!important;gap:12px!important;grid-template-columns:1fr!important}.chart-card{margin:0!important;min-width:0!important;padding:12px!important;width:100%!important}.chart-card h3{font-size:14px!important;margin-bottom:12px!important;text-align:center!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.pie-chart-container{height:200px!important}.pie-chart-container,.pie-chart-wrapper{max-width:100%!important;overflow:hidden!important;width:100%!important}.pie-chart-wrapper{height:100%!important}.pie-chart-legend{margin-top:8px!important;max-height:100px!important;overflow-y:auto!important;padding:4px!important}.pie-chart-legend>div{font-size:11px!important;margin-bottom:3px!important;padding:2px 0!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.bar-chart-container{height:200px!important;overflow-x:auto!important;padding:8px 0!important;-webkit-overflow-scrolling:touch!important;gap:2px!important;justify-content:flex-start!important}.bar-chart-container>div{flex-shrink:0!important;margin:0 1px!important;min-width:25px!important}.bar-chart-container>div>div:first-child{max-width:20px!important;min-height:10px!important}.bar-chart-container>div>div:first-child>div{font-size:7px!important;margin-bottom:1px!important;text-orientation:mixed!important;transform:none!important;writing-mode:vertical-rl!important}.bar-chart-container>div>div:last-child{align-items:center!important;display:flex!important;font-size:8px!important;height:30px!important;justify-content:center!important;text-orientation:mixed!important;writing-mode:vertical-rl!important}.chartjs-container{overflow:hidden!important;padding:4px!important}.chartjs-container,.chartjs-container canvas{max-width:100%!important;width:100%!important}.chartjs-container canvas{height:auto!important}.chart-legend,.chart-legend-modern,.chartjs-legend{flex-direction:column!important;gap:4px!important;margin-top:8px!important;max-width:100%!important;overflow-x:hidden!important;padding:6px!important}.legend-item,.legend-item-modern{font-size:10px!important;justify-content:center!important;padding:3px 6px!important;word-wrap:break-word!important;overflow-wrap:break-word!important;text-align:center!important}.category-trends-table{border-radius:6px!important;font-size:9px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;max-width:100%!important}.category-trends-table table{border-collapse:collapse!important;table-layout:fixed!important;width:100%!important}.category-trends-table td,.category-trends-table th{font-size:8px!important;line-height:1.2!important;padding:4px 2px!important;word-wrap:break-word!important;hyphens:auto!important;overflow-wrap:break-word!important;vertical-align:top!important}.category-trends-table td:first-child,.category-trends-table th:first-child{font-size:9px!important;hyphens:auto!important;line-height:1.3!important;max-width:120px!important;min-width:80px!important;padding:4px 3px!important;text-align:left!important;white-space:normal!important;width:35%!important;word-break:break-word!important}.category-trends-table td:first-child>div{align-items:flex-start!important;display:flex!important;flex-wrap:wrap!important;gap:4px!important}.category-trends-table td:first-child>div>div:first-child{border-radius:1px!important;flex-shrink:0!important;height:8px!important;margin-right:4px!important;margin-top:2px!important;width:8px!important}.category-trends-table td:first-child>div>div:last-child,.category-trends-table td:first-child>div>span{flex:1!important;font-size:9px!important;hyphens:auto!important;line-height:1.3!important;min-width:0!important;white-space:normal!important;word-break:break-word!important}.category-trends-table td:not(:first-child),.category-trends-table th:not(:first-child){font-size:8px!important;min-width:35px!important;padding:4px 1px!important;text-align:center!important;white-space:nowrap!important;width:13%!important}.category-trends-table th{background:#f8fafc!important;font-size:9px!important;font-weight:600!important}.balance-trends{margin:0 0 8px!important;max-width:100%!important;overflow:hidden!important;padding:6px!important;width:100%!important}.balance-trends h1{font-size:16px!important;margin-bottom:6px!important;text-align:center!important}.chart-svg{height:200px!important;max-width:100%!important;overflow:visible!important;width:100%!important}.chart-container{margin:0 0 8px!important;padding:6px!important}.chart-container,.chart-wrapper{max-width:100%!important;overflow:hidden!important;width:100%!important}.chart-wrapper{padding:4px!important}.balance-chart,.income-expense-chart{max-width:100%!important;overflow:hidden!important;width:100%!important}.axis-text{font-size:8px!important}.chart-modal-content{margin:10px!important;max-width:95vw!important;padding:12px!important;width:95%!important}.chart-modal-body{max-height:80vh!important;padding:8px!important}.monthly-category-breakdown{max-width:100%!important;overflow:hidden!important;padding:8px!important;width:100%!important}.monthly-category-breakdown h3{font-size:14px!important;margin-bottom:8px!important;text-align:center!important}.charts-view{margin-top:8px!important;overflow:hidden!important;width:100%!important}*,.charts-view{max-width:100%!important}*{box-sizing:border-box!important}.bar-chart-container>div>div:first-child{min-width:30px!important;touch-action:manipulation!important}.legend-item span,.legend-item-modern span,.pie-chart-legend span{hyphens:auto!important;word-break:break-word!important}#root,.container,.content,.grid-item,body,html{max-width:100%!important;overflow-x:hidden!important;width:100%!important}}@media (min-width:481px) and (max-width:1024px){.category-trends-table{border-radius:8px!important;font-size:11px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;max-width:100%!important}.category-trends-table table{border-collapse:collapse!important;table-layout:fixed!important;width:100%!important}.category-trends-table td,.category-trends-table th{font-size:10px!important;line-height:1.3!important;padding:8px 4px!important;word-wrap:break-word!important;hyphens:auto!important;overflow-wrap:break-word!important;vertical-align:top!important}.category-trends-table td:first-child,.category-trends-table th:first-child{font-size:11px!important;hyphens:auto!important;line-height:1.4!important;max-width:180px!important;min-width:120px!important;padding:8px 6px!important;text-align:left!important;white-space:normal!important;width:30%!important;word-break:break-word!important}.category-trends-table td:first-child>div{align-items:flex-start!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important}.category-trends-table td:first-child>div>div:first-child{border-radius:2px!important;flex-shrink:0!important;height:10px!important;margin-right:6px!important;margin-top:2px!important;width:10px!important}.category-trends-table td:first-child>div>div:last-child,.category-trends-table td:first-child>div>span{flex:1!important;font-size:11px!important;hyphens:auto!important;line-height:1.4!important;min-width:0!important;white-space:normal!important;word-break:break-word!important}.category-trends-table td:not(:first-child),.category-trends-table th:not(:first-child){font-size:10px!important;min-width:50px!important;padding:8px 2px!important;text-align:center!important;white-space:nowrap!important;width:14%!important}.category-trends-table th{background:#f8fafc!important;font-size:11px!important;font-weight:600!important}.chart-card{padding:16px!important}.chart-card,.chart-card h3{margin-bottom:16px!important}.chart-card h3{font-size:16px!important;text-align:center!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.bar-chart-container,.pie-chart-container{height:280px!important}.bar-chart-container{padding:16px 0!important}.bar-chart-container>div{margin:0 4px!important;min-width:40px!important}.bar-chart-container>div>div:first-child{max-width:30px!important;min-height:20px!important}.pie-chart-legend{margin-top:16px!important;max-height:150px!important;overflow-y:auto!important}.pie-chart-legend>div{font-size:12px!important;margin-bottom:6px!important;padding:4px 0!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.pie-chart-legend span{font-size:12px!important;hyphens:auto!important;line-height:1.3!important;word-break:break-word!important}.monthly-category-breakdown{padding:16px!important}.monthly-category-breakdown h3{font-size:16px!important;margin-bottom:16px!important;text-align:center!important}.charts-container{gap:20px!important}.charts-view{margin-top:16px!important}}@media (max-width:360px){.category-trends-table{font-size:8px!important}.category-trends-table td:first-child,.category-trends-table th:first-child{font-size:8px!important;line-height:1.2!important;max-width:100px!important;min-width:70px!important;padding:3px 2px!important;width:40%!important}.category-trends-table td:not(:first-child),.category-trends-table th:not(:first-child){font-size:7px!important;min-width:30px!important;padding:3px 1px!important;width:12%!important}.category-trends-table th{font-size:8px!important}.category-trends-table td:first-child>div>div:first-child{height:6px!important;margin-right:3px!important;width:6px!important}.chart-card{padding:8px!important}.chart-card h3{font-size:13px!important;margin-bottom:8px!important}.bar-chart-container,.pie-chart-container{height:180px!important}.category-trends-table td:first-child>div>div:last-child,.category-trends-table td:first-child>div>span{font-size:8px!important;hyphens:auto!important;line-height:1.2!important;word-break:break-all!important}}@media (max-width:999px){.container,.content{margin-top:15px!important;padding-top:10px!important}.grid-item.active,main{margin-top:5px!important;padding-top:10px!important}#root{margin-top:10px!important;padding-top:10px!important}}@media (max-width:999px){body:has(.mobile-menu-blurred-header.visible) .container,body:has(.mobile-menu-blurred-header.visible) .content,body:has(.mobile-menu-blurred-header.visible) .grid-item.active,body:has(.mobile-menu-blurred-header.visible) main{margin-top:10px!important;padding-top:10px!important}}@media (max-width:999px){.mobile-menu-toggle-btn{left:20px!important;position:fixed!important;top:20px!important;z-index:10001!important}body{margin-top:0!important;padding-top:0!important}html{scroll-padding-top:10px!important}}.realtime-budget-tracking{margin:0 auto;max-width:1200px;padding:20px}.realtime-header{align-items:center;background:linear-gradient(135deg,#1e3a5f,#2c5282);border-radius:12px;box-shadow:0 4px 20px rgba(30,58,95,.2);color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.realtime-header h2{font-size:24px;font-weight:600;margin:0}.realtime-timestamp{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.current-time{font-family:Courier New,monospace;font-size:18px;font-weight:600}.current-date{font-size:14px;opacity:.8}.realtime-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.realtime-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:20px;transition:transform .2s ease,box-shadow .2s ease}.realtime-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.15);transform:translateY(-2px)}.card-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.card-icon{font-size:20px}.card-title{color:#1e3a5f;font-size:16px;font-weight:600}.card-value{color:#1e3a5f;font-size:28px;font-weight:700;margin-bottom:8px}.card-subtitle{color:#f5e9e9;font-size:14px;margin-bottom:15px}.card-details{display:flex;flex-direction:column;gap:6px}.detail-item{color:#f5e9e9;display:flex;font-size:14px;justify-content:space-between}.detail-item span{font-weight:500}.balance-card{border-left:4px solid #4caf50}.free-to-use-card{border-left:4px solid #2196f3}.remaining-expenses-card{border-left:4px solid #ff9800;grid-column:1/-1}.remaining-expenses-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.remaining-expense-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:12px;padding:8px 12px}.expense-status{align-items:center;display:flex;justify-content:center;min-width:20px}.status-symbol{cursor:help}.expense-details{display:flex;flex:1;flex-direction:column;gap:2px}.expense-name{color:#1e3a5f;font-size:14px;font-weight:600}.expense-info{color:#6b7280;font-size:12px}.recurring-info{color:#8b5cf6;font-weight:500}.payment-date{color:#059669;font-weight:500}.expense-amount{color:#1e3a5f;font-size:14px;font-weight:600;min-width:80px;text-align:right}.expenses-card{border-left:4px solid #ff9800}.rate-card{border-left:4px solid #9c27b0}.alert-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:14px;font-weight:600;margin:10px 0;padding:8px 12px}.free-to-use-card.warning{background:linear-gradient(135deg,#fff3cd,#fff);border-left:4px solid #ffc107}.free-to-use-card.critical{background:linear-gradient(135deg,#f8d7da,#fff);border-left:4px solid #dc3545}.free-to-use-card.moderate{background:linear-gradient(135deg,#d1ecf1,#fff);border-left:4px solid #17a2b8}.update-item.alert{background:#fff3cd;border-left:3px solid #ffc107}.spending-progress{margin:15px 0}.spending-progress .progress-bar-container{background-color:#e0e0e0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.spending-progress .progress-bar{border-radius:4px;height:100%;transition:width .6s ease-out}.spending-progress .progress-bar.normal{background:linear-gradient(90deg,#4caf50,#66bb6a)}.spending-progress .progress-bar.moderate{background:linear-gradient(90deg,#17a2b8,#20c997)}.spending-progress .progress-bar.warning{background:linear-gradient(90deg,#ffc107,#ffca2c)}.spending-progress .progress-bar.critical{background:linear-gradient(90deg,#dc3545,#e74c3c)}.progress-text{color:#666;font-size:12px;font-weight:500;text-align:center}.realtime-updates{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);margin-bottom:20px;padding:20px}.realtime-updates h3{color:#1e3a5f;font-size:18px;font-weight:600;margin:0 0 15px}.updates-list{display:flex;flex-direction:column;gap:10px}.update-item{align-items:center;background:#f8f9fa;border-left:3px solid #1e3a5f;border-radius:8px;display:flex;gap:15px;padding:10px}.update-time{color:#666;font-family:Courier New,monospace;font-size:12px;font-weight:600;min-width:80px}.update-text{color:#333;font-size:14px}.status-indicators{display:flex;flex-wrap:wrap;gap:20px}.status-item{align-items:flex-start;background:#2e1c42;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;gap:8px;padding:10px 15px}.status-dot{background:#ccc;border-radius:50%;height:8px;width:8px}.status-item.online .status-dot{animation:pulse 2s infinite;background:#4caf50}.status-text{color:#333;font-size:14px;font-weight:500}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width:768px){.realtime-budget-tracking{padding:15px}.realtime-header{flex-direction:column;gap:15px;text-align:center}.realtime-grid{gap:15px;grid-template-columns:1fr}.realtime-card{padding:15px}.card-value{font-size:24px}.status-indicators{flex-direction:column;gap:10px}}@media (max-width:480px){.realtime-header h2{font-size:20px}.current-time{font-size:16px}.card-value{font-size:20px}}.savings-goals-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);margin:0 auto;max-width:1200px;padding:16px}.savings-goals-header{border-bottom:2px solid #f0f0f0;flex-direction:column;margin-bottom:20px;padding-bottom:16px;text-align:center}.savings-goals-header h2{color:#1e3a5f;font-size:24px;font-weight:700;margin-bottom:6px}.savings-goals-header p{color:#666;font-size:14px;margin:0}.savings-content{gap:20px}.savings-goal-calculator{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:10px;padding:16px}.calculator-header{margin-bottom:12px}.calculator-header h3{color:#1e3a5f;font-size:18px;font-weight:600;margin-bottom:4px}.calculator-header p{color:#666;font-size:12px;margin:0}.calculator-form{display:flex;flex-direction:column;gap:12px}.calculator-inputs{display:flex;flex-direction:column;gap:10px}.input-group{position:relative}.input-group label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:4px}.savings-goal-input{background:#fff;border:2px solid #e5e7eb;border-radius:6px;font-size:13px;padding:8px 12px;transition:all .2s ease;width:100%}.savings-goal-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.currency-symbol{color:#6b7280;font-size:12px;font-weight:500;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.calculate-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:4px;padding:8px 16px;transition:all .2s ease}.calculate-btn:hover{box-shadow:0 4px 12px rgba(59,130,246,.3);transform:translateY(-1px)}.calculate-btn:active{transform:translateY(0)}.calculation-results{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:12px}.calculation-results h4{color:#1e3a5f;font-size:16px;font-weight:600;margin-bottom:10px;text-align:center}.result-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.result-item:last-child{border-bottom:none}.result-item span:first-child{color:#374151;font-weight:500}.result-item span:last-child{color:#1e3a5f;font-weight:600}.result-item.achievable{background:rgba(34,197,94,.1);border-radius:4px;margin:2px 0;padding:6px 8px}.result-item.not-achievable{background:rgba(239,68,68,.1);border-radius:4px;margin:2px 0;padding:6px 8px}.result-item.shortfall{background:rgba(245,158,11,.1);border-radius:4px;margin:2px 0;padding:6px 8px}.savings-goals-progress{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:10px;padding:16px}.savings-goals-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.savings-goals-header h3{color:#1e3a5f;font-size:18px;font-weight:600;margin:0}.add-goal-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.add-goal-btn:hover{box-shadow:0 4px 12px rgba(16,185,129,.3);transform:translateY(-1px)}.no-goals-message{color:#6b7280;padding:24px 16px;text-align:center}.no-goals-message p{font-size:14px;margin:6px 0}.savings-goals-list{display:flex;flex-direction:column;gap:12px}.savings-goal-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:12px;transition:all .2s ease}.savings-goal-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-2px)}.goal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.goal-header h4{color:#1e3a5f;flex:1;font-size:16px;font-weight:600;margin:0}.goal-percentage{align-items:center;display:flex;gap:6px;margin-right:8px}.percentage-label{color:#6b7280;font-size:11px}.percentage-value{background:#3b82f6;border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:3px 6px}.delete-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;transition:all .2s ease;width:20px}.delete-btn:hover{background:#dc2626;transform:scale(1.1)}.goal-progress{margin-bottom:8px}.progress-bar{background:#e5e7eb;border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;height:100%;transition:width .3s ease}.progress-text{color:#374151;font-size:12px;font-weight:500}.goal-date{color:#6b7280;font-size:11px}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.2);max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #20242e;display:flex;justify-content:center;padding:16px 20px}.modal-header h3{color:#1e3a5f;font-size:18px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.close-btn:hover{background:#f3f4f6;color:#374151}.modal-body{padding:20px}.form-group{margin-bottom:16px}.form-group label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-group input{border:2px solid #e5e7eb;border-radius:6px;font-size:13px;padding:10px 14px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.form-group small{color:#6b7280;display:block;font-size:11px;margin-top:3px}.first-goal-notice{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:6px;margin-top:12px;padding:10px}.first-goal-notice p{color:#1d4ed8;font-size:12px;margin:0;text-align:center}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.cancel-btn:hover{background:#e5e7eb}.save-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.save-btn:hover{box-shadow:0 4px 12px rgba(16,185,129,.3);transform:translateY(-1px)}@media (max-width:768px){.savings-content{gap:16px;grid-template-columns:1fr}.savings-goals-container{margin:8px;padding:12px}.savings-goals-header{align-items:stretch;flex-direction:column;gap:10px}.add-goal-btn{width:100%}.modal-content{margin:16px;width:95%}.modal-footer{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.automatic-distribution-notice{align-items:center;background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border:1px solid #4caf50;border-radius:6px;display:flex;gap:6px;margin-bottom:12px;padding:8px 12px}.automatic-distribution-notice p{color:#2e7d32;font-size:12px;font-weight:500;line-height:1.3;margin:0}.automatic-distribution-notice:before{content:"💡";flex-shrink:0;font-size:14px}.calendar{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.calendar-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-wrap:wrap;justify-content:space-between;padding:20px 24px}.calendar-header,.calendar-navigation{gap:16px}.calendar-header,.calendar-navigation,.nav-button{align-items:center;display:flex;justify-content:center}.nav-button{background:hsla(0,0%,100%,.2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;height:40px;transition:all .2s ease;width:40px}.nav-button:hover{background:hsla(0,0%,100%,.3);transform:scale(1.05)}.calendar-title{color:#fff;font-size:24px;font-weight:600;margin:0;min-width:200px;text-align:center}.calendar-view-buttons{align-items:center;display:flex;gap:8px}.view-button{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.view-button:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3)}.view-button.active{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);box-shadow:0 2px 4px rgba(0,0,0,.1);font-weight:600}.calendar-actions{align-items:center;display:flex;gap:8px}.today-button{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.today-button:hover{background:hsla(0,0%,100%,.3);transform:scale(1.05)}.add-expense-button,.add-income-button{background:#4caf50;border:2px solid #fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-left:8px;padding:8px 16px;transition:all .2s ease}.add-expense-button:hover,.add-income-button:hover{box-shadow:0 4px 8px rgba(0,0,0,.3);transform:scale(1.05)}.add-expense-button{background:#2196f3}.calendar-summary{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:24px;padding:16px 24px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.summary-value{color:#1e293b;font-size:14px;font-weight:600}.summary-value.positive{color:#059669}.summary-value.negative{color:#dc2626}.calendar-grid{background:#e2e8f0;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.calendar-day-header{background:#f1f5f9;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 8px;text-align:center;text-transform:uppercase}.calendar-day{background:#fff;border:1px solid transparent;cursor:pointer;min-height:100px;padding:8px;position:relative;transition:all .2s ease}.calendar-day:hover{background:#f8fafc;border-color:#cbd5e1}.calendar-day.empty{background:#f8fafc;cursor:default}.calendar-day.today{background:#eff6ff;border-color:#3b82f6}.calendar-day.today .day-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-weight:600;height:24px;justify-content:center;width:24px}.day-number{color:#374151;font-size:14px;font-weight:500;margin-bottom:4px}.day-expenses,.day-income{border-radius:4px;font-size:10px;line-height:1.2;margin-top:4px;padding:4px 6px}.day-expenses{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.day-income{background:#f0fdf4;border:1px solid #bbf7d0;color:#059669}.expense-count,.income-count{font-weight:600;margin-bottom:2px}.expense-total,.income-total{font-weight:500}.calendar-tooltip{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);font-size:12px;left:50%;max-width:320px;min-width:280px;padding:16px;position:absolute;top:100%;transform:translateX(-50%);z-index:1000}.calendar-tooltip.tooltip-above{bottom:100%;top:auto}.calendar-tooltip.tooltip-left{left:auto;right:0;transform:translateX(0)}.calendar-tooltip.tooltip-right{left:0;transform:translateX(0)}@media (min-width:769px){.calendar-tooltip.tooltip-left{left:auto;right:10px;transform:translateX(0)}.calendar-tooltip.tooltip-right{left:10px;transform:translateX(0)}.calendar-tooltip.tooltip-above{bottom:100%;margin-bottom:8px;top:auto}.calendar-tooltip{max-width:320px;min-width:280px}}@media (max-width:768px){.calendar-tooltip.tooltip-left{max-width:calc(100vw - 20px);right:5px}.calendar-tooltip.tooltip-right{left:5px;max-width:calc(100vw - 20px)}.calendar-tooltip{max-width:calc(100vw - 20px)}}@media (max-width:480px){.calendar-tooltip{left:50%!important;max-height:calc(100vh - 40px)!important;max-width:calc(100vw - 20px)!important;overflow-y:auto;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:10000}.calendar-tooltip:before{display:none}}@media (max-width:768px){.calendar-tooltip{max-height:calc(100vh - 40px)!important;overflow-y:auto}.calendar-tooltip.tooltip-above{bottom:auto!important;top:100%!important}}.calendar-tooltip:before{border-bottom:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;content:"";height:0;left:50%;position:absolute;top:-6px;transform:translateX(-50%);width:0}.calendar-tooltip.tooltip-above:before{border-bottom:none;border-top:6px solid #fff;bottom:-6px;top:auto}.calendar-tooltip.tooltip-left:before{left:auto;right:10px;transform:translateX(0)}.calendar-tooltip.tooltip-right:before{left:10px;transform:translateX(0)}.tooltip-header{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:14px;padding-bottom:8px}.tooltip-header,.tooltip-section{margin-bottom:12px}.tooltip-section:last-child{margin-bottom:0}.tooltip-section-title{color:#374151;font-size:13px;font-weight:600;margin-bottom:8px}.tooltip-items{max-height:120px;overflow-y:auto}.tooltip-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:6px 0}.tooltip-item:last-child{border-bottom:none}.tooltip-item.expense{color:#dc2626}.tooltip-item.income{color:#059669}.item-details{display:flex;flex:1;flex-direction:column;gap:2px}.item-name{color:#1e293b;font-weight:500}.item-category{color:#64748b;font-size:10px;font-style:italic}.item-amount{font-size:13px;font-weight:600}.tooltip-total{border-top:1px solid #e2e8f0;font-size:13px;margin-top:8px;padding-top:8px;text-align:right}.no-data-message{color:#64748b;font-style:italic;padding:40px 20px;text-align:center}@media (max-width:768px){.calendar-header{flex-direction:column;gap:12px;padding:16px 20px}.calendar-navigation{justify-content:space-between;width:100%}.calendar-title{font-size:20px;min-width:auto}.calendar-view-buttons{gap:4px;justify-content:center;width:100%}.view-button{font-size:11px;padding:4px 8px}.calendar-actions{justify-content:center;width:100%}.add-expense-button,.add-income-button{font-size:12px;margin-left:6px;padding:6px 12px}.calendar-summary{gap:16px;padding:12px 20px}.calendar-day{min-height:80px;padding:6px}.day-number{font-size:12px}.day-expenses,.day-income{font-size:9px;padding:2px 4px}.calendar-tooltip{font-size:11px;max-width:240px;min-width:200px;padding:10px}}@media (max-width:480px){.calendar-header{gap:8px;padding:12px 16px}.calendar-view-buttons{gap:2px}.view-button{font-size:10px;padding:3px 6px}.add-expense-button,.add-income-button{font-size:11px;margin-left:4px;padding:4px 8px}.calendar-grid{gap:0}.calendar-day{min-height:60px;padding:4px}.day-number{font-size:11px}.day-expenses,.day-income{font-size:8px;padding:1px 2px}.calendar-tooltip{font-size:10px;max-width:200px;min-width:160px;padding:8px}}.budget-period-history{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:20px 0;padding:24px}.history-header{margin-bottom:24px;text-align:center}.history-header h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 8px}.history-subtitle{color:#7f8c8d;font-size:.9rem;margin:0}.periods-container{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.period-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;position:relative;transition:all .3s ease}.period-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.period-card.current-period{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.period-header{border-bottom:1px solid #e9ecef;justify-content:space-around;margin-bottom:16px;padding-bottom:12px}.current-period .period-header{border-bottom-color:hsla(0,0%,100%,.3)}.period-title{align-items:center;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;margin:0 0 4px}.current-badge{background:hsla(0,0%,100%,.2);border-radius:12px;color:#fff;font-size:.7rem;font-weight:500;margin-left:10px;padding:2px 8px}.period-dates{color:#6c757d;font-size:.85rem}.current-period .period-dates{color:hsla(0,0%,100%,.8)}.period-data{display:flex;flex-direction:column;gap:12px}.data-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.data-label{color:#495057;font-weight:500}.current-period .data-label{color:hsla(0,0%,100%,.9)}.data-value{font-size:1rem;font-weight:600}.data-value.income{color:#27ae60}.data-value.expenses{color:#e74c3c}.current-period .data-value.income{color:#a8e6cf}.current-period .data-value.expenses{color:#ffb3ba}.net-result{border-top:1px solid #e9ecef;font-weight:600;margin-top:8px;padding-top:12px}.current-period .net-result{border-top-color:hsla(0,0%,100%,.3)}.net-result-value{font-size:1.1rem;font-weight:700}.categories-summary{border-top:1px solid #e9ecef;margin-top:16px;padding-top:16px}.current-period .categories-summary{border-top-color:hsla(0,0%,100%,.3)}.categories-header{color:#495057;font-weight:500;margin-bottom:8px}.current-period .categories-header{color:hsla(0,0%,100%,.9)}.categories-list{display:flex;flex-direction:column;gap:6px}.category-item{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.category-name{color:#6c757d}.current-period .category-name{color:rgba(43,39,39,.8)}.category-amount{color:#495057;font-weight:500}.current-period .category-amount{color:hsla(0,3%,6%,.9)}.error-container,.loading-container,.no-data-container{color:#6c757d;padding:40px 20px;text-align:center}.error-message{color:#e74c3c;font-weight:500}@media (max-width:768px){.budget-period-history{margin:16px 0;padding:16px}.periods-container{gap:16px;grid-template-columns:1fr}.period-card{padding:16px}.history-header h3{font-size:1.3rem}}@media (max-width:480px){.period-card{padding:12px}.data-row{align-items:flex-start;flex-direction:column;gap:4px}.data-value{font-size:.9rem}}.mobile-menu-toggle-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;display:none;left:20px;padding:12px;position:fixed;top:20px;transition:all .3s ease;z-index:10001}.mobile-menu-toggle-btn:hover{box-shadow:0 6px 16px rgba(0,0,0,.2);transform:translateY(-2px)}.hamburger-line{background:#fff;border-radius:1px;display:block;height:2px;margin:4px 0;transition:all .3s ease;width:20px}.mobile-menu-blurred-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-bottom:1px solid rgba(0,0,0,.1);display:flex;height:74px;left:0;opacity:0;padding-left:88px;position:fixed;top:0;transform:translateY(-100%);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:100vw;will-change:transform,opacity,visibility;z-index:10000}.mobile-menu-blurred-header.scroll-visible,.mobile-menu-blurred-header.visible{opacity:1;transform:translateY(0);visibility:visible}.mobile-menu-blurred-header.scroll-hidden{opacity:0;transform:translateY(-100%);visibility:hidden}.mobile-menu-blurred-header.visible.scroll-visible{opacity:1;transform:translateY(0);visibility:visible}.mobile-menu-blurred-header.visible.scroll-hidden{opacity:0;transform:translateY(-100%);visibility:hidden}.mobile-menu-blurred-header{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.mobile-menu-blurred-header.visible~.container,.mobile-menu-blurred-header.visible~.content,.mobile-menu-blurred-header.visible~main{margin-top:20px!important;padding-top:10px!important}@media (max-width:999px){body:has(.mobile-menu-blurred-header.visible) .container,body:has(.mobile-menu-blurred-header.visible) .content,body:has(.mobile-menu-blurred-header.visible) main{margin-top:20px!important;padding-top:10px!important}body:has(.mobile-menu-blurred-header.visible) .grid-item.active{margin-top:20px!important;padding-top:10px!important}}.mobile-menu-blurred-header-text{color:#2f49b2;font-size:20px;font-weight:800;letter-spacing:.7px;-webkit-text-stroke:.5px rgba(0,0,0,.8);text-stroke:.5px rgba(0,0,0,.8)}.mobile-side-menu{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:4px 0 20px rgba(0,0,0,.3);color:#fff;display:flex;flex-direction:column;height:100vh;left:-280px;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:10002}.mobile-side-menu.open{left:0}.mobile-side-menu.collapsed{width:80px}.mobile-side-menu.collapsed .footer-action-btn span:not(.action-icon),.mobile-side-menu.collapsed .nav-label,.mobile-side-menu.collapsed .quick-overview,.mobile-side-menu.collapsed .user-info{display:none!important}.mobile-side-menu.collapsed .user-profile-section{justify-content:center}.mobile-side-menu.collapsed .header-actions{flex-direction:column;gap:4px}.mobile-side-menu.collapsed .nav-button{justify-content:center;padding:12px 8px}.mobile-side-menu.collapsed .footer-actions{flex-direction:column;gap:4px}.mobile-side-menu.collapsed .footer-action-btn{justify-content:center;padding:8px 4px}.mobile-side-menu.expanded{width:280px}.mobile-side-menu-overlay{backdrop-filter:blur(2px);background:rgba(0,0,0,.5);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10001}.mobile-side-menu-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;padding:20px 16px;position:relative}.user-profile-section{align-items:center;display:flex;flex:1;gap:12px}.user-avatar{align-items:center;backdrop-filter:blur(10px);background:#fff;border:1px solid hsla(0,0%,100%,.1);border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;padding:4px;position:relative;width:48px}.user-avatar img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.user-avatar .avatar-fallback{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.notification-bell{align-items:center;animation:pulse-notification 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px hsla(0,100%,71%,.4);color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;min-width:20px;position:absolute;right:-8px;top:-8px;z-index:10}.notification-icon{font-size:12px;margin-right:2px}.notification-count{font-size:10px;font-weight:700;min-width:12px;text-align:center}@keyframes pulse-notification{0%{box-shadow:0 2px 8px hsla(0,100%,71%,.4);transform:scale(1)}50%{box-shadow:0 4px 16px hsla(0,100%,71%,.6);transform:scale(1.1)}to{box-shadow:0 2px 8px hsla(0,100%,71%,.4);transform:scale(1)}}.user-info{flex:1;min-width:0}.user-greeting{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-settings-btn{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px;transition:all .2s ease}.profile-settings-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.header-actions{gap:8px}.expand-btn,.header-actions{align-items:center;display:flex}.expand-btn{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.expand-btn:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.close-btn{align-items:center;backdrop-filter:blur(10px);background:rgba(32,28,28,.1);border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease;width:28px}.close-btn:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.quick-overview{display:flex;flex-direction:column;gap:12px;padding:16px}.overview-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:16px;transition:all .2s ease}.overview-card:hover{background:hsla(0,0%,100%,.15);transform:translateY(-2px)}.card-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.card-icon{font-size:30px}.card-title{color:#fff;font-size:14px;font-weight:600}.card-value{color:#fff;font-size:20px;font-weight:700;margin-bottom:4px}.card-subtitle{color:hsla(0,0%,100%,.8);font-size:12px;margin-bottom:8px}.card-details{display:flex;flex-direction:column;gap:4px}.detail-item{color:hsla(0,0%,100%,.9);display:flex;font-size:11px;justify-content:space-between}.mobile-side-menu-nav{flex:1;padding:16px}.nav-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-button{align-items:center;background:transparent;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.nav-button:hover{background:hsla(0,0%,100%,.1);transform:translateX(4px)}.nav-button.active{background:hsla(0,0%,100%,.2);box-shadow:0 2px 8px hsla(0,0%,100%,.1)}.nav-icon{font-size:20px;text-align:center;width:24px}.nav-label{font-size:14px;font-weight:500}.mobile-side-menu-footer{border-top:1px solid hsla(0,0%,100%,.2);padding:16px}.footer-action-btn,.footer-actions{display:flex;gap:8px}.footer-action-btn{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;cursor:pointer;flex:1;font-size:12px;justify-content:center;padding:8px 12px;transition:all .2s ease}.footer-action-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.action-icon{font-size:16px}.spending-limits-card .card-details,.spending-limits-setup-card .card-details{display:flex;flex-direction:column;gap:8px}.limits-indicators{flex-wrap:wrap;gap:4px;margin-bottom:8px}.limit-indicator{background:hsla(0,0%,100%,.1);border-radius:12px;font-size:10px;padding:2px 6px}.limit-indicator.over{background:rgba(239,68,68,.2);color:#fecaca}.limit-indicator.warning{background:rgba(245,158,11,.2);color:#fed7aa}.limit-indicator.good{background:rgba(34,197,94,.2);color:#bbf7d0}.limits-list{display:flex;flex-direction:column;gap:4px}.limit-row{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;font-size:11px;justify-content:space-between;padding:4px 0}.limit-row:last-child{border-bottom:none}.limit-category{color:hsla(0,0%,100%,.9);flex:1}.limit-progress{color:hsla(0,0%,100%,.8);margin:0 8px}.limit-percentage{font-weight:600;min-width:30px;text-align:right}.limit-row.over .limit-percentage{color:#fecaca}.limit-row.warning .limit-percentage{color:#fed7aa}.limit-row.good .limit-percentage{color:#bbf7d0}.setup-message{text-align:center}.setup-message p{color:hsla(0,0%,100%,.8);font-size:12px;margin-bottom:12px}.setup-limits-btn{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;color:#fff;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s ease}.setup-limits-btn:hover{background:hsla(0,0%,100%,.3);transform:translateY(-1px)}.mobile-menu-toggle-btn.scroll-visible{opacity:1;transform:translateY(0);visibility:visible}.mobile-menu-toggle-btn.scroll-hidden{opacity:0;transform:translateY(-10px);visibility:hidden}@media (max-width:999px){.mobile-menu-toggle-btn{display:block;transition:all .3s cubic-bezier(.4,0,.2,1)}}@media (min-width:1000px){.mobile-menu-blurred-header,.mobile-menu-toggle-btn,.mobile-side-menu{display:none!important}}.mobile-side-menu::-webkit-scrollbar{width:4px}.mobile-side-menu::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.mobile-side-menu::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:2px}.mobile-side-menu::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.notification-bell-large{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 16px hsla(0,100%,71%,.25);display:flex;font-size:0;height:48px;justify-content:center;position:relative;width:48px}.notification-icon-large{color:#fff;filter:drop-shadow(0 2px 6px rgba(255,107,107,.3));font-size:2rem;margin-right:4px}.notification-count-large{background:#fff;border:1px solid #ee5a24;border-radius:8px;bottom:4px;box-shadow:0 1px 4px hsla(0,100%,71%,.15);color:#ee5a24;font-size:.85rem;font-weight:700;padding:1px 6px;position:absolute;right:8px}.mobile-menu-bar{background:#fff;bottom:0;box-shadow:0 -2px 10px rgba(0,0,0,.1);display:none;left:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom, 0));position:fixed;right:0;transition:all .3s ease;z-index:1000}.mobile-menu-bar-container{display:flex;flex-direction:column;position:relative;width:100%}.main-menu-row{align-items:center;display:flex;gap:8px;width:100%}.primary-menu-items{align-items:center;display:flex;flex:1;justify-content:space-around}.secondary-menu-items{border-top:1px solid #e0e0e0;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-top:8px;max-height:0;opacity:0;overflow:hidden;padding:8px 0 0;transition:all .3s ease}.secondary-menu-items.visible{max-height:200px;opacity:1;padding:12px 0 4px}.mobile-menu-item{align-items:center;background:transparent;border:none;border-radius:8px;color:#1e3a5f;cursor:pointer;display:flex;flex:1;flex-direction:column;font-size:11px;font-weight:600;justify-content:center;min-width:50px;padding:8px 4px;text-align:center;transition:all .2s ease}.mobile-menu-toggle{background:rgba(30,58,95,.05);border:1px solid rgba(30,58,95,.1);border-radius:8px;flex:0 0 auto;max-width:60px;min-width:60px}.mobile-menu-toggle.active{background:rgba(163,222,210,.2);border-color:rgba(163,222,210,.3);color:#1e3a5f}.menu-icon{align-items:center;display:flex;font-size:18px;height:20px;justify-content:center;margin-bottom:2px}.menu-icon-image{height:20px;object-fit:contain;width:20px}.menu-icon-emoji{font-size:16px;line-height:1}.menu-text{font-size:10px;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-item:active,.mobile-menu-item:hover{background:rgba(163,222,210,.1);color:#a3ded2}.mobile-menu-item.active{background:rgba(163,222,210,.15);color:#a3ded2;position:relative}.mobile-menu-item.active .menu-icon-image{filter:brightness(.9) sepia(.2) hue-rotate(140deg)}.mobile-menu-item.active:after{background:#a3ded2;border-radius:1px;bottom:-2px;content:"";height:2px;left:25%;position:absolute;width:50%}.mobile-menu-bar-container.expanded{background:rgba(248,249,250,.95);border-radius:12px 12px 0 0;margin:-8px;padding:12px}@media (max-width:999px){.mobile-menu-bar{display:block}.content{display:flex;flex-direction:column;min-height:auto;padding-top:0!important}.mobile-menu-bar-container.expanded~.content,body:has(.mobile-menu-bar-container.expanded) .content{padding-bottom:calc(140px + env(safe-area-inset-bottom, 0))!important}}@media (min-width:1000px){.mobile-menu-bar{display:none!important}}.edit-expense-modal .recurring-options .form-group.checkbox .checkbox-label{align-items:center;display:flex;position:relative;width:auto}.edit-expense-modal .recurring-options .form-group.checkbox input[type=checkbox]{flex-shrink:0;height:26px;left:0;margin-right:15px;position:relative;width:26px}.edit-expense-modal .recurring-options .form-group.checkbox span{color:#fff!important;display:inline-block;font-size:16px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.edit-expense-modal .checkbox-label span,.edit-expense-modal .recurring-options .form-group.checkbox span{color:#fff!important;display:inline!important;font-size:16px!important;font-weight:600!important;opacity:1!important;overflow:visible!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important;visibility:visible!important}.edit-expense-modal .form-group.checkbox{align-items:center!important;display:flex!important;flex-direction:row!important;margin-bottom:15px!important;opacity:1!important;visibility:visible!important;width:auto!important}.edit-expense-modal input[type=checkbox]{display:inline-block!important;height:26px!important;margin-right:15px!important;opacity:1!important;visibility:visible!important;width:26px!important}.edit-expense-modal .checkbox-label:after,.edit-expense-modal .form-group.checkbox .checkbox-label:after,.edit-expense-modal .recurring-options .checkbox-label:after,.edit-expense-modal .recurring-options .form-group.checkbox .checkbox-label:after{content:none!important}#continuesCanceledText{color:#fff!important;display:inline-block!important;font-size:16px!important;font-weight:600!important;opacity:1!important;visibility:visible!important}.auth-container~.mobile-profile-header,.auth-header~.mobile-profile-header,.auth-page .mobile-profile-header,body:has(.auth-container) .mobile-profile-header{display:none!important;height:0!important;min-height:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important;z-index:-1!important}body.auth-page{padding-top:0!important}.auth-page .auth-container,body:has(.auth-container) .auth-container{margin-top:20px!important;padding-top:20px!important}.auth-page{display:flex;flex-direction:column;justify-content:center;min-height:100vh}html body #about-mobile-close-btn.mobile-about-close-button.about-close-btn{align-items:center!important;background-color:#fff!important;border:3px solid #1e3a5f!important;border-radius:50%!important;box-shadow:0 4px 12px rgba(0,0,0,.5)!important;color:#1e3a5f!important;cursor:pointer!important;display:flex!important;font-size:1.8rem!important;font-weight:700!important;height:50px!important;justify-content:center!important;opacity:1!important;pointer-events:auto!important;position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;visibility:visible!important;width:50px!important;z-index:99999999!important}@keyframes pulse-border{0%{box-shadow:0 0 0 0 rgba(30,58,95,.8)}70%{box-shadow:0 0 0 10px rgba(30,58,95,0)}to{box-shadow:0 0 0 0 rgba(30,58,95,0)}}html body #about-mobile-close-btn.mobile-about-close-button.about-close-btn{animation:pulse-border 2s infinite}.about-container .about-header,.mobile-about-wrapper{overflow:visible!important;position:relative!important}#about.active{display:block!important;overflow:auto!important;visibility:visible!important;z-index:999999!important}.grid-item#about.active .about-container .about-header #about-mobile-close-btn,html body .grid-item#about.active .about-container .about-header #about-mobile-close-btn{align-items:center!important;background-color:#fff!important;border:3px solid #1e3a5f!important;border-radius:50%!important;box-shadow:0 0 0 4px hsla(0,0%,100%,.5),0 4px 12px rgba(0,0,0,.5)!important;color:#1e3a5f!important;cursor:pointer!important;display:flex!important;font-size:24px!important;font-weight:700!important;height:50px!important;justify-content:center!important;opacity:1!important;pointer-events:auto!important;position:fixed!important;right:20px!important;top:20px!important;transform:none!important;visibility:visible!important;width:50px!important;z-index:10000000!important}.grid-item#about.active .about-container .about-header #about-mobile-close-btn:empty:before,html body .grid-item#about.active .about-container .about-header #about-mobile-close-btn:empty:before{content:"✖"!important;display:block!important}@media screen and (max-width:320px){.grid-item#about.active .about-container .about-header #about-mobile-close-btn,html body .grid-item#about.active .about-container .about-header #about-mobile-close-btn{height:44px!important;right:10px!important;top:10px!important;width:44px!important}}.grid-item#contact.active .contact-container .contact-header #contact-mobile-close-btn,html body .grid-item#contact.active .contact-container .contact-header #contact-mobile-close-btn{align-items:center!important;background-color:#fff!important;border:3px solid #1e3a5f!important;border-radius:50%!important;box-shadow:0 0 0 4px hsla(0,0%,100%,.5),0 4px 12px rgba(0,0,0,.5)!important;color:#1e3a5f!important;cursor:pointer!important;display:flex!important;font-size:24px!important;font-weight:700!important;height:50px!important;justify-content:center!important;opacity:1!important;pointer-events:auto!important;position:fixed!important;right:20px!important;top:20px!important;transform:none!important;visibility:visible!important;width:50px!important;z-index:10000000!important}.grid-item#contact.active .contact-container .contact-header #contact-mobile-close-btn:empty:before,html body .grid-item#contact.active .contact-container .contact-header #contact-mobile-close-btn:empty:before{content:"✖"!important;display:block!important}@media screen and (max-width:320px){.grid-item#contact.active .contact-container .contact-header #contact-mobile-close-btn,html body .grid-item#contact.active .contact-container .contact-header #contact-mobile-close-btn{height:44px!important;right:10px!important;top:10px!important;width:44px!important}}@media screen and (min-width:1000px){html body #root .container,html body .container,html body main .container{box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important;max-width:1200px!important;width:calc(100% - 40px)!important}}.contact-header{position:relative}.contact-header .close-button,.contact-header .contact-close-btn{align-items:center;background-color:hsla(0,0%,100%,.9);border:2px solid #1e3a5f;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.3);color:#1e3a5f;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;position:absolute;right:12px;top:12px;width:36px;z-index:999999}.contact-modal>.close-button,.contact-modal>.contact-close-btn{display:none!important}@media (max-width:768px){#root .app-footer,#root footer.app-footer,.app-footer,body .app-footer,body footer.app-footer,footer.app-footer,html .app-footer,html footer.app-footer,main .app-footer,main footer.app-footer{display:none!important;height:0!important;margin:0!important;opacity:0!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important;width:0!important}}@media (max-width:768px){.grid-item.active{margin-bottom:60px!important}.container,.grid-item.active{height:auto!important;min-height:0!important}.content{min-height:0!important}.balances-container,.budget-container,.expenses-container,.expenses-list-container{margin-bottom:10px!important}.expenses-list{margin-bottom:16px!important}}@media (min-width:1000px){.container{display:flex!important;flex-direction:column!important;margin:0 auto!important;max-width:1200px!important;padding:24px!important;width:100%!important}main:not(.desktop-layout) .grid-item{display:block!important;flex:none!important;height:auto!important;margin-bottom:20px!important;min-height:auto!important;width:100%!important}.content{padding:20px!important}.balances-grid{display:flex!important;flex-direction:column!important;gap:20px!important}.balance-item{width:100%!important}}@media (min-width:769px){#root .container,.container,.content .container,body .container,html body #root .container,html body .container,html body main .container,main .container{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;margin:0 auto!important;padding:24px!important;width:100%!important}#root:not(.desktop-layout) .grid-item,.content:not(.desktop-layout) .grid-item,body:not(.desktop-layout) .grid-item,html body #root:not(.desktop-layout) .grid-item,html body main:not(.desktop-layout) .grid-item,html body:not(.desktop-layout) .grid-item,main:not(.desktop-layout) .grid-item{display:block!important;flex:none!important;margin-bottom:20px!important;min-height:auto!important;width:100%!important}#root .balance-item,.balance-item,.content .balance-item,body .balance-item,html body #root .balance-item,html body .balance-item,html body main .balance-item,main .balance-item{margin-bottom:20px!important;width:100%!important}}@media (min-width:1000px){.balances-container .balances-grid,.balances-container .desktop-only,.balances-grid,.desktop-only{display:grid!important;gap:24px!important;grid-template-columns:repeat(2,1fr)!important;width:100%!important}.balance-item{display:flex!important;flex-direction:column!important;height:auto!important;margin-bottom:0!important;width:auto!important}}@media (min-width:1000px){#root .balances-grid,#root .desktop-only,.balances-container .balances-grid,.balances-container .desktop-only,.grid-item .balances-grid,.grid-item .desktop-only,body .content .balances-grid,body .content .desktop-only,html body .balances-grid,html body .desktop-only{display:flex!important;flex-direction:column!important;gap:24px!important;width:100%!important}#root .balance-item,.balances-container .balance-item,.balances-grid .balance-item,.desktop-only .balance-item,body .content .balance-item,html body .balance-item{display:flex!important;flex-direction:column!important;height:auto!important;margin-bottom:0!important;width:auto!important}}@media (min-width:769px){#root .balances-grid,.balances-container .balances-grid,.container .balances-grid,.content .balances-grid,.desktop-only.balances-grid,body .balances-grid,div.balances-grid,html body #root .balances-grid,html body .balances-grid,html body main .balances-grid,main .balances-grid{display:grid!important;flex-direction:unset!important;gap:24px!important;grid-template-columns:repeat(2,1fr)!important;width:100%!important}#root .balances-grid .balance-item,.balances-container .balances-grid .balance-item,.container .balances-grid .balance-item,.content .balances-grid .balance-item,.desktop-only.balances-grid .balance-item,body .balances-grid .balance-item,div.balances-grid .balance-item,html body #root .balances-grid .balance-item,html body .balances-grid .balance-item,html body main .balances-grid .balance-item,main .balances-grid .balance-item{display:flex!important;flex-direction:column!important;height:auto!important;margin-bottom:0!important;width:auto!important}}.mobile-only{display:none}@media (max-width:999px){.mobile-only{display:block!important}}@media (min-width:1000px){.mobile-only{display:none!important}}@media (max-width:999px){.mobile-balance-view.mobile-only{display:block!important}}@media (min-width:1000px){.mobile-balance-view.mobile-only{display:none!important}}@media (max-width:999px){.balances-container .balances-grid.desktop-only,.balances-container .desktop-balances-grid,.balances-grid.desktop-only,.desktop-balances-grid,.desktop-only.balances-grid,div.balances-grid.desktop-only,div.desktop-balances-grid{display:none!important}.mobile-balance-card,.mobile-balance-view{display:block!important;width:100%!important}.mobile-balance-card{margin-bottom:16px!important}}@media (max-width:999px){#root .balances-grid.desktop-only,#root .desktop-balances-grid,.container .balances-grid.desktop-only,.container .desktop-balances-grid,.content .balances-grid.desktop-only,.content .desktop-balances-grid,[class*=balances-grid][class*=desktop-only],[class*=desktop-balances-grid],body .balances-grid.desktop-only,body .desktop-balances-grid,div.balances-grid.desktop-only,div.desktop-balances-grid,div[class*=balances-grid][class*=desktop-only],div[class*=desktop-balances-grid],html body #root .balances-grid.desktop-only,html body #root .desktop-balances-grid,html body .balances-grid.desktop-only,html body .desktop-balances-grid,html body main .balances-grid.desktop-only,html body main .desktop-balances-grid,main .balances-grid.desktop-only,main .desktop-balances-grid{display:none!important;height:0!important;opacity:0!important;overflow:hidden!important;visibility:hidden!important}#root .mobile-balance-view,.container .mobile-balance-view,.content .mobile-balance-view,[class*=mobile-balance-view],body .mobile-balance-view,div.mobile-balance-view,html body #root .mobile-balance-view,html body .mobile-balance-view,html body main .mobile-balance-view,main .mobile-balance-view{display:block!important;height:auto!important;opacity:1!important;visibility:visible!important;width:100%!important}#root .mobile-balance-card,.container .mobile-balance-card,.content .mobile-balance-card,[class*=mobile-balance-card],body .mobile-balance-card,div.mobile-balance-card,html body #root .mobile-balance-card,html body .mobile-balance-card,html body main .mobile-balance-card,main .mobile-balance-card{display:block!important;margin-bottom:16px!important;opacity:1!important;visibility:visible!important;width:100%!important}}html body .desktop-layout .desktop-side-menu,html body main.desktop-layout .desktop-side-menu{display:block!important;opacity:1!important;position:fixed!important;visibility:visible!important;z-index:1000!important}html body .desktop-layout .desktop-side-menu .user-profile-header,html body main.desktop-layout .desktop-side-menu .user-profile-header{display:block!important;opacity:1!important;visibility:visible!important}html body .desktop-layout .desktop-side-menu .side-menu-btn,html body main.desktop-layout .desktop-side-menu .side-menu-btn{cursor:pointer!important;pointer-events:auto!important}html body .desktop-layout .container .grid-item:not(.active),html body .desktop-layout .content .container .grid-item:not(.active),html body .desktop-layout .grid-item:not(.active),html body main.desktop-layout .container .grid-item:not(.active),html body main.desktop-layout .content .container .grid-item:not(.active){display:none!important;height:0!important;left:-9999px!important;opacity:0!important;overflow:hidden!important;position:absolute!important;visibility:hidden!important;width:0!important;z-index:-1!important}html body .desktop-layout .container .grid-item.active,html body .desktop-layout .content .container .grid-item.active,html body .desktop-layout .grid-item.active,html body main.desktop-layout .container .grid-item.active,html body main.desktop-layout .content .container .grid-item.active{background:#fff!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;display:block!important;height:auto!important;left:auto!important;margin-bottom:24px!important;opacity:1!important;overflow:visible!important;padding:0!important;position:relative!important;visibility:visible!important;width:100%!important;z-index:1!important}@media (min-width:769px){.desktop-layout .grid-item{display:none!important}.desktop-layout .grid-item.active{display:block!important;max-height:none!important;min-height:auto!important}}