@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary-color: #047857;--primary-hover: #065f46;--primary-light: rgba(4, 120, 87, .1);--white: #ffffff;--bg-color: #f9fafb;--text-dark: #111827;--text-gray: #6b7280;--border-color: #e5e7eb;--card-bg: #ffffff;--input-bg: #ffffff;--hover-bg: #f3f4f6}.dark-mode{--primary-color: #10b981;--primary-hover: #059669;--primary-light: rgba(16, 185, 129, .1);--white: #1f2937;--bg-color: #111827;--text-dark: #f9fafb;--text-gray: #9ca3af;--border-color: #374151;--card-bg: #1f2937;--input-bg: #374151;--hover-bg: #374151}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-dark);transition:background-color .3s,color .3s;zoom:.75}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}*{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.animate-spin{animation:spin 1s linear infinite}.loading-screen{position:fixed;inset:0;width:100%;height:100%;z-index:99999;display:grid;place-items:center;background-color:var(--bg-color, #ffffff);margin:0;padding:0;box-sizing:border-box}@media(prefers-color-scheme:dark){.loading-screen{background-color:var(--bg-color, #1f2937)}}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.loading-icon{color:var(--primary-color);display:flex;align-items:center;justify-content:center}.icon-pulse{animation:logoPulse 2s ease-in-out infinite}.loading-spinner{display:flex;justify-content:center}.spinner-ring{width:48px;height:48px;border-radius:50%;border:4px solid rgba(4,120,87,.1);border-top-color:var(--primary-color);animation:spin 1s linear infinite}.loading-message{color:var(--text-gray);font-size:.95rem;font-weight:500;letter-spacing:.5px;animation:textFade 1.5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logoPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes textFade{0%,to{opacity:1}50%{opacity:.6}}.input-wrapper{display:flex;flex-direction:column;gap:.5rem;width:100%}.input-label{font-size:.875rem;font-weight:600;color:var(--text-dark)}.input-container{position:relative;display:flex;align-items:center}.custom-input{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);background-color:var(--input-bg);border-radius:.5rem;font-size:.95rem;transition:all .3s ease;outline:none;color:var(--text-dark)}.custom-input:focus{border-color:var(--primary-color);background-color:var(--card-bg);box-shadow:0 0 0 4px var(--primary-light)}.custom-input.has-icon{padding-left:2.5rem}.input-icon-left{position:absolute;left:.75rem;color:var(--text-gray);pointer-events:none}.toggle-password{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;color:var(--text-gray);display:flex;align-items:center;padding:0}.toggle-password:hover{color:var(--text-dark)}.login-container{display:flex;width:100%;min-width:100vw;height:100%;min-height:100vh;overflow:hidden;background-color:var(--white);position:fixed;inset:0}.form-side{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem;background-color:var(--white)}.form-container{width:100%;max-width:420px;animation:slideIn .6s ease-out}.form-actions-login{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;font-size:.9rem}.forgot-link{color:var(--primary-color);text-decoration:none;font-weight:600}.forgot-link:hover{text-decoration:underline}.divider-login{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--text-gray);font-size:.875rem}.divider-login:before,.divider-login:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.divider-login span{padding:0 1rem}.register-footer{margin-top:2rem;text-align:center;font-size:.9rem;color:var(--text-gray)}.register-footer a{color:var(--primary-color);text-decoration:none;font-weight:700;margin-left:.25rem}.register-container{display:flex;width:100%;min-width:100vw;height:100%;min-height:100vh;overflow:hidden;background-color:var(--white);position:fixed;inset:0}.visual-side{flex:1;background:linear-gradient(135deg,var(--primary-color) 0%,#064e3b 100%);position:relative;display:flex;flex-direction:column;justify-content:center;padding:4rem;color:#fff;overflow:hidden}.visual-content{position:relative;z-index:10;max-width:480px}.brand{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.brand-logo{width:50%;height:100%;object-fit:contain}.brand h1{font-size:1.5rem;font-weight:700;letter-spacing:.5px}.hero-text h2{font-size:2.5rem;line-height:1.2;margin-bottom:1.5rem;font-weight:700}.hero-text p{font-size:1.125rem;opacity:.9;line-height:1.6}.stats-decorative{display:flex;gap:1.5rem}.stats-card{margin-top:3rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:1rem;display:inline-flex;align-items:center;gap:1rem;border:1px solid rgba(255,255,255,.2);animation:float 6s ease-in-out infinite;min-width:220px;flex:1}.stats-icon{background-color:#10b981;padding:.5rem;border-radius:50%;color:#fff;display:flex}.stats-card span{display:block;font-size:.8rem;opacity:.8}.stats-card strong{font-size:1.1rem;color:#6ee7b7}.circle{position:absolute;border-radius:50%;background:#fff;opacity:.05}.circle-1{width:400px;height:400px;top:-100px;right:-100px}.circle-2{width:300px;height:300px;bottom:50px;left:-50px}.form-side{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem;background-color:var(--white);overflow-y:auto}.form-container{width:100%;max-width:420px;animation:slideIn .6s ease-out;margin:auto 0}.form-header{margin-bottom:2.5rem}.form-header h2{font-size:2rem;color:var(--text-dark);margin-bottom:.5rem}.form-header p{color:var(--text-gray)}.form-actions{display:flex;justify-content:flex-start;align-items:center;margin-bottom:2rem;font-size:.9rem}.checkbox-container{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-gray)}.checkbox-container input{accent-color:var(--primary-color);width:16px;height:16px}.divider-register{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--text-gray);font-size:.875rem}.divider-register:before,.divider-register:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.divider-register span{padding:0 1rem}.btn-google{width:100%;padding:.875rem 1.5rem;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-dark);font-weight:500;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem}.btn-google:hover{background-color:var(--hover-bg);border-color:var(--text-gray);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.login-footer{margin-top:2rem;text-align:center;font-size:.9rem;color:var(--text-gray)}.login-footer a{color:var(--primary-color);text-decoration:none;font-weight:700;margin-left:.25rem}.login-footer a:hover{text-decoration:underline}@media(max-width:900px){.visual-side{display:none}.form-side{background-color:var(--bg-color)}.form-container{background:var(--white);padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000000d}}.forgot-password-container{display:flex;justify-content:center;align-items:center;width:100%;min-width:100vw;height:100%;min-height:100vh;background:linear-gradient(135deg,var(--primary-color) 0%,#064e3b 100%);padding:2rem;position:fixed;inset:0}.forgot-password-card{background:var(--white);border-radius:1rem;padding:3rem;max-width:480px;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideIn .5s ease-out}.card-header-forgot{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;justify-content:center}.card-header-forgot h1{font-size:1.5rem;font-weight:700;color:var(--text-dark)}.btn-submit{width:100%;background-color:var(--primary-color);color:#fff;padding:1rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;display:flex;justify-content:center;align-items:center;gap:.75rem;cursor:pointer;transition:background-color .2s,transform .1s;box-shadow:0 4px 6px -1px #05966933;margin-bottom:1.5rem}.back-link{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-gray);text-decoration:none;font-size:.95rem;transition:color .2s}.back-link:hover{color:var(--primary-color)}.success-message strong{color:var(--primary-color);font-weight:600}@media(max-width:600px){.forgot-password-card{padding:2rem}.content-header h2{font-size:1.5rem}}.reset-password-container{display:flex;justify-content:center;align-items:center;width:100%;min-width:100vw;height:100%;min-height:100vh;background:linear-gradient(135deg,var(--primary-color) 0%,#064e3b 100%);padding:2rem;position:fixed;inset:0}.reset-password-card{background:var(--white);border-radius:1rem;padding:3rem;max-width:480px;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideIn .5s ease-out}.card-header-reset{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;justify-content:center}.logo{width:48px;height:48px;object-fit:contain}.card-header-reset h1{font-size:1.5rem;font-weight:700;color:var(--text-dark)}.content-header{text-align:center;margin-bottom:2rem}.content-header h2{font-size:1.75rem;color:var(--text-dark);margin-bottom:.75rem}.content-header p{color:var(--text-gray);line-height:1.6}.input-group{margin-bottom:1.5rem}.password-requirements{background-color:var(--bg-color);padding:1rem 1.25rem;border-radius:.5rem;margin-bottom:1.5rem;border-left:3px solid var(--primary-color)}.requirements-title{font-size:.9rem;font-weight:600;color:var(--text-dark);margin-bottom:.75rem}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements li{font-size:.85rem;color:var(--text-gray);position:relative;padding:.25rem 0 .25rem 1.5rem}.password-requirements li:before{content:"○";position:absolute;left:0;color:var(--text-gray)}.password-requirements li.valid{color:var(--primary-color)}.password-requirements li.valid:before{content:"✓";color:var(--primary-color);font-weight:700}.btn-submit{width:100%;background-color:var(--primary-color);color:#fff;padding:1rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;display:flex;justify-content:center;align-items:center;gap:.75rem;cursor:pointer;transition:background-color .2s,transform .1s;box-shadow:0 4px 6px -1px #05966933}.btn-submit:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-submit:active{transform:translateY(0)}.success-message{text-align:center;animation:fadeIn .5s ease-out}.success-icon{color:var(--primary-color);margin-bottom:1.5rem;display:flex;justify-content:center}.success-message h2{font-size:1.75rem;color:var(--text-dark);margin-bottom:1rem}.success-message p{color:var(--text-gray);line-height:1.6;margin-bottom:.5rem}.help-text{font-size:.9rem;opacity:.8;margin-bottom:2rem}.btn-back{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:.5rem;font-weight:600;transition:background-color .2s,transform .1s}.btn-back:hover{background-color:var(--primary-hover);transform:translateY(-1px)}@media(max-width:600px){.reset-password-card{padding:2rem}.content-header h2{font-size:1.5rem}}.quiz-container{display:flex;justify-content:center;align-items:center;width:100%;min-width:100vw;height:100%;min-height:100vh;background:linear-gradient(135deg,var(--primary-color) 0%,#064e3b 100%);padding:2rem;position:fixed;inset:0;overflow-y:auto}.quiz-card{background:var(--white);border-radius:1.5rem;padding:3rem;max-width:700px;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideIn .5s ease-out}.quiz-header{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;justify-content:center}.quiz-logo{width:48px;height:48px;object-fit:contain}.quiz-header h1{font-size:1.5rem;font-weight:700;color:var(--text-dark)}.progress-section{margin-bottom:2.5rem}.progress-text{font-size:.9rem;color:var(--text-gray);margin-bottom:.75rem;font-weight:500}.progress-bar{height:8px;background-color:#e5e7eb;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color) 0%,#10b981 100%);transition:width .4s ease;border-radius:999px}.question-section{margin-bottom:2.5rem}.step-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#10b9811a;color:var(--primary-color);border-radius:999px;font-size:.85rem;font-weight:600;margin-bottom:1.5rem}.question-title{font-size:1.75rem;color:var(--text-dark);line-height:1.3;font-weight:700}.options-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.option-button{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background-color:var(--bg-color);border:2px solid var(--border-color);border-radius:.75rem;cursor:pointer;transition:all .2s;text-align:left;width:100%}.option-button:hover{border-color:var(--primary-color);background-color:#10b9810d;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.option-button.selected{border-color:var(--primary-color);background-color:#10b9811a;box-shadow:0 0 0 3px #10b98133}.option-radio{width:24px;height:24px;border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.option-button.selected .option-radio{border-color:var(--primary-color)}.option-radio-fill{width:12px;height:12px;background-color:var(--primary-color);border-radius:50%}.option-content{display:flex;align-items:center;gap:.75rem;flex:1}.option-id{font-weight:700;color:var(--primary-color);font-size:1.1rem}.option-text{color:var(--text-dark);font-size:1rem;line-height:1.5}.quiz-navigation{display:flex;gap:1rem;justify-content:flex-end}.btn-back{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background-color:transparent;border:2px solid var(--border-color);border-radius:.5rem;color:var(--text-gray);font-weight:600;cursor:pointer;transition:all .2s}.btn-back:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:#10b9810d}.btn-next{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background-color:var(--primary-color);border:none;border-radius:.5rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0596694d}.btn-next:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 12px -1px #05966966}.btn-next:disabled{opacity:.5;cursor:not-allowed}.result-card{text-align:center;padding:4rem 3rem}.success-icon{color:var(--primary-color);margin-bottom:2rem;display:flex;justify-content:center;animation:scaleIn .5s ease-out}.result-card h2{font-size:2rem;color:var(--text-dark);margin-bottom:1rem}.result-card p{color:var(--text-gray);font-size:1.1rem;margin-bottom:.5rem}.redirect-text{font-weight:600;color:var(--primary-color);margin-top:1.5rem;margin-bottom:2rem}.loading-bar{width:100%;height:6px;background-color:#e5e7eb;border-radius:999px;overflow:hidden}.loading-progress{height:100%;background:linear-gradient(90deg,var(--primary-color) 0%,#10b981 100%);border-radius:999px;animation:loading 3s ease-out forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes loading{0%{width:0%}to{width:100%}}@media(max-width:768px){.quiz-card{padding:2rem}.question-title{font-size:1.5rem}.option-button{padding:1rem}.quiz-navigation{flex-direction:column}.btn-back,.btn-next{width:100%;justify-content:center}}.not-found-container{height:130vh;width:100%;background-color:var(--bg-color);display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center}.not-found-content{max-width:500px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .5s ease-out}.finny-wrapper{position:relative;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.finny-img{width:200px;height:auto;filter:drop-shadow(0 10px 15px rgba(0,0,0,.1))}.shadow-oval{width:140px;height:20px;background-color:#000;border-radius:50%;margin-top:-10px;animation:shadowScale 3s ease-in-out infinite}.error-code{font-size:5rem;font-weight:800;color:var(--primary-color);line-height:1;margin-bottom:.5rem;letter-spacing:-2px}.error-title{font-size:1.5rem;color:var(--text-dark);margin-bottom:1rem}.error-desc{color:var(--text-gray);line-height:1.6;margin-bottom:2.5rem;max-width:400px}.error-actions{display:flex;gap:1rem;justify-content:center;width:100%}.btn-primary-home{background-color:var(--primary-color);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:.5rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #04785733}.btn-primary-home:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.btn-secondary-ghost{background:transparent;border:1px solid var(--border-color);color:var(--text-dark);padding:.8rem 1.5rem;border-radius:.5rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s}.btn-secondary-ghost:hover{background-color:var(--hover-bg);border-color:var(--text-gray)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shadowScale{0%{transform:scale(1);opacity:.1}50%{transform:scale(.8);opacity:.05}to{transform:scale(1);opacity:.1}}@media(max-width:480px){.error-code{font-size:4rem}.finny-img{width:180px}.error-actions{flex-direction:column;width:100%;align-items:center}.btn-primary-home,.btn-secondary-ghost{width:100%;justify-content:center}}.skeleton-loader{background-color:var(--hover-bg);position:relative;overflow:hidden;border-radius:4px}.skeleton-loader:after{content:"";position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:shimmer 2s infinite}[data-theme=dark] .skeleton-loader{background-color:#374151}[data-theme=dark] .skeleton-loader:after{background-image:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0)}@keyframes shimmer{to{transform:translate(100%)}}.modal-overlay{position:fixed;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.trans-modal{width:100%;max-width:480px;background:var(--card-bg);border-radius:8px;display:flex;flex-direction:column;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0003;transition:background-color .3s}.modal-type-switcher{display:flex;gap:.5rem;padding:1.5rem 1.5rem 0}.type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:1px solid var(--border-color);background:transparent;border-radius:.5rem;cursor:pointer;color:var(--text-gray);font-weight:500;font-size:.9rem;transition:all .2s}.type-btn:hover{background:var(--hover-bg);border-color:var(--text-gray)}.type-btn.active{background:var(--active-color);color:#fff;border-color:var(--active-color);box-shadow:0 4px 10px #00000026}.t-modal-header{padding:1rem 1.5rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.t-modal-header h2{font-size:1.5rem;font-weight:700;color:var(--text-dark)}.t-modal-header button{background:none;border:none;cursor:pointer;color:var(--text-gray);transition:color .3s}.t-modal-body{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.value-input-group{display:flex;align-items:center;border-bottom:2px solid;padding-bottom:.5rem;margin-bottom:1rem}.currency{font-size:1.5rem;margin:0 .5rem;font-weight:500;color:var(--text-dark)}.big-input{flex:1;font-size:2rem;border:none;outline:none;font-weight:600;background:transparent;width:100px;color:var(--text-dark)}.big-input::placeholder{color:var(--text-gray);opacity:.5}.currency-select{display:flex;align-items:center;gap:.25rem;color:var(--text-gray);font-size:.85rem;cursor:pointer}.toggle-row{display:flex;justify-content:space-between;align-items:center}.toggle-label{display:flex;align-items:center;gap:.75rem;color:var(--text-gray)}.switch.sm{width:36px;height:20px}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.switch.sm .slider:before{height:14px;width:14px}.switch input:checked+.slider:before{transform:translate(20px)}.switch.sm input:checked+.slider:before{transform:translate(16px)}.date-pills{display:flex;gap:.75rem}.pill{border:1px solid var(--border-color);background:var(--input-bg);padding:.5rem 1rem;border-radius:2rem;color:var(--text-gray);cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s}.pill.active{color:#fff}.custom-date-wrapper{display:flex;align-items:center;border-bottom:1px solid var(--border-color);padding:.75rem 0;gap:1rem;margin-top:.5rem;transition:border-color .3s}.custom-date-input{flex:1;border:none;outline:none;font-size:1rem;color:var(--text-dark);background:transparent;cursor:pointer}.custom-date-input::-webkit-calendar-picker-indicator{cursor:pointer}.input-line-wrapper,.select-line-wrapper{display:flex;align-items:center;border-bottom:1px solid var(--border-color);padding:.75rem 0;gap:1rem;transition:border-color .3s}.line-input{flex:1;border:none;outline:none;font-size:1rem;color:var(--text-dark);background:transparent}.line-input::placeholder{color:var(--text-gray);opacity:.6}.icon-left{color:var(--text-gray);display:flex;width:24px;justify-content:center}.select-wrapper{flex:1;position:relative;display:flex;align-items:center}.real-select{flex:1;padding:.75rem 2rem .75rem 0;font-size:.95rem;color:var(--text-dark);border:none;background:transparent;outline:none;cursor:pointer;appearance:none;font-family:inherit}.real-select option{padding:.5rem}.select-arrow{position:absolute;right:0;pointer-events:none;color:var(--text-gray)}.category-selector-wrapper{position:relative;margin:1rem 0}.category-trigger{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .3s}.category-trigger:hover{border-color:var(--hover-border-color, var(--primary-color));background-color:var(--hover-bg)}.category-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-name{flex:1;text-align:left;font-size:.95rem;color:var(--text-dark);font-weight:500}.category-name.placeholder{color:var(--text-gray);font-weight:400}.category-trigger .chevron{transition:transform .2s;color:var(--text-gray)}.category-trigger .chevron.open{transform:rotate(180deg)}.category-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 12px #0000001a;max-height:350px;overflow-y:auto;z-index:100;animation:slideDown .2s ease-out;transition:background-color .3s,border-color .3s}.category-option{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:none;background:var(--card-bg);text-align:left;cursor:pointer;transition:background-color .3s}.category-option:hover{background-color:var(--hover-bg)}.category-option.active{background-color:var(--primary-light)}.category-option span{font-size:.95rem;color:var(--text-dark);font-weight:500}.card-info-inline{flex:1;display:flex;align-items:center;gap:.75rem}.card-brand-logo{display:flex;align-items:center;justify-content:center}.card-name{font-size:.95rem;color:var(--text-dark);font-weight:500}.card-option{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--card-bg);border:none;cursor:pointer;transition:background-color .3s;text-align:left}.card-option:hover{background-color:var(--hover-bg)}.card-option.active{background-color:#0d94881a}.card-option .card-name{flex:1;font-size:.95rem;color:var(--text-dark);font-weight:500}.fake-select{flex:1;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:var(--text-dark)}.action-row{display:flex;align-items:center;gap:.75rem;color:var(--text-gray)}.info-icon{width:20px;height:20px;border:1px solid var(--text-gray);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.75rem;font-weight:700}.more-details-section{border-top:1px solid var(--border-color);padding-top:1rem;transition:border-color .3s}.details-trigger{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:.5rem;background:none;border:none;font-weight:700;font-size:.95rem;color:var(--text-dark);cursor:pointer;margin-bottom:1rem}.details-content{display:flex;flex-direction:column;gap:1rem;animation:slideDown .3s ease}.mt-2{margin-top:1rem}.icon-label{display:flex;align-items:center;gap:.75rem;color:var(--text-gray)}.t-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;align-items:center;gap:1rem;transition:border-color .3s}.btn-save-new{background:none;border:none;color:var(--text-gray);font-weight:700;font-size:.85rem;cursor:pointer;text-transform:uppercase}.btn-save{color:#fff;border:none;padding:.75rem 2rem;border-radius:2rem;font-weight:700;cursor:pointer}.repeat-options{margin-top:.75rem;padding:1rem;background:var(--hover-bg);border-radius:.5rem;transition:background-color .3s}.repeat-fields{display:flex;gap:.75rem}.repeat-input,.repeat-select{flex:1;padding:.625rem .875rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.9rem;outline:none;transition:border-color .3s;background:var(--input-bg);color:var(--text-dark)}.repeat-input:focus,.repeat-select:focus{border-color:var(--primary-color)}.repeat-input{width:100px}.installment-options{margin-top:.75rem;padding:1rem;background:var(--hover-bg);border-radius:.5rem;transition:background-color .3s}.installment-input{width:100%;padding:.625rem .875rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.9rem;outline:none;transition:border-color .3s;background:var(--input-bg);color:var(--text-dark)}.installment-input:focus{border-color:var(--primary-color)}.logout-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.logout-modal-content{background:var(--card-bg);border-radius:12px;width:90%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease;transition:background-color .3s}.logout-modal-header{position:relative;padding:2rem 2rem 1rem;display:flex;justify-content:center}.logout-modal-icon{animation:scaleIn .4s ease;display:flex;align-items:center;justify-content:center;background-color:#ef44441a;padding:1rem;border-radius:50%}.logout-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:var(--text-gray);padding:.25rem;border-radius:4px;transition:all .3s;display:flex;align-items:center;justify-content:center}.logout-modal-close:hover{background:var(--hover-bg);color:var(--text-dark)}.logout-modal-body{padding:0 2rem 1.5rem;text-align:center}.logout-modal-body h2{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin-bottom:.75rem}.logout-modal-body p{font-size:.95rem;color:var(--text-gray);line-height:1.6;margin-bottom:.5rem}.logout-modal-footer{padding:1.5rem 2rem;display:flex;gap:.75rem;border-top:1px solid var(--border-color);transition:border-color .3s}.btn-cancel,.btn-logout-confirm{flex:1;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s;border:none}.btn-logout-confirm{background:#ef4444;color:#fff}.btn-logout-confirm:hover{background:#dc2626}@media(max-width:768px){.logout-modal-content{width:95%;max-width:none;margin:0 1rem}.logout-modal-header{padding:1.5rem 1.5rem 1rem}.logout-modal-body{padding:0 1.5rem 1rem}.logout-modal-body h2{font-size:1.25rem}.logout-modal-footer{padding:1rem 1.5rem;flex-direction:column}.btn-cancel,.btn-logout-confirm{width:100%}}.sidebar{width:260px;height:100%;min-height:100vh;background-color:var(--card-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;padding:1.5rem;z-index:100;transition:background-color .3s,border-color .3s}.sidebar-header{display:flex;align-items:center;gap:.75rem;margin-bottom:3rem;padding-left:.5rem}.logo-image{width:100%;height:100%;object-fit:contain}.logo-text{font-size:1.25rem;font-weight:700;color:var(--text-dark)}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:.25rem;margin-right:-.25rem}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--text-gray)}.new-transaction-wrapper{position:relative;margin-bottom:1rem}.new-transaction-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1rem;border-radius:.5rem;border:none;background-color:var(--primary-color);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s}.new-transaction-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0478574d}.new-transaction-menu{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 12px #0000001a;overflow:hidden;z-index:200;animation:slideDown .2s ease-out}.transaction-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;border:none;background:var(--card-bg);text-align:left;font-size:.9rem;color:var(--text-dark);font-weight:500;cursor:pointer;transition:background-color .15s}.transaction-option:hover{background-color:var(--hover-bg)}.transaction-option.expense{color:#ef4444}.transaction-option.income,.transaction-option.card{color:#0d9488}.more-options-wrapper{position:relative;margin-top:1rem;padding:0 .5rem}.more-options-btn{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;width:100%;padding:.75rem 1rem;border-radius:.5rem;border:none;background-color:var(--primary-color);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;position:relative;z-index:301}.more-options-btn:hover{background-color:var(--primary-hover)}.more-options-menu{position:absolute;bottom:calc(100% + .5rem);left:.5rem;right:.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 12px #00000026;overflow:hidden;z-index:300;animation:slideUp .2s ease-out;max-height:300px}.option-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;border:none;background:var(--card-bg);text-align:left;font-size:.9rem;color:var(--text-dark);font-weight:500;cursor:pointer;transition:all .15s;text-decoration:none}.option-item:hover{background-color:var(--hover-bg)}.option-item.category,.option-item.calendar,.option-item.import{color:var(--primary-color)}.option-item.export{color:#0d9488}.option-divider{height:1px;background-color:var(--border-color);margin:.5rem 0}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:.5rem;text-decoration:none;color:var(--text-gray);font-weight:500;transition:all .2s}.nav-item:hover{background-color:var(--hover-bg);color:var(--primary-color)}.nav-item.active{background-color:var(--primary-light);color:var(--primary-color);font-weight:600}.sidebar-footer{border-top:1px solid var(--border-color);padding-top:1.5rem;display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.upgrade-card{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:.75rem;padding:1rem;margin:.5rem 0;position:sticky;bottom:0;z-index:10;color:#fff;text-align:center;flex-shrink:0;box-shadow:0 -4px 12px #0000001a}.upgrade-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;border-radius:.25rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s}.upgrade-close:hover{background:#ffffff4d}.upgrade-icon{width:48px;height:48px;background:#fff3;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;color:#fff}.upgrade-title{font-size:1rem;font-weight:700;margin:0 0 .5rem;color:#fff}.upgrade-text{font-size:.8rem;line-height:1.4;margin:0 0 1rem;color:#ffffffe6}.upgrade-button{background:#fff;color:#8b5cf6;border:none;padding:.6rem 1.5rem;border-radius:.375rem;font-size:.875rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all .2s;display:inline-block;width:100%}.upgrade-button:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.user-profile{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;transition:background .2s;cursor:pointer;text-decoration:none;color:inherit}.user-profile:hover{background-color:var(--hover-bg)}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;position:relative;border:2px solid transparent;transition:all .2s}.user-avatar.plan-premium{background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #f59e0b}.user-avatar.plan-pro{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:2px solid #8b5cf6}.user-avatar.plan-free{background:linear-gradient(135deg,var(--text-gray),#6b7280);border:2px solid var(--border-color)}.avatar-plan-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background-color:var(--card-bg);border:2px solid var(--card-bg);display:flex;align-items:center;justify-content:center;color:inherit;box-shadow:0 2px 4px #0000001a}.user-avatar.plan-premium .avatar-plan-badge{color:#f59e0b}.user-avatar.plan-pro .avatar-plan-badge{color:#8b5cf6}.user-info{display:flex;flex-direction:column;gap:.125rem;flex:1;overflow:hidden}.user-name{font-size:.875rem;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.75rem;color:var(--text-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;border:none;background:none;color:#ef4444;font-weight:500;cursor:pointer;border-radius:.5rem;transition:background .2s;text-decoration:none}.logout-btn:hover{background-color:#ef44441a}.theme-toggle{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;border:none;background:none;color:var(--text-dark);font-weight:500;cursor:pointer;border-radius:.5rem;transition:background .2s;text-align:left;font-size:.95rem}.theme-toggle:hover{background-color:var(--hover-bg)}@media(max-width:1024px){.sidebar{position:fixed;left:-100%;z-index:1001;transition:left .3s ease;box-shadow:2px 0 10px #0000001a}.sidebar.open{left:0}.sidebar-close{display:flex;position:absolute;top:1rem;right:1rem;background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:background .2s}.sidebar-close:hover{background-color:var(--hover-bg)}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000}.sidebar-header{margin-top:2rem}.mobile-navbar{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:60px;background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:0 1rem;z-index:999;box-shadow:0 2px 4px #0000000d;transition:background-color .3s,border-color .3s}.mobile-menu-btn{display:flex;flex-direction:column;gap:5px;background:none;border:none;padding:.5rem;cursor:pointer}.hamburger-line{width:24px;height:3px;background-color:var(--primary-color);border-radius:2px;transition:all .3s}.mobile-new-btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s}.mobile-new-btn:hover{background-color:var(--primary-hover);transform:scale(1.02)}.mobile-new-btn:active{transform:scale(.98)}.mobile-new-wrapper{position:relative;z-index:1002;height:100%;display:flex;align-items:center}.mobile-transaction-menu{position:absolute;bottom:calc(100% - 12.8rem);right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 8px 24px #0003;overflow:hidden;z-index:1003;animation:slideUpMobile .2s ease-out;min-width:200px}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}@media(min-width:1025px){.sidebar-close,.sidebar-overlay,.mobile-navbar{display:none}}.user-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-in-out}.modal-content{background:var(--card-bg);padding:1.5rem;border-radius:1rem;width:90%;max-width:400px;box-shadow:0 10px 25px #0000001a;animation:slideUp .3s ease-out;border:1px solid var(--border-color)}.modal-header h3{font-size:1.25rem;color:var(--text-dark);font-weight:600}.close-btn{background:none;border:none;cursor:pointer;color:var(--text-gray);padding:.25rem;border-radius:.25rem;transition:all .2s}.close-btn:hover{background-color:var(--hover-bg);color:var(--text-dark)}.modal-body{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.modal-description{font-size:.9rem;color:var(--text-gray);line-height:1.5}.input-wrapper-balance{position:relative;display:flex;align-items:center;background:var(--input-bg);border:1px solid var(--border-color);border-radius:.75rem;transition:all .2s ease}.input-wrapper-balance:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-light)}.input-wrapper-balance svg,.currency-symbol{position:absolute;left:1rem;color:var(--text-gray);font-weight:500;font-size:1.25rem;display:flex;align-items:center;pointer-events:none}.input-wrapper-balance input{width:100%;padding:.5rem 0rem .3rem 3rem;border:none;background:transparent;color:var(--text-dark);font-size:1.3rem;font-weight:600;outline:none;border-radius:.75rem}.input-wrapper-balance input:focus{box-shadow:none}.modal-footer{display:flex;justify-content:flex-end;gap:1rem}.btn-secondary{padding:.75rem 1.25rem;border-radius:.5rem;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-dark);font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:var(--hover-bg)}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.5rem;border:none;background:var(--primary-color);color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background-color:var(--primary-hover)}.layout-container{display:flex;background-color:var(--bg-color);min-height:100vh}.main-content{margin-left:260px;flex:1;padding:2rem 3rem;width:calc(100% - 260px)}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.top-bar h1{font-size:1.75rem;color:var(--text-dark)}.subtitle{color:var(--text-gray);margin-top:.25rem}.top-bar-actions{display:flex;align-items:center;gap:1rem}.month-filter-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--card-bg);color:var(--text-dark);font-size:.9rem;font-weight:500;cursor:pointer;outline:none;transition:all .2s;min-width:160px}.month-filter-btn:hover{border-color:var(--primary-color);background-color:var(--hover-bg)}.month-filter-btn:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.user-profile-link{text-decoration:none;transition:transform .2s}.user-profile-link:hover{transform:scale(1.05)}.avatar{width:40px;height:40px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;cursor:pointer;position:relative;border:2px solid transparent;transition:all .2s}.avatar.plan-premium{background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #f59e0b;box-shadow:0 0 15px #f59e0b4d}.avatar.plan-pro{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:2px solid #8b5cf6}.avatar.plan-free{background:linear-gradient(135deg,var(--text-gray),#6b7280);border:2px solid var(--border-color)}.avatar .avatar-plan-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background-color:var(--card-bg);border:2px solid var(--card-bg);display:flex;align-items:center;justify-content:center;color:inherit;box-shadow:0 2px 4px #0000001a}.avatar.plan-premium .avatar-plan-badge{color:#f59e0b}.avatar.plan-pro .avatar-plan-badge{color:#8b5cf6}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--card-bg);padding:1.5rem;border-radius:1rem;box-shadow:0 2px 10px #00000008;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border-color);transition:background-color .3s,border-color .3s}.stat-card.highlight{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;border:none}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem;font-weight:500;opacity:.9}.icon-box-dashboard{padding:.5rem;border-radius:.5rem;display:flex}.white-icon{background:#fff3}.green-icon{background:var(--primary-light);color:var(--primary-color)}.red-icon{background:#fee2e2;color:#ef4444}.gray-icon{background:var(--hover-bg);color:var(--text-dark)}.card-value{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.card-trend{font-size:.8rem;color:var(--text-gray)}.text-white-alpha{color:#fffc}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}.chart-container{background:var(--card-bg);padding:1.5rem;border-radius:1rem;box-shadow:0 2px 10px #00000008;border:1px solid var(--border-color);transition:background-color .3s,border-color .3s}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{color:var(--text-dark)}.icon-btn{background:none;border:none;cursor:pointer;color:var(--text-gray)}.bar-chart{display:flex;justify-content:space-between;align-items:flex-end;height:200px;padding-top:1rem}.bar-group{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.bar{width:30px;background-color:var(--primary-light);border-radius:6px;position:relative;transition:height 1s ease,background-color .2s;cursor:pointer}.bar:hover{background-color:var(--primary-color)}.bar:hover .tooltip{opacity:1;transform:translate(-50%) translateY(-10px)}.tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:var(--text-dark);color:#fff;font-size:.75rem;padding:4px 8px;border-radius:4px;opacity:0;pointer-events:none;transition:all .2s;white-space:nowrap}.label{font-size:.8rem;color:var(--text-gray)}.categories-list{display:flex;flex-direction:column;gap:1.25rem}.category-item{display:flex;flex-direction:column;gap:.5rem}.cat-info{display:flex;justify-content:space-between;font-size:.9rem}.progress-bg{width:100%;height:8px;background-color:var(--hover-bg);border-radius:4px;overflow:hidden}.progress-fill.warning{background-color:#f59e0b}.progress-fill.info{background-color:#3b82f6}.pie-chart-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 0}.pie-chart{width:200px;height:200px;transform:rotate(0)}.pie-legend{display:flex;flex-direction:column;gap:1rem;width:100%}.legend-item{display:flex;align-items:center;gap:.75rem}.legend-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.legend-info{display:flex;justify-content:space-between;flex:1;align-items:center}.legend-info span{font-size:.9rem;color:var(--text-gray)}.legend-info strong{font-size:.95rem;color:var(--text-dark)}.transactions-section{background:var(--card-bg);padding:1.5rem;border-radius:1rem;box-shadow:0 2px 10px #00000008;border:1px solid var(--border-color);transition:background-color .3s,border-color .3s}.transactions-section h3{margin-bottom:1.5rem;color:var(--text-dark)}.table-wrapper{overflow-x:auto}.custom-table{width:100%;border-collapse:collapse}.custom-table th{text-align:left;font-size:.85rem;color:var(--text-gray);padding-bottom:1rem;font-weight:600}.custom-table td{padding:1rem 0;border-bottom:1px solid var(--border-color);font-size:.95rem;color:var(--text-dark)}.custom-table tr:last-child td{border-bottom:none}.col-desc{display:flex;align-items:center;gap:1rem}.col-desc div{display:flex;flex-direction:column}.col-desc span{font-size:.8rem;color:var(--text-gray)}.icon-circle{width:36px;height:36px;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.sub-red{background:#fee2e2;color:#ef4444}.sub-green{background:var(--primary-light);color:var(--primary-color)}.badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.badge.success{background:var(--primary-light);color:var(--primary-color)}.badge.warning{background:#fef3c7;color:#d97706}@media(max-width:1024px){.main-content{margin-left:0;width:100%;padding:1.5rem;padding-top:calc(60px + 1.5rem)}.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.summary-cards{grid-template-columns:repeat(2,1fr)}.dashboard-main-wrapper{flex-direction:column}.dashboard-left{width:100%}.dashboard-right{width:100%;max-width:100%}}@media(max-width:768px){.main-content{margin-left:0;width:100%;padding:1rem;padding-top:calc(60px + 1rem)}.summary-cards{grid-template-columns:1fr}.top-bar{flex-direction:column;align-items:flex-start;gap:1rem}.top-bar-actions{width:100%;justify-content:space-between;gap:.5rem}.month-filter-btn{min-width:auto;padding:.5rem .75rem;font-size:.85rem}.stats-grid{grid-template-columns:1fr}}.avatar .avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.brand-selector{display:flex;flex-direction:column;gap:.75rem;width:100%}.brand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.brand-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:2px solid var(--border-color);border-radius:.75rem;background:var(--card-bg);cursor:pointer;transition:all .2s;position:relative}.brand-option:hover{border-color:var(--primary-color);background:var(--hover-bg)}.brand-option.selected{border-color:var(--primary-color);background:var(--primary-light)}.brand-logo-wrapper{display:flex;align-items:center;justify-content:center}.brand-name{font-size:.875rem;font-weight:500;color:var(--text-dark);text-align:center}.check-icon{position:absolute;top:.5rem;right:.5rem;background:var(--primary-color);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}@media(max-width:600px){.brand-grid{grid-template-columns:1fr}}.delete-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.delete-modal-content{background:var(--card-bg);border-radius:12px;width:90%;max-width:450px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease;transition:background-color .3s}.delete-modal-header{position:relative;padding:2rem 2rem 1rem;display:flex;justify-content:center}.delete-modal-icon{animation:scaleIn .4s ease}.delete-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:var(--text-gray);padding:.25rem;border-radius:4px;transition:all .3s;display:flex;align-items:center;justify-content:center}.delete-modal-close:hover{background:var(--hover-bg);color:var(--text-dark)}.delete-modal-body{padding:0 2rem 1.5rem;text-align:center}.delete-modal-body h2{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin-bottom:.75rem}.delete-modal-body p{font-size:.95rem;color:var(--text-gray);line-height:1.6;margin-bottom:.5rem}.delete-modal-body strong{color:var(--text-dark);font-weight:600}.delete-warning{color:#ef4444!important;font-size:.875rem!important;margin-top:1rem!important;font-weight:500}.delete-modal-footer{padding:1.5rem 2rem;display:flex;gap:.75rem;border-top:1px solid var(--border-color);transition:border-color .3s}.btn-cancel,.btn-delete{flex:1;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s;border:none}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626}@media(max-width:768px){.delete-modal-content{width:95%;max-width:none;margin:0 1rem}.delete-modal-header{padding:1.5rem 1.5rem 1rem}.delete-modal-body{padding:0 1.5rem 1rem}.delete-modal-body h2{font-size:1.25rem}.delete-modal-body p{font-size:.9rem}.delete-modal-footer{padding:1rem 1.5rem;flex-direction:column}.btn-cancel,.btn-delete{width:100%}}.payment-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.payment-modal-content{background:var(--card-bg);border-radius:12px;width:90%;max-width:450px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease;transition:background-color .3s}.payment-modal-header{position:relative;padding:2rem 2rem 1rem;display:flex;justify-content:center}.payment-modal-icon{animation:scaleIn .4s ease;display:flex;align-items:center;justify-content:center;background-color:#10b9811a;padding:1rem;border-radius:50%}.payment-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:var(--text-gray);padding:.25rem;border-radius:4px;transition:all .3s;display:flex;align-items:center;justify-content:center}.payment-modal-close:hover{background:var(--hover-bg);color:var(--text-dark)}.payment-modal-body{padding:0 2rem 1.5rem;text-align:center}.payment-modal-body h2{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin-bottom:.75rem}.payment-modal-body p{font-size:.95rem;color:var(--text-gray);line-height:1.6;margin-bottom:.5rem}.payment-amount{font-size:1.5rem!important;font-weight:700;color:var(--primary-color, #10b981)!important;margin:1rem 0!important}.payment-modal-footer{padding:1.5rem 2rem;display:flex;gap:.75rem;border-top:1px solid var(--border-color);transition:border-color .3s}.btn-cancel,.btn-confirm-payment{flex:1;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s;border:none}.btn-cancel{background:var(--card-bg);color:var(--text-gray);border:1px solid var(--border-color)}.btn-cancel:hover{background:var(--hover-bg)}.btn-confirm-payment{background:var(--primary-color, #10b981);color:#fff}.btn-confirm-payment:hover{filter:brightness(.9)}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@media(max-width:768px){.payment-modal-content{width:95%;max-width:none;margin:0 1rem}.payment-modal-header{padding:1.5rem 1.5rem 1rem}.payment-modal-body{padding:0 1.5rem 1rem}.payment-modal-body h2{font-size:1.25rem}.payment-modal-body p{font-size:.9rem}.payment-modal-footer{padding:1rem 1.5rem;flex-direction:column}.btn-cancel,.btn-confirm-payment{width:100%}}.page-header{margin-bottom:2rem}.cards-layout{display:flex;gap:2rem;align-items:flex-start}.cards-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.card-item{background:var(--card-bg);border-radius:1.25rem;padding:1.5rem;box-shadow:0 4px 20px #0000000a;border:1px solid var(--border-color);min-height:280px;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:transform .2s,background-color .3s,border-color .3s}.card-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000000f}.add-card-btn{justify-content:center;align-items:center;cursor:pointer;border:2px dashed var(--border-color);gap:1rem}.add-card-btn:hover{border-color:var(--primary-color)}.add-icon-circle{width:64px;height:64px;border-radius:50%;border:2px solid var(--primary-color);display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.add-card-btn span{font-weight:600;color:var(--primary-color);font-size:1.1rem}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-brand{display:flex;align-items:center;gap:.75rem}.brand-default{color:var(--text-gray);display:flex;align-items:center;justify-content:center}.bank-name{font-weight:800;color:var(--text-gray);text-transform:uppercase;font-size:.9rem}.options-menu-wrapper{position:relative}.options-btn{background:none;border:none;cursor:pointer;color:var(--text-gray);padding:.25rem;border-radius:.25rem;transition:background-color .2s}.options-btn:hover{background-color:var(--hover-bg)}.options-dropdown{position:absolute;top:calc(100% + .25rem);right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 12px #0000001a;min-width:150px;z-index:100;animation:slideDown .2s ease-out}.options-dropdown button{width:100%;padding:.75rem 1rem;border:none;background:none;text-align:left;font-size:.9rem;color:var(--text-dark);cursor:pointer;transition:background-color .15s}.options-dropdown button:hover{background-color:var(--hover-bg)}.options-dropdown button:first-child{border-radius:.5rem .5rem 0 0}.options-dropdown button:last-child{border-radius:0 0 .5rem .5rem}.options-dropdown button.delete-option{color:#ef4444}.options-dropdown button.delete-option:hover{background-color:#ef44441a}.card-status{margin-bottom:1rem}.status-text{font-size:.85rem;font-weight:700}.status-text.closed{color:var(--text-dark)}.status-text.paid{color:var(--primary-color)}.status-text.overdue{color:#ef4444}.card-values{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1rem}.invoice-row,.date-row{display:flex;flex-direction:column;gap:.25rem}.invoice-row span,.date-row span{font-size:.8rem;color:var(--text-gray)}.invoice-row strong{font-size:1.1rem}.date-row{text-align:right}.text-red{color:#ef4444}.text-green{color:var(--primary-color)}.limit-progress{margin-top:auto;padding-top:1rem}.progress-labels{display:flex;justify-content:space-between;margin-bottom:.25rem;color:var(--text-gray);font-size:.75rem}.progress-track{width:100%;height:8px;background-color:var(--hover-bg);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background-color:var(--primary-color);border-radius:4px}.available-limit{font-size:.8rem;color:var(--text-gray);display:block}.card-actions{margin-top:1rem;text-align:right;border-top:1px solid var(--border-color);padding-top:.75rem}.action-link{background:none;border:none;color:var(--primary-color);font-weight:600;font-size:.85rem;cursor:pointer}.action-link.pay{color:#ef4444}.action-link.success{color:var(--primary-color);opacity:.7;cursor:default}.summary-sidebar{width:320px;display:flex;flex-direction:column;gap:1rem}.summary-widget{background:var(--card-bg);padding:1.25rem;border-radius:1.5rem;box-shadow:0 4px 15px #00000008;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color);transition:background-color .3s,border-color .3s}.widget-label{display:block;font-size:.85rem;color:var(--text-gray);margin-bottom:.25rem}.widget-value{font-size:1.2rem;font-weight:500}.widget-icon{background-color:var(--primary-light);color:var(--primary-color);width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.5rem}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:var(--card-bg);width:100%;max-width:500px;border-radius:1rem;padding:1rem;box-shadow:0 20px 25px -5px #0000001a;animation:slideUp .3s ease-out;transition:background-color .3s}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{font-size:1.5rem;color:var(--text-dark)}.close-btn{background:none;border:none;cursor:pointer;color:var(--text-gray)}.form-grid{display:flex;flex-direction:column;gap:1rem}.row-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-footer{margin-top:2rem;display:flex;justify-content:flex-end;gap:1rem}.btn-cancel{padding:.75rem 1.5rem;border:1px solid var(--border-color);background:var(--card-bg);border-radius:.5rem;cursor:pointer;font-weight:600;color:var(--text-gray);transition:background-color .2s}.btn-confirm{padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.5rem}@media(max-width:1100px){.cards-layout{flex-direction:column;align-items:normal}.summary-sidebar{width:100%;flex-direction:row;overflow-x:auto;padding-bottom:1rem}.summary-widget{min-width:250px}}@media(max-width:1024px){.main-content{margin-left:0;width:100%;padding:1.5rem;padding-top:calc(60px + 1.5rem)}.cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.main-content{padding:1rem;padding-top:calc(60px + 1rem)}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.cards-grid{grid-template-columns:1fr}.modal-content{width:95%;max-height:90vh}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.filter-overlay{position:fixed;inset:0;width:100%;height:100%;background:#0006;z-index:998;animation:fadeIn .3s ease;zoom:normal}.filter-sidebar{position:fixed;top:0;right:0;bottom:0;width:400px;height:100%;background:var(--card-bg);z-index:999;box-shadow:-5px 0 25px #0000001a;display:flex;flex-direction:column;animation:slideInRight .3s ease-out;transition:background-color .3s;zoom:normal}.filter-header{padding:1.5rem 2rem 1rem;display:flex;justify-content:space-between;align-items:center}.filter-header h2{font-size:1.25rem;color:var(--text-dark);font-weight:600}.close-btn-mobile{background:none;border:none;cursor:pointer;color:var(--text-gray)}.filter-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 1rem}.tab-btn{flex:1;background:none;border:none;padding:1rem;font-size:.85rem;font-weight:600;color:var(--text-gray);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;position:relative}.tab-btn.active{color:var(--primary-color)}.tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--primary-color);border-top-left-radius:3px;border-top-right-radius:3px}.filter-body{flex:1;overflow-y:auto;padding:2rem}.form-content{display:flex;flex-direction:column;gap:1.5rem}.date-row{display:flex;gap:1rem}.input-group-line{display:flex;flex-direction:column;flex:1;gap:.5rem}.input-group-line label{font-size:.8rem;color:var(--text-gray);align-self:flex-start}.input-group-line input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:2rem;padding:.75rem 1.25rem;font-size:.95rem;color:var(--text-dark);outline:none;width:100%;transition:all .2s;font-family:inherit}.input-group-line input:hover{border-color:var(--primary-color);background-color:var(--hover-bg)}.input-group-line input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.filter-field{display:flex;flex-direction:column;gap:.5rem}.filter-field label{font-size:.8rem;color:var(--text-gray)}.dropdown-wrapper{position:relative}.pill-select{display:flex;justify-content:space-between;align-items:center;background:var(--input-bg);border:1px solid var(--border-color);border-radius:2rem;padding:.75rem 1.25rem;font-size:.95rem;color:var(--text-dark);cursor:pointer;width:100%;transition:all .2s}.pill-select:hover{border-color:var(--primary-color);background-color:var(--hover-bg)}.chevron-open{transform:rotate(180deg);transition:transform .2s}.dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 4px 12px #0000001a;max-height:250px;overflow-y:auto;z-index:100;animation:slideDown .2s ease-out}.dropdown-option{width:100%;padding:.75rem 1rem;border:none;background:none;text-align:left;font-size:.9rem;color:var(--text-dark);cursor:pointer;transition:background-color .15s}.dropdown-option:hover{background-color:var(--hover-bg)}.dropdown-option.active{background-color:var(--primary-light);color:var(--primary-color);font-weight:600}.dropdown-option:first-child{border-radius:.75rem .75rem 0 0}.dropdown-option:last-child{border-radius:0 0 .75rem .75rem}.toggle-row{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.toggle-row span{color:var(--text-gray);font-size:.95rem}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.filter-footer{padding:1.5rem 2rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);transition:background-color .3s,border-color .3s}.btn-text{background:none;border:none;color:var(--primary-color);font-weight:600;font-size:.9rem;cursor:pointer;text-transform:uppercase}.btn-primary-solid{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 2rem;border-radius:2rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s;text-transform:uppercase}.btn-primary-solid:hover{background-color:var(--primary-hover)}@media(max-width:480px){.filter-sidebar{width:100%}}.layout-container{display:flex;background-color:var(--bg-color);min-height:100vh;overflow-x:hidden}.main-content{margin-left:260px;flex:1;padding:2rem 3rem;width:calc(100% - 260px);overflow-x:hidden}.content-wrapper{display:flex;gap:2rem;align-items:flex-start}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1{font-size:1.75rem;color:var(--text-dark)}.page-header p{color:var(--text-gray);margin-top:.25rem}.header-actions{display:flex;gap:.5rem;align-items:center}.search-box{display:flex;align-items:center;gap:.5rem}.search-box input{padding:.625rem 1rem;border:1px solid var(--border-color);border-radius:2rem;font-size:.9rem;outline:none;width:250px;transition:all .2s;background-color:var(--input-bg);color:var(--text-dark)}.search-box input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.action-btn{background:var(--card-bg);border:1px solid var(--border-color);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-gray);transition:all .2s}.action-btn:hover{background-color:var(--hover-bg);color:var(--primary-color);border-color:var(--primary-color)}.action-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.action-btn.primary{background-color:var(--primary-color);color:#fff;width:auto;padding:0 1rem;gap:.5rem;border-radius:.5rem}.transactions-left{flex:1;background:var(--card-bg);border-radius:1.25rem;padding:1.5rem;box-shadow:0 4px 20px #0000000a;border:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000000d;transition:background-color .3s,border-color .3s}.month-selector{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem}.month-filter-wrapper{position:relative}.chevron{transition:transform .2s;margin-left:auto}.chevron.open{transform:rotate(180deg)}.month-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 12px #0000001a;max-height:300px;overflow-y:auto;z-index:100;animation:slideDown .2s ease-out}.month-option{width:100%;padding:.75rem 1rem;border:none;background:none;text-align:left;font-size:.9rem;color:var(--text-dark);cursor:pointer;transition:background-color .15s}.month-option:hover{background-color:var(--hover-bg)}.month-option.active{background-color:var(--primary-light);color:var(--primary-color);font-weight:600}.month-option:first-child{border-radius:.5rem .5rem 0 0}.month-option:last-child{border-radius:0 0 .5rem .5rem}.table-container{width:100%;overflow-x:auto}.transaction-table{width:100%;border-collapse:collapse}.transaction-table th{text-align:left;padding:1rem;font-size:.85rem;color:var(--text-gray);font-weight:600;background-color:var(--hover-bg)}.transaction-table th:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.transaction-table th:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.transaction-table td{padding:1rem;font-size:.9rem;border-bottom:1px solid var(--border-color);vertical-align:middle;color:var(--text-dark)}.status-group{display:flex;align-items:center;gap:.5rem}.icon-alert{color:#ef4444;fill:#fee2e2;width:20px;height:20px}.icon-paid{color:var(--primary-color);fill:var(--primary-light);width:20px;height:20px}.icon-card-bg{background-color:#0d9488;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-card-bg svg{width:12px;height:12px}.category-cell{display:flex;align-items:center;gap:.75rem}.cat-icon{width:32px;height:32px;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.cat-icon.yellow{background-color:#f59e0b20;color:#f59e0b}.cat-icon.green{background-color:var(--primary-light);color:var(--primary-color)}.cat-icon.gray{background-color:#4b5563;color:#fff}.actions-cell{display:flex;gap:.75rem;color:#9ca3af}.actions-cell svg{cursor:pointer;transition:color .2s}.preview-balance-row{background-color:var(--hover-bg);font-weight:600;color:var(--text-dark)}.preview-balance-row td{padding:.75rem 1rem;border:none}.text-gray{color:#6b7280}.text-red{color:#ef4444;font-weight:500}.text-green{color:var(--primary-color);font-weight:500}.fw-500{font-weight:500;color:var(--text-dark)}.transactions-right{width:280px;display:flex;flex-direction:column;gap:1rem}.summary-card{background:var(--card-bg);padding:1.25rem;border-radius:1.25rem;box-shadow:0 4px 20px #0000000a;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color);transition:background-color .3s,border-color .3s}.summary-info{display:flex;flex-direction:column;gap:.25rem}.summary-info span{font-size:.85rem;color:var(--text-gray)}.summary-info strong{font-size:1.25rem;color:var(--text-dark)}.summary-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--primary-color);padding:.5rem;border-radius:.5rem;background-color:var(--primary-light)}.summary-icon.red{background:#fee2e2;color:#ef4444}@media(max-width:1100px){.content-wrapper{flex-direction:column}.transactions-right{width:100%;flex-direction:row;overflow-x:auto;padding-bottom:1rem}.summary-card{min-width:240px}}@media(max-width:1024px){.main-content{margin-left:0;width:100%;padding:1.5rem;padding-top:calc(60px + 1.5rem)}.transactions-wrapper{flex-direction:column}.transactions-left{width:100%}.transactions-right{width:100%;max-width:100%}}@media(max-width:768px){.main-content{padding:1rem;padding-top:calc(60px + 1rem)}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;justify-content:space-between}.transactions-table{overflow-x:auto}.search-box{width:100%}}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.plan-header h1{font-size:1.75rem;color:var(--text-dark)}.plan-header p{color:var(--text-gray);margin-top:.25rem}.plan-header-actions{display:flex;gap:1rem}.plan-period-box{position:relative}.plan-period-box .month-filter-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--card-bg);color:var(--text-dark);font-size:.9rem;font-weight:500;cursor:pointer;outline:none;transition:all .2s;min-width:160px}.plan-period-box .month-filter-btn:hover{border-color:var(--primary-color);background-color:var(--hover-bg)}.plan-period-box .month-filter-btn:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.plan-period-box .chevron{transition:transform .2s;margin-left:auto}.plan-period-box .chevron.open{transform:rotate(180deg)}.plan-period-box .month-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 12px #0000001a;max-height:300px;overflow-y:auto;z-index:100;animation:slideDown .2s ease-out}.plan-period-box .month-option{width:100%;padding:.75rem 1rem;border:none;background:none;text-align:left;font-size:.9rem;color:var(--text-dark);cursor:pointer;transition:background-color .15s}.plan-period-box .month-option:hover{background-color:var(--hover-bg)}.plan-period-box .month-option.active{background-color:var(--primary-light);color:var(--primary-color);font-weight:600}.plan-period-box .month-option:first-child{border-radius:.5rem .5rem 0 0}.plan-period-box .month-option:last-child{border-radius:0 0 .5rem .5rem}.plan-btn-primary{background-color:var(--primary-color);color:var(--white);border:none;padding:.6rem 1.25rem;border-radius:.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background .2s}.plan-btn-primary:hover{background-color:var(--primary-hover)}.plan-sim-banner{background-color:#fefce8;border:1px dashed #eab308;padding:1rem 1.5rem;border-radius:.75rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;animation:planSlideDown .3s ease}@keyframes planSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dark-mode .plan-sim-banner{background-color:#eab3081a}.plan-sim-content{display:flex;align-items:center;gap:1rem;color:#854d0e}.dark-mode .plan-sim-content{color:#fef08a}.plan-sim-icon{color:#eab308}.plan-sim-text{display:flex;flex-direction:column}.plan-sim-actions{display:flex;gap:1rem}.plan-btn-sm{background-color:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer}.plan-btn-text{background:none;border:none;color:var(--text-gray);font-weight:600;cursor:pointer}.plan-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;margin-bottom:2rem}.plan-kpi-card{max-width:340px;background-color:var(--card-bg);padding:1.5rem;border-radius:1rem;border:1px solid var(--border-color);display:flex;align-items:center;gap:1rem}.plan-kpi-icon{width:48px;height:48px;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.plan-kpi-icon.income{background-color:var(--primary-light);color:var(--primary-color)}.plan-kpi-icon.expense{background-color:#fee2e2;color:#ef4444}.plan-kpi-icon.balance,.plan-kpi-icon.savings{background-color:var(--primary-light);color:var(--primary-color)}.plan-kpi-card span{font-size:.85rem;color:var(--text-gray);display:block;margin-bottom:.25rem}.plan-kpi-card h3{font-size:1.5rem;font-weight:700;margin:0}.plan-text-success{color:var(--success-color)}.plan-text-danger{color:var(--danger-color)}.plan-text-warning{color:#f59e0b}.plan-text-warning-sm{color:#f59e0b;font-size:.75rem;margin-top:.25rem;display:block}.plan-text-primary{color:var(--primary-color)}.plan-text-sim{color:#eab308;font-style:italic}.plan-main-columns{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.plan-col-left,.plan-col-right{display:flex;flex-direction:column;gap:1.5rem}.plan-content-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem}.plan-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.plan-card-header h3{font-size:1.1rem;color:var(--text-dark)}.plan-badge-outline{font-size:.75rem;border:1px solid var(--border-color);padding:2px 8px;border-radius:12px;color:var(--text-gray)}.plan-expenses-list{display:flex;flex-direction:column;gap:0;max-height:350px;overflow-y:auto;padding-right:.5rem}.plan-expense-row{margin-bottom:1.5rem}.plan-expense-row.exceeds-max{border-left:3px solid #f59e0b;padding-left:.75rem;margin-left:-.75rem}.plan-exp-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.plan-exp-name{font-weight:500;color:var(--text-dark)}.plan-exp-values{color:var(--text-gray);font-size:.85rem;text-align:right;flex:1;display:flex;flex-direction:column;align-items:flex-end}.plan-exp-meta-wrapper{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.plan-exp-values strong{color:var(--text-dark);margin-left:.5rem}.plan-number-input-inline{width:auto;min-width:120px;padding:.2rem .5rem;border:1px solid var(--primary-color);border-radius:4px;font-size:.85rem;color:var(--text-dark);background:var(--card-bg);text-align:right;font-weight:500}.plan-number-input-inline:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.plan-btn-edit-expense,.plan-btn-save-expense,.plan-btn-cancel-expense{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;padding:0;border:1px solid var(--border-color);border-radius:6px;background-color:var(--card-bg);color:var(--text-gray);cursor:pointer;transition:all .2s;flex-shrink:0}.plan-btn-edit-expense:hover,.plan-btn-edit-expense:focus{color:var(--primary-color);border-color:var(--primary-color);background-color:var(--primary-light);outline:none}.plan-btn-save-expense{color:var(--text-dark);border-color:#10b981}.plan-btn-save-expense:hover,.plan-btn-save-expense:focus{color:#10b981;border-color:#10b981;background-color:#10b9810d;outline:none}.plan-btn-cancel-expense{color:var(--text-dark);border-color:#ef4444}.plan-btn-cancel-expense:hover,.plan-btn-cancel-expense:focus{color:#ef4444;border-color:#ef4444;background-color:#ef44440d;outline:none}.plan-number-input-inline::-webkit-outer-spin-button,.plan-number-input-inline::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.plan-btn-edit-expense{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-gray);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.plan-btn-edit-expense:hover{background-color:var(--hover-bg);color:var(--primary-color)}.plan-btn-edit-expense:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.plan-empty-state{text-align:center;margin-top:2rem;padding:.75rem .5rem;padding-top:2rem!important;color:var(--text-gray);font-size:.95rem}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);white-space:nowrap}.plan-prog-container{width:100%;height:4px;background-color:var(--hover-bg);border-radius:2px;overflow:hidden}.plan-prog-bar{height:100%;transition:width .3s}.plan-prog-bar.primary{background-color:var(--primary-color)}.plan-prog-bar.warning{background-color:#f59e0b}.plan-prog-bar.danger{background-color:#ef4444}.plan-text-danger-sm{color:var(--danger-color);font-size:.75rem;margin-top:.25rem;display:block}.plan-data-table{width:100%;border-collapse:collapse}.plan-data-table th{text-align:left;font-size:.8rem;color:var(--text-gray);padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.plan-data-table th.plan-text-right{text-align:right}.plan-data-table td{padding:.75rem 0;border-bottom:1px solid var(--border-color);color:var(--text-dark);font-size:.9rem}.plan-data-table tr:last-child td{border-bottom:none}.plan-text-right{text-align:right}.plan-fw-bold{font-weight:600}.plan-badge-type{font-size:.75rem;padding:2px 8px;border-radius:4px;text-transform:capitalize}.plan-badge-type.fixa{background-color:var(--hover-bg);color:var(--text-gray)}.plan-badge-type.estimada{background-color:var(--primary-light);color:var(--primary-color)}.actions-cell{display:flex;gap:1rem;align-items:center;justify-content:flex-end}.actions-cell svg{color:var(--text-gray);transition:color .2s}.actions-cell svg:hover{color:var(--primary-color)}.plan-header-tooltip{display:flex;align-items:center;gap:.5rem}.plan-tooltip-icon{color:var(--text-gray);cursor:help}.plan-btn-icon-text{background:none;border:none;color:var(--primary-color);font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:.25rem;cursor:pointer}.plan-alerts-wrapper{display:flex;flex-direction:column;gap:1rem}.plan-alerts-wrapper h4{font-size:1rem;color:var(--text-dark)}.plan-alert-box{padding:1rem;border-radius:.75rem;display:flex;gap:.75rem;font-size:.9rem}.plan-alert-box.danger{background-color:#fee2e2;border:1px solid #ef4444;color:#ef4444}.plan-alert-box.info{background-color:var(--primary-light);border:1px solid var(--primary-color);color:var(--primary-color)}.plan-chart-wrapper{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.plan-bar-group{display:flex;align-items:center;gap:1rem;font-size:.85rem}.plan-bar-label{width:50px;color:var(--text-gray)}.plan-bar-value{width:80px;text-align:right;font-weight:600;color:var(--text-dark)}.plan-bar-track{flex:1;height:12px;background:var(--hover-bg);border-radius:6px;overflow:hidden}.plan-bar-fill{height:100%;transition:width .3s ease}.plan-bar-fill.real{background-color:#64748b}.plan-bar-fill.planned{background-color:var(--primary-color)}.plan-goals-list{display:grid;grid-template-columns:1fr;gap:1rem;max-height:260px;overflow-y:auto}.plan-goal-item{border:1px solid var(--border-color);padding:1rem;border-radius:.75rem;background-color:var(--bg-color)}.plan-goal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;position:relative}.plan-goal-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.plan-goal-menu{position:relative}.plan-goal-menu-btn{background:none;border:none;color:var(--text-gray);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.plan-goal-menu-btn:hover{color:var(--text-dark);background-color:var(--hover-bg)}.plan-goal-menu-dropdown{position:absolute;top:100%;right:0;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;min-width:140px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;display:none}.plan-goal-menu-dropdown.active{display:block}.plan-menu-item{width:100%;padding:.6rem 1rem;border:none;background:none;color:var(--text-dark);font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s;text-align:left}.plan-menu-item:hover{background-color:var(--hover-bg)}.plan-menu-item.delete{color:var(--danger-color)}.plan-menu-item.delete:hover{background-color:#ef44441a}.plan-goal-header strong{font-size:.95rem;color:var(--text-dark)}.plan-goal-header small{color:var(--text-gray);font-size:.8rem}.plan-goal-prog-wrap{height:6px;background-color:var(--border-color);border-radius:3px;margin-bottom:.5rem}.plan-goal-prog-bar{height:100%;background-color:var(--primary-color);border-radius:3px}.plan-goal-footer{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-dark)}.plan-goal-sug{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--border-color);font-size:.8rem;color:var(--primary-color)}.plan-btn-link{background:none;border:none;color:var(--primary-color);font-weight:600;cursor:pointer;font-size:.85rem}@media(max-width:1024px){.plan-summary-grid{grid-template-columns:1fr 1fr}.plan-main-columns{grid-template-columns:1fr}}@media(max-width:600px){.plan-summary-grid{grid-template-columns:1fr}.plan-header-actions{flex-direction:column;width:100%}.plan-btn-primary{width:100%;justify-content:center}}.plan-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.plan-modal{background-color:var(--card-bg);border-radius:12px;box-shadow:0 10px 40px #00000026;max-width:450px;width:90%;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.plan-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.plan-modal-header h2{font-size:1.25rem;color:var(--text-dark);margin:0}.plan-modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-gray);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.plan-modal-close:hover{background-color:var(--hover-bg);color:var(--text-dark)}.plan-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.plan-form-group{display:flex;flex-direction:column;gap:.5rem}.plan-form-group label{font-weight:500;color:var(--text-dark);font-size:.95rem}.plan-form-input{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.95rem;color:var(--text-dark);background-color:var(--bg-color);transition:border-color .2s}.plan-form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.plan-form-helper{font-size:.8rem;color:var(--text-gray);margin-top:.25rem;display:block}.plan-modal-footer{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color);justify-content:flex-end}.plan-btn-secondary{background-color:transparent;color:var(--text-gray);border:1px solid var(--border-color);padding:.6rem 1.25rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.plan-btn-secondary:hover{background-color:var(--hover-bg);color:var(--text-dark);border-color:var(--text-gray)}.plan-btn-danger{background-color:#ef4444;color:#fff;border:none;padding:.6rem 1.25rem;border-radius:.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s}.plan-btn-danger:hover{background-color:#dc2626}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}@media(max-width:1200px){.plan-summary-grid{grid-template-columns:repeat(3,1fr)}.plan-kpi-card{max-width:100%}}@media(max-width:1024px){.plan-summary-grid{grid-template-columns:repeat(2,1fr)}.plan-main-columns{grid-template-columns:1fr}.plan-header{flex-direction:column;align-items:flex-start;gap:1rem}.plan-header-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.plan-period-box .month-filter-btn{min-width:140px}}@media(max-width:768px){.plan-summary-grid{grid-template-columns:1fr}.plan-kpi-card{padding:1rem}.plan-header h1{font-size:1.5rem}.plan-header-actions{flex-direction:column;width:100%}.month-filter-wrapper{width:100%}.plan-period-box .month-filter-btn{width:100%;min-width:unset;justify-content:space-between}.plan-btn-primary{width:100%;justify-content:center}.plan-sim-banner{flex-direction:column;gap:1rem;align-items:flex-start}.plan-sim-actions{width:100%;justify-content:flex-end}.plan-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.plan-card-header button{align-self:flex-end}}.rep-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.rep-header h1{font-size:1.75rem;color:var(--text-dark)}.rep-header p{color:var(--text-gray);margin-top:.25rem}.rep-btn-secondary{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-dark);padding:.6rem 1.25rem;border-radius:.5rem;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.rep-btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.rep-filters-card{background:var(--card-bg);border-radius:1rem;border:1px solid var(--border-color);padding:1.25rem;margin-bottom:2rem;box-shadow:0 2px 4px #00000005}.rep-filters-grid{display:grid;grid-template-columns:2fr 2fr 1.5fr auto;gap:1.5rem;align-items:end}.rep-input-group label:not(.rep-checkbox-label){display:block;font-size:.85rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem}.rep-date-row{display:flex;align-items:center;gap:.5rem}.rep-input-wrapper{position:relative;flex:1;display:flex;align-items:center}.rep-input-wrapper svg{position:absolute;left:.75rem;color:var(--text-gray);pointer-events:none}.rep-input-wrapper input{width:100%;padding:.6rem .6rem .6rem 2.5rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--input-bg);color:var(--text-dark);outline:none}.rep-input-wrapper input:focus{border-color:var(--primary-color)}.rep-type-pills{display:flex;background-color:var(--hover-bg);padding:.25rem;border-radius:.5rem}.rep-pill{flex:1;border:none;background:transparent;padding:.45rem;border-radius:.4rem;color:var(--text-gray);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.rep-pill.active{background-color:var(--card-bg);color:var(--primary-color);box-shadow:0 1px 3px #0000001a;font-weight:600}.rep-custom-select-container{position:relative;width:100%}.rep-custom-select-trigger{width:100%;padding:.3rem .75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--input-bg);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s;color:var(--text-dark)}.rep-custom-select-trigger:hover{border-color:#d1d5db}.rep-custom-select-trigger.active{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.rep-selected-value{display:flex;align-items:center;gap:.75rem;font-size:.95rem}.rep-arrow{color:var(--text-gray);transition:transform .2s}.rep-arrow.open{transform:rotate(180deg)}.rep-custom-select-menu{position:absolute;top:110%;left:0;width:100%;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;z-index:50;max-height:240px;overflow-y:auto;padding:.5rem;animation:fadeIn .1s ease-out}.rep-select-option{width:100%;display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border:none;background:transparent;text-align:left;cursor:pointer;border-radius:.4rem;color:var(--text-dark);font-size:.9rem;transition:background .1s;margin-bottom:.25rem}.rep-select-option:hover{background-color:var(--hover-bg)}.rep-select-option.selected{background-color:var(--primary-light);background-color:#0478571a;color:var(--primary-color);font-weight:500}.rep-cat-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rep-cat-icon.default{background-color:var(--hover-bg);color:var(--text-gray)}.rep-cat-icon.multi{background-color:var(--primary-color);color:#fff}.rep-check-icon{margin-left:auto;color:var(--primary-color)}.rep-menu-divider{height:1px;background-color:var(--border-color);margin:.5rem 0}.rep-btn-primary{height:42px;background-color:var(--primary-color);color:#fff;border:none;padding:0 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .2s}.rep-btn-primary:hover{background-color:var(--primary-hover)}.rep-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.rep-kpi-card{background:var(--card-bg);padding:1.5rem;border-radius:1rem;border:1px solid var(--border-color);display:flex;align-items:center;gap:1rem}.icon-box{width:48px;height:48px;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.icon-box.income{background:var(--primary-light);color:var(--primary-color)}.icon-box.expense{background:#ef44441a;color:#ef4444}.icon-box.balance{background:var(--hover-bg);color:var(--text-dark)}.icon-box.savings{background:var(--primary-light);color:var(--primary-color)}.text-primary{color:var(--primary-color)}.text-danger{color:#ef4444}.rep-charts-layout{display:flex;flex-direction:column;gap:1.5rem}.rep-chart-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;min-width:0}.rep-chart-header h3{font-size:1.1rem;color:var(--text-dark);margin-bottom:0}.rep-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-toggles{display:flex;background-color:var(--hover-bg);padding:.2rem;border-radius:.5rem;gap:.25rem}.chart-pill{border:none;background:transparent;padding:.3rem .8rem;border-radius:.4rem;color:var(--text-gray);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.chart-pill.active{background-color:var(--card-bg);color:var(--primary-color);box-shadow:0 1px 2px #0000001a;font-weight:600}.rep-chart-container-lg{height:350px;width:100%}.rep-chart-container-md{height:280px;width:100%}.rep-chart-container-sm{height:200px;width:100%}.center-flex{display:flex;justify-content:center}.rep-column-split{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.rep-column-split-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.chart-center-text{transform:translateY(-10px)}.rep-insights-list{display:flex;flex-direction:column;gap:1rem}.rep-insight-card{background:var(--card-bg);border:1px solid var(--border-color);padding:.8rem;border-radius:.75rem;display:flex;gap:.8rem;align-items:start}.insight-icon{padding:.4rem;border-radius:.5rem}.rep-insight-card.positive .insight-icon{background:#10b9811a;color:#10b981}.rep-insight-card.warning .insight-icon{background:#f59e0b1a;color:#f59e0b}.rep-insight-card strong{display:block;font-size:.9rem;color:var(--text-dark)}.rep-insight-card p{font-size:.8rem;color:var(--text-gray);margin:0}.rep-table-wrapper{overflow-x:auto}.rep-mini-table{width:100%;border-collapse:collapse;font-size:.9rem}.rep-mini-table th{padding:.75rem 1rem;color:var(--text-gray);border-bottom:2px solid var(--border-color);font-weight:600;text-align:right}.rep-mini-table th:first-child{text-align:left}.rep-mini-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-dark)}.rep-mini-table tr:last-child td{border-bottom:none}.table-cat-flex{display:flex;align-items:center;gap:.5rem;font-weight:500}.dot{width:8px;height:8px;border-radius:50%}.rep-custom-tooltip{background:var(--card-bg);border:1px solid var(--border-color);padding:.75rem;border-radius:.5rem;box-shadow:0 4px 10px #0000001a}.rep-tooltip-header{font-weight:600;margin-bottom:.5rem;color:var(--text-dark)}.rep-tooltip-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-gray)}.rep-tooltip-row strong{margin-left:auto;color:var(--text-dark)}.rep-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.rep-modal{background-color:var(--card-bg);width:100%;max-width:440px;border-radius:1.25rem;padding:1.5rem;box-shadow:0 25px 50px -12px #00000040;transform:translateY(0);animation:slideUp .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.rep-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.rep-modal-badge{font-size:1.25rem;color:var(--text-dark);font-weight:600}.rep-modal-header button{background:transparent;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-gray);cursor:pointer;transition:all .2s}.rep-modal-body{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.rep-modal-hero{display:flex;justify-content:center;margin-bottom:.5rem}.rep-hero-circle{width:80px;height:80px;border:1px solid var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.rep-text-center{text-align:center}.rep-text-center h2{font-size:1.25rem;color:var(--text-dark);margin-bottom:.5rem}.rep-text-center p{font-size:.9rem;color:var(--text-gray);line-height:1.5}.rep-file-preview-card{display:flex;align-items:center;gap:1rem;background-color:var(--bg-color);border:1px solid var(--border-color);padding:1rem;border-radius:.75rem}.rep-file-icon-box{width:48px;height:48px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-dark)}.rep-file-details{display:flex;flex-direction:column}.rep-file-details strong{font-size:.95rem;color:var(--text-dark)}.rep-file-details span{font-size:.8rem;color:var(--text-gray);margin-top:2px}.rep-modal-footer{display:grid;grid-template-columns:1fr 1.5fr;gap:1rem}.rep-btn-ghost{background:transparent;border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:.5rem;color:var(--text-dark);font-weight:600;cursor:pointer;transition:background .2s}.rep-btn-ghost:hover{background-color:var(--hover-bg)}@media(max-width:1024px){.rep-filters-grid,.rep-kpi-grid{grid-template-columns:1fr 1fr}.rep-column-split-3{grid-template-columns:1fr}}@media(max-width:768px){.rep-filters-grid,.rep-column-split{grid-template-columns:1fr}.rep-btn-primary{width:100%}}.rep-checkbox-label{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--text-dark);cursor:pointer;-webkit-user-select:none;user-select:none;padding:.6rem .5rem}.rep-checkbox-label input{display:none}.rep-checkbox-label:before{content:"";width:20px;height:20px;border:2px solid var(--border-color);border-radius:6px;background-color:var(--input-bg);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.rep-checkbox-label:hover:before{border-color:var(--primary-color)}.rep-checkbox-label:has(input:checked):before{background-color:var(--primary-color);border-color:var(--primary-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.goals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.goals-header h1{font-size:1.75rem;color:var(--text-dark)}.goals-header p{color:var(--text-gray);margin-top:.25rem}.goals-btn-primary{background-color:var(--primary-color);color:var(--white);border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background .2s}.goals-btn-primary:hover{background-color:var(--primary-hover)}.goals-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem}.goals-kpi-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1rem}.goals-kpi-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.5rem}.goals-kpi-icon.total,.goals-kpi-icon.active,.goals-kpi-icon.completed{background-color:var(--primary-light);color:var(--primary-color)}.goals-kpi-card span{font-size:.85rem;color:var(--text-gray);display:block}.goals-kpi-card h3{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-dark)}.goals-tabs{display:flex;gap:1rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.goals-tab{background:none;border:none;padding:.75rem 1rem;font-size:.95rem;font-weight:500;color:var(--text-gray);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.goals-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.goals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.goal-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.goal-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.goal-card.finished{opacity:.9;border-color:var(--primary-color)}.dark-mode .goal-card.finished{background-color:#10b9811a;border-color:#10b98133}.goal-card-header{display:flex;justify-content:space-between;margin-bottom:1rem}.goal-icon-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.goal-options-btn{background:none;border:none;color:var(--text-gray);cursor:pointer}.goal-menu-container{position:relative}.goal-menu-dropdown{position:absolute;top:50%;right:0;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 6px #0000001a;z-index:10;min-width:150px;overflow:hidden}.goal-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-dark);cursor:pointer;font-size:.9rem;text-align:left;transition:background-color .2s}.goal-menu-item:hover{background-color:var(--hover-bg, rgba(0, 0, 0, .05))}.goal-menu-item.delete{color:#ef4444;border-top:1px solid var(--border-color)}.goal-menu-item.delete:hover{background-color:#ef44441a}.goal-info h3{font-size:1.1rem;color:var(--text-dark);margin-bottom:.25rem}.goal-deadline{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-gray)}.goal-values{display:flex;justify-content:space-between;align-items:flex-end;margin-top:1.5rem;margin-bottom:.5rem}.goal-values strong{font-size:1.25rem;color:var(--text-dark)}.goal-values span{font-size:.85rem;color:var(--text-gray)}.goal-progress-container{width:100%;height:8px;background-color:var(--hover-bg);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.goal-progress-bar{height:100%;border-radius:4px;transition:width .5s ease}.goal-percentage{text-align:right;font-size:.75rem;font-weight:600;color:var(--text-gray)}.goal-divider{border:none;border-top:1px dashed var(--border-color);margin:1rem 0}.goal-suggestion-box{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin-bottom:1rem}.goal-suggestion-box span{color:var(--text-gray)}.goal-suggestion-box strong{color:var(--primary-color)}.goal-deposit-btn{width:100%;padding:.75rem;border:1px solid var(--primary-color);background:transparent;color:var(--primary-color);border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.goal-deposit-btn:hover{background-color:var(--primary-color);color:var(--white)}.goal-completed-msg{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--primary-color);font-weight:600;padding:.5rem}.icon-selector{display:flex;gap:.65rem;flex-wrap:wrap}.icon-option{width:3rem;height:3rem;border:2px solid var(--border-color);border-radius:.5rem;background-color:var(--input-bg);color:var(--text-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;font-size:0}.icon-option:hover{border-color:var(--primary-color);color:var(--primary-color)}.icon-option.active{border-color:var(--primary-color);background-color:var(--primary-color);color:var(--white)}.color-selector{display:flex;gap:.65rem;flex-wrap:wrap}.color-option{width:2.5rem;height:2.5rem;border:2px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s;padding:0}.color-option:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.color-option.active{border-color:var(--text-dark);box-shadow:0 0 0 3px var(--card-bg),0 0 0 5px var(--text-dark)}.goal-detail-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.goal-detail-modal{background-color:var(--card-bg);border-radius:1rem;max-width:900px;width:90%;overflow-y:auto;box-shadow:0 20px 25px -5px #0003}.goal-detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;border-bottom:1px solid var(--border-color)}.goal-detail-title{display:flex;gap:1rem;align-items:center}.goal-detail-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.goal-detail-title h2{font-size:1.5rem;color:var(--text-dark);margin:0}.goal-detail-date{display:flex;align-items:center;gap:.4rem;color:var(--text-gray);font-size:.9rem;margin-top:.25rem}.goal-detail-close{background:none;border:none;color:var(--text-gray);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.goal-detail-body{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem}.goal-detail-left{display:flex;flex-direction:column;gap:1.5rem}.goal-detail-values{display:grid;grid-template-columns:1fr;gap:.75rem}.value-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--hover-bg, rgba(0, 0, 0, .02));border-radius:.5rem}.value-label{color:var(--text-gray);font-size:.9rem}.value-amount{font-weight:600;font-size:1rem;color:var(--text-dark)}.goal-detail-circle{display:flex;justify-content:center;align-items:center;padding:1rem}.circle-svg{width:200px;height:200px}.circle-text{font-size:24px;font-weight:600}.goal-detail-suggestion{background-color:var(--hover-bg, rgba(0, 0, 0, .02));border-radius:.75rem;padding:1rem;text-align:center}.suggestion-header{color:var(--text-gray);font-size:.85rem;margin-bottom:.5rem}.suggestion-amount{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.suggestion-hint{color:var(--text-gray);font-size:.85rem;margin:0}.goal-detail-right{border-left:1px solid var(--border-color);padding-left:2rem}.goal-detail-right h3{font-size:1.1rem;color:var(--text-dark);margin:0 0 1rem}.goal-history-list{display:flex;flex-direction:column;gap:.5rem;max-height:350px;overflow-y:auto;margin-bottom:1rem;padding-right:.5rem}.history-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:var(--hover-bg, rgba(0, 0, 0, .02));border-radius:.375rem;font-size:.9rem;gap:.75rem}.history-month{color:var(--text-gray);flex:1}.history-value{font-weight:600}.history-actions{display:flex;gap:.25rem}.history-action-btn{background:none;border:none;cursor:pointer;padding:.35rem;border-radius:.25rem;color:var(--text-gray);display:flex;align-items:center;justify-content:center;transition:all .2s}.history-action-btn.edit:hover{color:var(--primary-color);background-color:#3b82f61a}.history-action-btn.delete:hover{color:#ef4444;background-color:#ef44441a}.history-action-btn.save{color:#10b981}.history-action-btn.save:hover{background-color:#10b9811a}.history-action-btn.cancel{color:#ef4444}.history-action-btn.cancel:hover{background-color:#ef44441a}.history-btn-edit,.history-btn-delete{background:none;border:none;color:var(--text-gray);cursor:pointer;padding:.25rem .4rem;font-size:.85rem;transition:all .2s;border-radius:.25rem}.history-btn-edit:hover{color:var(--primary-color);background-color:#3b82f61a}.history-btn-delete:hover{color:#ef4444;background-color:#ef44441a}.history-edit-form{display:flex;gap:.5rem;align-items:center;width:100%}.history-edit-input{flex:1;padding:.4rem .5rem;border:1px solid var(--primary-color);border-radius:.25rem;background-color:var(--input-bg);color:var(--text-dark);font-size:.85rem;font-family:inherit}.history-edit-input:focus{outline:none;box-shadow:0 0 0 2px #3b82f633}.history-btn-save,.history-btn-cancel{background:none;border:none;cursor:pointer;padding:.4rem;font-size:.85rem;border-radius:.25rem;transition:all .2s;font-weight:600}.history-btn-save{color:#10b981}.history-btn-save:hover{background-color:#10b9811a}.history-btn-cancel{color:#ef4444}.history-btn-cancel:hover{background-color:#ef44441a}.history-total{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--hover-bg, rgba(0, 0, 0, .02));border-radius:.5rem;font-weight:600}.deposit-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.deposit-modal{background-color:var(--card-bg);border-radius:1rem;max-width:400px;width:90%;box-shadow:0 20px 25px -5px #0003}.deposit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.deposit-modal-header h2{font-size:1.25rem;color:var(--text-dark);margin:0}.deposit-modal-close{background:none;border:none;color:var(--text-gray);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.deposit-modal-body{padding:1.5rem}.deposit-form-group{display:flex;flex-direction:column;gap:.5rem}.deposit-form-group label{color:var(--text-dark);font-weight:500;font-size:.9rem}.deposit-form-input{padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--input-bg);color:var(--text-dark);font-size:1rem;font-family:inherit;transition:border-color .2s}.deposit-form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.deposit-modal-footer{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color)}.deposit-btn-secondary,.deposit-btn-primary{flex:1;padding:.75rem 1rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem}.deposit-btn-secondary{background-color:var(--hover-bg, rgba(0, 0, 0, .05));color:var(--text-dark)}.deposit-btn-secondary:hover{background-color:var(--hover-bg, rgba(0, 0, 0, .1))}.deposit-btn-primary{background-color:var(--primary-color);color:var(--white)}.deposit-btn-primary:hover{background-color:var(--primary-hover)}@media(max-width:900px){.goals-summary-grid,.goal-detail-body{grid-template-columns:1fr}.goal-detail-right{border-left:none;border-top:1px solid var(--border-color);padding-left:0;padding-top:1.5rem}}.page-header-profile{margin-bottom:2rem}.page-header-profile h1{font-size:1.75rem;color:var(--text-dark);margin-bottom:.5rem}.page-header-profile p{color:var(--text-gray)}.profile-container{display:flex;justify-content:center;margin:0 auto}.profile-card{background:var(--card-bg);width:100%;border-radius:1rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--border-color);padding:2.5rem;display:flex;flex-direction:column;gap:2rem;position:relative}.plan-badge{position:absolute;top:1.5rem;right:1.5rem;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:2rem;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 5px #0000000d}.plan-badge.premium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.plan-badge.pro{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.plan-badge.free{background-color:var(--hover-bg);color:var(--text-gray);border:1px solid var(--border-color)}.plan-badge svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.photo-section{display:flex;flex-direction:column;align-items:center}.avatar-wrapper{position:relative;width:120px;height:120px}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid var(--primary-light)}.avatar-img.plan-premium{border:4px solid #f59e0b}.avatar-img.plan-pro{border:4px solid #8b5cf6}.avatar-img.plan-free{border:4px solid var(--border-color);box-shadow:0 0 10px #0000000d}.avatar-placeholder{width:100%;height:100%;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;border:4px solid var(--primary-light)}.avatar-placeholder.plan-premium{border:4px solid #f59e0b;background:linear-gradient(135deg,#f59e0b,#d97706)}.avatar-placeholder.plan-pro{border:4px solid #8b5cf6;background:linear-gradient(135deg,#8b5cf6,#6366f1)}.avatar-placeholder.plan-free{border:4px solid var(--border-color);background-color:var(--text-gray);box-shadow:0 0 10px #0000000d}.upload-btn{position:absolute;bottom:0;right:0;background-color:var(--card-bg);border:1px solid var(--border-color);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-gray);box-shadow:0 2px 5px #0000001a;transition:all .2s}.upload-btn:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.photo-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 12px #00000026;overflow:hidden;z-index:10;min-width:160px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.photo-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:none;color:var(--text-dark);font-size:.9rem;cursor:pointer;transition:background .2s;text-align:left}.photo-menu-item:hover{background:var(--hover-bg)}.photo-menu-item.remove{color:#ef4444}.photo-menu-item.remove:hover{background:#ef44441a}.user-name-title{font-size:1.25rem;color:var(--text-dark);margin:1.5rem 0 0}.divider{border:none;border-top:1px solid var(--border-color);margin:0}.form-section h3{font-size:1.1rem;color:var(--text-dark);margin-bottom:1.5rem;font-weight:600}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group.full-width{width:100%}.input-group label{font-size:.9rem;font-weight:500;color:var(--text-gray)}.input-group small{color:var(--text-gray);font-size:.8rem}.input-with-icon{position:relative;display:flex;align-items:center}.field-icon{position:absolute;left:1rem;color:var(--text-gray);pointer-events:none}.input-with-icon input,.input-with-icon select{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.95rem;outline:none;background-color:var(--input-bg);color:var(--text-dark);transition:all .2s;font-family:inherit;appearance:none}.input-with-icon.highlight-border input:focus{background-color:var(--primary-light)}.input-with-icon input:focus,.input-with-icon select:focus{border-color:var(--primary-color);background-color:var(--card-bg);box-shadow:0 0 0 3px var(--primary-light)}.form-footer{display:flex;justify-content:flex-end;align-items:center;gap:1.5rem;padding-top:1rem}.success-msg{display:flex;align-items:center;gap:.5rem;color:var(--primary-color);font-weight:600;font-size:.9rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.save-btn{display:flex;align-items:center;gap:.5rem;background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 2rem;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s,transform .1s}.save-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.save-btn:active{transform:translateY(0)}.premium-dashboard{background:linear-gradient(135deg,var(--card-bg) 0%,var(--bg-color) 100%);border-radius:1rem;color:var(--text-dark);padding:1.5rem;margin-top:1rem;border:1px solid var(--border-color);position:relative;overflow:hidden}.pd-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.pd-title-group{display:flex;gap:1rem;align-items:center}.pd-icon-circle{width:56px;height:56px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fffbeb;position:relative}.pd-check-badge{position:absolute;top:0;right:-2px;background-color:var(--primary-color);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid var(--card-bg)}.pd-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.pd-title-row h2{font-size:1.25rem;color:#f59e0b;margin:0;font-weight:700}.pd-status{background-color:#f59e0b33;color:#f59e0b;font-size:.7rem;padding:2px 8px;border-radius:12px;font-weight:700;letter-spacing:.5px}.pd-subtitle{font-size:.85rem;color:var(--text-gray)}.pd-star-icon{color:#f59e0b;opacity:.8}.pd-stats-row{display:flex;justify-content:space-between;background-color:var(--hover-bg);padding:1.25rem;border-radius:.75rem;margin-bottom:1.5rem;border:1px solid var(--border-color)}.pd-stat-item{display:flex;flex-direction:column;align-items:center;flex:1}.pd-stat-item strong{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:.25rem}.pd-stat-item .highlight-stat{color:#f59e0b}.pd-stat-item span{font-size:.8rem;color:var(--text-gray)}.pd-stat-divider{width:1px;background-color:var(--border-color);height:40px;align-self:center}.pd-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.pd-feature-card{padding:1rem;border-radius:.75rem;display:flex;align-items:flex-start;gap:.75rem;transition:background .2s;border:1px solid var(--border-color)}.pd-feature-card:hover{background-color:var(--hover-bg)}.pd-feat-icon{background-color:#f59e0b26;color:#f59e0b;padding:.5rem;border-radius:8px;display:flex}.pd-feature-card h4{font-size:.9rem;color:var(--text-dark);margin-bottom:.2rem;font-weight:600}.pd-feature-card p{font-size:.75rem;color:var(--text-gray);line-height:1.3}.pd-footer{background-color:var(--bg-color);margin:-1.5rem;margin-top:0;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color)}.pd-renewal{display:flex;flex-direction:column}.pd-renewal span{font-size:.8rem;color:var(--text-dark);margin-bottom:.1rem}.pd-renewal strong{font-size:.9rem;color:var(--text-gray);font-weight:500}.btn-manage-plan{background-color:var(--primary-color);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:.5rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-manage-plan:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.premium-dashboard.pro-variant{background:linear-gradient(135deg,var(--card-bg) 0%,var(--bg-color) 100%);border:2px solid #8b5cf6;position:relative;overflow:hidden}.dark-mode .premium-dashboard.pro-variant{border-color:#a78bfa}.pro-variant .pd-icon-circle{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#f5f3ff}.pro-variant .pd-title-row h2{color:#8b5cf6}.dark-mode .pro-variant .pd-title-row h2{color:#a78bfa}.pro-variant .pd-status{background-color:#8b5cf633;color:#8b5cf6}.dark-mode .pro-variant .pd-status{background-color:#a78bfa33;color:#a78bfa}.pro-variant .pd-star-icon{color:#8b5cf6}.dark-mode .pro-variant .pd-star-icon{color:#a78bfa}.pro-variant .pd-stat-item strong.highlight-stat{color:#8b5cf6}.dark-mode .pro-variant .pd-stat-item strong.highlight-stat{color:#a78bfa}.pro-variant .pd-feat-icon{background-color:#8b5cf626;color:#8b5cf6}.dark-mode .pro-variant .pd-feat-icon{background-color:#a78bfa26;color:#a78bfa}.premium-dashboard.upgrade-variant{border:2px solid #fbbf24;position:relative;overflow:hidden}.dark-mode .premium-dashboard.upgrade-variant{border-color:#f59e0b}.upgrade-variant .pd-header,.upgrade-variant .pd-stats-row,.upgrade-variant .pd-features-grid,.upgrade-variant .pd-footer{position:relative;z-index:2}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.upgrade-variant .pd-status.upgrade-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.upgrade-variant .pd-title-row h2{color:#f59e0b;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upgrade-variant .pd-subtitle{color:#92400e}.dark-mode .upgrade-variant .pd-subtitle{color:#d97706}.upgrade-variant .pd-star-icon{color:#f59e0b}.secure-payment{display:flex;align-items:center;gap:.5rem;color:#10b981;font-size:.85rem;font-weight:600}.upgrade-variant .pd-stat-item strong.highlight-stat{color:#f59e0b}.upgrade-variant .pd-feature-card{border:1px solid rgba(251,191,36,.3);transition:all .3s ease;cursor:default}.dark-mode .upgrade-variant .pd-feature-card{border-color:#f59e0b4d}.upgrade-variant .pd-feature-card:hover{border-color:#fbbf24}.upgrade-variant .pd-feat-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.upgrade-variant .pd-footer.upgrade-footer{background:#fffc;border-top:1px solid rgba(251,191,36,.4)}.dark-mode .upgrade-variant .pd-footer.upgrade-footer{background:var(--white);border-top-color:#f59e0b66}.upgrade-variant .pd-renewal span{color:#78350f;font-weight:600}.dark-mode .upgrade-variant .pd-renewal span{color:#fff}.upgrade-variant .pd-renewal strong{color:#92400e;margin-top:.2rem;font-size:.65rem}.dark-mode .upgrade-variant .pd-renewal strong{color:#fff}.btn-upgrade-premium{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff!important;font-weight:700}.btn-upgrade-premium:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-1px)}.toggle-benefits-btn{width:100%;display:flex;align-items:center;justify-content:space-between;background:#fff9;border:1px solid rgba(251,191,36,.3);border-radius:.75rem;padding:1rem 1.25rem;margin-bottom:1rem;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:600;color:#f59e0b;position:relative;z-index:2}.dark-mode .toggle-benefits-btn{background:var(--white);border-color:#f59e0b4d}.chevron-icon{transition:transform .3s ease}.chevron-icon.rotated{transform:rotate(180deg)}.pd-features-grid.benefits-expandable{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease,margin-bottom .3s ease;margin-bottom:0}.pd-features-grid.benefits-expandable.expanded{max-height:800px;opacity:1;margin-bottom:2rem}@media(max-width:900px){.input-grid{grid-template-columns:1fr}}@media(max-width:768px){.input-grid{grid-template-columns:1fr}.profile-card{padding:1.5rem}.form-footer{flex-direction:column-reverse;gap:1rem}.save-btn{width:100%;justify-content:center}.plan-badge{top:1rem;right:1rem;font-size:.75rem;padding:.3rem .7rem}}@media(max-width:600px){.pd-stats-row{flex-direction:column;gap:1rem;text-align:center}.pd-stat-divider{width:100%;height:1px}.pd-features-grid{grid-template-columns:1fr}.pd-footer{flex-direction:column;gap:1rem;align-items:stretch;text-align:center}.btn-upgrade-premium,.btn-manage-plan{width:100%;justify-content:center}}.avatar-uploading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000008c;color:#fff;z-index:2}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.settings-page-header{margin-bottom:2rem}.settings-page-header h1{font-size:1.75rem;color:var(--text-dark)}.settings-page-header p{color:var(--text-gray);margin-top:.25rem}.settings-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.settings-col-left,.settings-col-right{display:flex;flex-direction:column;gap:1.5rem}.settings-card{background:var(--card-bg);border-radius:1rem;border:1px solid var(--border-color);box-shadow:0 2px 5px #00000008;overflow:hidden}.settings-card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.75rem;background-color:var(--hover-bg)}.settings-icon-primary{color:var(--primary-color)}.settings-card-header h3{font-size:1rem;font-weight:600;color:var(--text-dark);margin:0}.settings-card-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.settings-pref-item{display:flex;flex-direction:column;gap:.5rem}.settings-pref-item label{font-size:.85rem;font-weight:500;color:var(--text-gray)}.settings-pref-item select{padding:.6rem;border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-dark);font-size:.95rem;outline:none;background-color:var(--input-bg)}.settings-pref-item select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.settings-color-picker{display:flex;gap:.75rem}.settings-color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid var(--card-bg);box-shadow:0 0 0 1px var(--border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.settings-color-swatch:hover{transform:scale(1.1)}.settings-color-swatch.selected{box-shadow:0 0 0 2px var(--text-dark);transform:scale(1.1)}.settings-info-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--hover-bg)}.settings-info-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.settings-info-content label{font-size:.85rem;font-weight:500;color:var(--text-gray)}.settings-info-value{display:flex;align-items:center;gap:.5rem;color:var(--text-dark);font-size:.95rem}.settings-info-value svg{color:var(--text-gray)}.settings-btn-edit{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.settings-btn-edit:hover{background:var(--primary-hover)}.settings-input-group{display:flex;flex-direction:column;gap:.4rem}.settings-input-group label{font-size:.85rem;font-weight:500;color:var(--text-gray)}.settings-input-wrapper{position:relative;display:flex;align-items:center}.settings-input-wrapper svg{position:absolute;left:.75rem;color:var(--text-gray)}.settings-input-wrapper input{width:100%;padding:.6rem .6rem .6rem 2.5rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.9rem;outline:none;background-color:var(--input-bg);color:var(--text-dark)}.settings-input-wrapper input:focus{border-color:var(--primary-color)}.settings-actions-right{display:flex;justify-content:flex-end}.settings-btn-outline{padding:.5rem 1rem;border:1px solid var(--border-color);background:var(--card-bg);border-radius:.5rem;color:var(--text-dark);font-weight:500;font-size:.85rem;cursor:pointer;display:flex;align-items:center;text-align:center;justify-content:center;gap:.5rem}.settings-btn-outline:hover{background-color:var(--hover-bg)}.settings-plan-banner{background:linear-gradient(135deg,#064e3b,#059669);padding:1rem;border-radius:.75rem;color:#fff;display:flex;justify-content:space-between;align-items:center}.settings-plan-info{display:flex;flex-direction:column}.settings-plan-label{font-size:.75rem;opacity:.8;text-transform:uppercase}.settings-plan-name{font-size:1.1rem;margin:.1rem 0}.settings-plan-price{font-size:.8rem;opacity:.9}.settings-badge-active{background-color:#fff3;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:700}.settings-badge-warning{background-color:#fda4af33;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:700;margin-top:.25rem}.settings-payment-method{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem}.settings-pm-icon{background:var(--hover-bg);padding:.5rem;border-radius:.25rem;color:var(--text-dark)}.settings-pm-details{flex:1;display:flex;flex-direction:column}.settings-pm-details strong{font-size:.9rem;color:var(--text-dark)}.settings-pm-details span{font-size:.75rem;color:var(--text-gray)}.settings-btn-link{background:none;border:none;color:var(--primary-color);font-weight:600;font-size:.85rem;cursor:pointer}.settings-history-link{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--text-gray);cursor:pointer;transition:color .2s}.settings-history-link:hover{color:var(--primary-color)}.settings-arrow-icon{margin-left:auto;color:var(--text-gray)}.settings-subtitle{font-size:.85rem;color:var(--text-gray);margin-bottom:.5rem}.settings-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.settings-toggle-row:last-child{border-bottom:none}.settings-toggle-row span{font-size:.9rem;color:var(--text-dark)}.settings-switch{position:relative;display:inline-block;width:44px;height:24px}.settings-switch input{opacity:0;width:0;height:0}.settings-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.settings-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.settings-switch input:checked+.settings-slider{background-color:var(--primary-color)}.settings-switch input:checked+.settings-slider:before{transform:translate(20px)}.settings-danger-zone{border-color:#ef4444}.settings-icon-danger{color:#ef4444}.settings-text-danger{color:#991b1b}.settings-danger-action{display:flex;flex-direction:column;gap:.75rem}.settings-danger-action>div{flex:1}.settings-danger-action strong{display:block;font-size:.95rem;color:var(--text-dark);margin-bottom:.25rem}.settings-danger-desc{font-size:.85rem;color:var(--text-gray);line-height:1.5;margin:0}.settings-divider{height:1px;background-color:var(--border-color);margin:1.25rem 0}.settings-export-desc{font-size:.9rem;color:var(--text-gray);line-height:1.5;margin-bottom:1rem}.settings-btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.settings-btn-primary:hover{background-color:var(--primary-hover)}.settings-btn-danger{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background-color:#fef2f2;color:#ef4444;border:1px solid #fee2e2;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.settings-btn-danger:hover{background-color:#fee2e2;border-color:#fecaca}.settings-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.settings-modal{background:var(--card-bg);border-radius:1rem;width:90%;max-width:500px;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease}.settings-modal-large{max-width:900px}.settings-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.settings-modal-header h3{font-size:1.25rem;color:var(--text-dark);margin:0}.settings-modal-title-danger{display:flex;align-items:center;gap:.75rem}.settings-modal-title-danger h3{color:#ef4444}.settings-modal-close{background:none;border:none;color:var(--text-gray);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:background .2s}.settings-modal-close:hover{background:var(--hover-bg)}.settings-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.settings-modal-body .settings-input-group{display:flex;flex-direction:column;gap:.5rem}.settings-modal-body .settings-input-group label{font-size:.9rem;font-weight:500;color:var(--text-gray)}.settings-modal-body .settings-input-group input{padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.95rem;outline:none;background-color:var(--input-bg);color:var(--text-dark)}.settings-modal-body .settings-input-group input:disabled{opacity:.6;cursor:not-allowed}.settings-modal-body .settings-input-group input:focus:not(:disabled){border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.settings-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-color)}.settings-btn-primary{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s}.settings-btn-primary:hover{background:var(--primary-hover)}.settings-modal-footer .settings-btn-outline{padding:.75rem 1.5rem;font-size:.9rem}.settings-warning-box{background-color:#fef2f2;border:2px solid #fecaca;border-radius:.5rem;padding:1rem;margin-bottom:1rem}.dark-mode .settings-warning-box{background-color:#ef44441a;border-color:#ef44444d}.settings-warning-box p{margin:0 0 .5rem;color:#991b1b;font-size:.95rem}.dark-mode .settings-warning-box p{color:#fca5a5}.settings-warning-box strong{color:#7f1d1d}.dark-mode .settings-warning-box strong{color:#ef4444}.settings-warning-box ul{margin:.5rem 0 0 1.5rem;padding:0;color:#991b1b}.dark-mode .settings-warning-box ul{color:#fca5a5}.settings-warning-box li{margin:.25rem 0;font-size:.9rem}.settings-btn-danger-confirm{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#ef4444;color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.settings-btn-danger-confirm:hover:not(:disabled){background-color:#dc2626}.settings-btn-danger-confirm:disabled{background-color:#fca5a5;cursor:not-allowed;opacity:.5}.settings-table-container{overflow-x:auto;border-radius:.5rem;border:1px solid var(--border-color)}.settings-table{width:100%;border-collapse:collapse}.settings-table thead{background-color:var(--hover-bg)}.settings-table th{padding:1rem;text-align:left;font-size:.85rem;font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-color)}.settings-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s}.settings-table tbody tr:hover{background-color:var(--hover-bg)}.settings-table tbody tr:last-child{border-bottom:none}.settings-table td{padding:1rem;font-size:.9rem;color:var(--text-dark)}.settings-plan-icon{display:flex;align-items:center;gap:.5rem;font-weight:500}.settings-order-id{font-family:Courier New,monospace;color:var(--text-gray);font-size:.85rem}.settings-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-paid{background-color:#d1fae5;color:#065f46}.dark-mode .status-paid{background-color:#10b98133;color:#34d399}.status-expired{background-color:#fee2e2;color:#991b1b}.dark-mode .status-expired{background-color:#ef444433;color:#f87171}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-invoice-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.settings-invoice-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--card-bg);transition:background-color .2s}.settings-invoice-item:hover{background-color:var(--hover-bg)}.settings-invoice-info{display:flex;align-items:center;gap:1.5rem;flex:1}.settings-invoice-date{font-size:.9rem;color:var(--text-gray);min-width:80px}.settings-invoice-amount{font-weight:600;color:var(--text-dark);min-width:100px}.settings-invoice-status{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.settings-invoice-status.paid{background-color:#d1fae5;color:#065f46}.dark-mode .settings-invoice-status.paid{background-color:#10b98133;color:#34d399}.settings-invoice-status.open{background-color:#fef3c7;color:#92400e}.dark-mode .settings-invoice-status.open{background-color:#f59e0b33;color:#fbbf24}.settings-invoice-status.void{background-color:#fee2e2;color:#991b1b}.dark-mode .settings-invoice-status.void{background-color:#ef444433;color:#f87171}.settings-invoice-download{color:var(--text-gray);padding:.5rem;border-radius:.25rem;transition:all .2s}.settings-invoice-download:hover{color:var(--primary-color);background-color:var(--primary-light)}.settings-empty-state{text-align:center;padding:2rem;color:var(--text-gray);font-style:italic}@media(max-width:900px){.settings-main-grid{grid-template-columns:1fr}.settings-info-row{flex-direction:column;align-items:flex-start}.settings-btn-edit{width:100%;justify-content:center}.settings-danger-action{flex-direction:column}.settings-danger-action button{width:100%}}.settings-usage-list{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.settings-usage-item{font-size:.85rem;color:var(--text-gray)}.settings-usage-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:4px}.settings-usage-track{width:100%;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.settings-usage-bar{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease}.settings-payment-alert{display:flex;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:.85rem 1rem;border-radius:8px;border-left:4px solid #dc2626;background:#dc262614;color:var(--text-primary)}.settings-payment-alert svg{flex-shrink:0;margin-top:2px;color:#dc2626}.settings-payment-alert strong{display:block;font-size:.9rem;margin-bottom:2px}.settings-payment-alert p{margin:0;font-size:.82rem;color:var(--text-gray);line-height:1.4}.settings-btn-outline:disabled{opacity:.6;cursor:not-allowed}.cat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.cat-header h1{font-size:1.75rem;color:var(--text-dark)}.cat-header p{color:var(--text-gray);margin-top:.25rem}.cat-btn-primary{background-color:var(--primary-color);color:var(--white);border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background .2s}.cat-btn-primary:hover{background-color:var(--primary-hover)}.cat-tabs-container{margin-bottom:2rem;border-bottom:1px solid var(--border-color)}.cat-tabs{display:flex;gap:2rem}.cat-tab{background:none;border:none;padding:.75rem .5rem;font-size:1rem;font-weight:500;color:var(--text-gray);cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.cat-tab:hover{color:var(--primary-color)}.cat-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.cat-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;position:relative}.cat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.cat-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.cat-icon-circle{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.cat-actions{display:flex;gap:.5rem;opacity:0;transition:opacity .2s}.cat-card:hover .cat-actions{opacity:1}.cat-action-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-gray);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.cat-action-btn:hover{background-color:var(--primary-light);color:var(--primary-color);border-color:var(--primary-color)}.cat-action-btn.delete:hover{background-color:#fee2e2;color:#ef4444;border-color:#ef4444}.categ-info h3{font-size:1.1rem;color:var(--text-dark);margin-bottom:.25rem}.cat-badge{font-size:.75rem;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px}.cat-card-add{background-color:transparent;border:2px dashed var(--border-color);border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;cursor:pointer;min-height:160px;transition:all .2s;color:var(--text-gray)}.cat-card-add:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:var(--primary-light)}.cat-add-circle{width:48px;height:48px;border-radius:50%;background-color:var(--border-color);display:flex;align-items:center;justify-content:center;transition:background .2s}.cat-card-add:hover .cat-add-circle{background-color:var(--primary-color);color:#fff}.cat-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cat-modal{background-color:var(--card-bg);width:100%;max-width:420px;border-radius:1rem;padding:1.5rem;box-shadow:0 20px 25px -5px #0000001a}.cat-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.cat-modal-header h2{font-size:1.25rem;color:var(--text-dark)}.cat-modal-header button{background:none;border:none;color:var(--text-gray);cursor:pointer}.cat-form{display:flex;flex-direction:column;gap:1.25rem}.cat-input-group{display:flex;flex-direction:column;gap:.5rem}.cat-input-group label{font-size:.9rem;font-weight:500;color:var(--text-dark)}.cat-input-group input{padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--input-bg);color:var(--text-dark);outline:none}.cat-input-group input:focus{border-color:var(--primary-color)}.cat-type-selector{display:flex;background-color:var(--hover-bg);padding:.25rem;border-radius:.5rem;gap:.25rem}.cat-type-btn{flex:1;padding:.6rem;border:none;background:transparent;color:var(--text-gray);border-radius:.4rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.cat-type-btn:hover{color:var(--text-dark)}.cat-type-btn.active{background-color:var(--primary-color);color:#fff;font-weight:600;box-shadow:0 2px 4px #0000001a}.cat-color-picker{display:flex;gap:.65rem;flex-wrap:wrap}.cat-color-swatch{width:2.5rem;height:2.5rem;border:2px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s;padding:0}.cat-color-swatch:hover{transform:scale(1.1)}.cat-color-swatch.selected{border-color:var(--text-dark);transform:scale(1.1)}.cat-icon-picker{display:flex;gap:.65rem;flex-wrap:wrap}.cat-icon-option{width:3rem;height:3rem;border:2px solid var(--border-color);border-radius:.5rem;background-color:var(--input-bg);color:var(--text-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;font-size:0}.cat-icon-option:hover{background-color:var(--border-color)}.cat-modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.cat-btn-cancel{background:none;border:1px solid var(--border-color);padding:.6rem 1.25rem;border-radius:.5rem;color:var(--text-gray);cursor:pointer}.cat-btn-save{background-color:var(--primary-color);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer}.cat-btn-save:hover{background-color:var(--primary-hover)}@media(max-width:600px){.cat-grid{grid-template-columns:1fr}.cat-actions{opacity:1}}.cal-header-page{margin-bottom:2rem}.cal-header-page h1{font-size:1.75rem;color:var(--text-dark)}.cal-header-page p{color:var(--text-gray);margin-top:.25rem}.cal-layout-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start}.cal-wrapper{background-color:var(--card-bg);border-radius:1rem;border:1px solid var(--border-color);padding:2rem;box-shadow:0 4px 6px -1px #00000005}.cal-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.cal-controls h2{text-transform:capitalize;font-size:1.5rem;color:var(--text-dark)}.cal-nav-btn{background:var(--hover-bg);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-dark);transition:background .2s}.cal-nav-btn:hover{background-color:var(--border-color)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;text-align:center}.cal-week-header{font-weight:600;color:var(--text-gray);margin-bottom:1rem;text-transform:uppercase;font-size:.8rem}.cal-day{height:120px;aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:.5rem;border-radius:.5rem;cursor:pointer;position:relative;transition:all .2s;color:var(--text-dark);border:1px solid transparent}.cal-day:hover:not(.empty){background-color:var(--hover-bg)}.cal-day.empty{cursor:default}.cal-day.selected{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 10px #0478574d}.cal-day.today{border-color:var(--primary-color);font-weight:700}.cal-day.selected.today{border-color:transparent}.cal-dot{width:6px;height:6px;background-color:var(--primary-color);border-radius:50%;margin-top:4px}.cal-day.selected .cal-dot{background-color:#fff}.cal-details-panel{background-color:var(--card-bg);border-radius:1rem;border:1px solid var(--border-color);display:flex;flex-direction:column;height:fit-content;max-height:600px;position:sticky;top:1rem}.cal-details-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}.cal-details-header h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-dark)}.cal-selected-date-badge{background-color:var(--hover-bg);color:var(--primary-color);padding:.25rem .75rem;border-radius:1rem;font-size:.85rem;font-weight:600;text-transform:capitalize}.cal-transactions-list{padding:1.5rem;flex:1;overflow-y:auto;min-height:200px;display:flex;flex-direction:column;gap:1rem}.cal-trans-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;border:1px solid var(--border-color);transition:transform .1s}.cal-trans-item:hover{background-color:var(--hover-bg)}.cal-trans-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.5rem}.cal-trans-icon.income{background-color:var(--primary-light);color:var(--primary-color)}.cal-trans-icon.expense{background-color:#fee2e2;color:#ef4444}.cal-trans-info{flex:1;display:flex;flex-direction:column}.cal-trans-info strong{font-size:.9rem;color:var(--text-dark)}.cal-trans-info span{font-size:.75rem;color:var(--text-gray)}.cal-trans-values{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.cal-trans-values strong{font-size:.9rem}.cal-trans-actions{display:flex;gap:.5rem;opacity:0;transition:opacity .2s}.cal-trans-item:hover .cal-trans-actions{opacity:1}.cal-trans-actions button{background:none;border:none;color:var(--text-gray);cursor:pointer}.cal-trans-actions button:hover{color:var(--primary-color)}.cal-empty-state{text-align:center;color:var(--text-gray);margin-top:2rem}.cal-btn-add{margin-top:1rem;background-color:transparent;border:1px dashed var(--primary-color);color:var(--primary-color);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font-weight:500}.cal-btn-add:hover{background-color:var(--primary-light)}.cal-details-footer{padding:1.5rem;border-top:1px solid var(--border-color);background-color:var(--bg-color);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.cal-total-row{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem}.cal-total-row span{color:var(--text-dark);font-weight:500}@media(max-width:1080px){.cal-day{height:100px}}@media(max-width:900px){.cal-layout-grid{grid-template-columns:1fr}.cal-details-panel{position:static;max-height:none}}@media(max-width:640px){.cal-day{height:80px;aspect-ratio:unset}}.imp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.imp-header h1{font-size:1.75rem;color:var(--text-dark)}.imp-header p{color:var(--text-gray);margin-top:.25rem}.imp-btn-outline{background:var(--primary-color);color:#fff;border:1px solid var(--border-color);padding:.6rem 1rem;border-radius:.5rem;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.imp-btn-outline:hover{background:var(--primary-hover);border-color:var(--primary-color)}.imp-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.imp-col-left,.imp-col-right{display:flex;flex-direction:column;gap:1.5rem}.imp-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;box-shadow:0 2px 4px #00000005}.imp-card.full-height{height:100%}.imp-card-header{margin-bottom:1rem}.imp-card-header h3{font-size:1rem;color:var(--text-dark);font-weight:600}.imp-header-title{display:flex;align-items:center;gap:.5rem}.imp-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.imp-type-btn{background:var(--bg-color);border:2px solid transparent;padding:1rem;border-radius:.75rem;display:flex;align-items:center;gap:1rem;cursor:pointer;text-align:left;transition:all .2s;position:relative}.imp-type-btn:hover{background:var(--hover-bg)}.imp-type-btn.active{background:#0478570d;border-color:var(--primary-color);color:var(--primary-color)}.imp-type-btn svg{color:var(--text-gray)}.imp-type-btn.active svg{color:var(--primary-color)}.imp-type-info{flex:1;display:flex;flex-direction:column}.imp-type-info strong{font-size:.95rem;display:block;color:var(--text-dark)}.imp-type-info span{font-size:.8rem;opacity:.8;color:var(--text-dark)}.imp-radio{width:16px;height:16px;border:2px solid var(--border-color);border-radius:50%}.imp-type-btn.active .imp-radio{border-color:var(--primary-color);background:var(--primary-color);box-shadow:inset 0 0 0 3px #fff}.imp-dropzone{border:2px dashed var(--border-color);border-radius:.75rem;padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-color);transition:all .2s;text-align:center}.imp-dropzone.active{border-color:var(--primary-color);background-color:#0478570d}.imp-dropzone.has-file{border-style:solid;border-color:var(--primary-color);background-color:#0478571a;padding:1.5rem}.imp-upload-icon{color:var(--text-gray);margin-bottom:1rem}.imp-dropzone p{color:var(--text-dark);font-size:.95rem}.imp-or{color:var(--text-gray);font-size:.85rem;margin:.75rem 0}.imp-btn-primary{background:var(--primary-color);color:#fff;padding:.6rem 1.25rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .2s}.imp-btn-primary:hover{background:var(--primary-hover)}.imp-file-preview{display:flex;align-items:center;gap:1rem;width:100%}.imp-file-icon{background:var(--bg-color);padding:.75rem;border-radius:.5rem;color:var(--primary-color)}.imp-file-info{flex:1;text-align:left;display:flex;flex-direction:column}.imp-file-info strong{color:var(--text-dark);font-size:.95rem}.imp-file-info span{color:var(--text-gray);font-size:.85rem}.imp-remove-btn{display:flex;background:none;border:none;color:#ef4444;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:background .2s}.imp-remove-btn:hover{background:#fee2e2}.imp-upload-actions{margin-top:1rem;text-align:right}.imp-btn-confirm{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;width:100%}.imp-tutorial-box{background:#04785708;border:1px solid var(--primary-color);border-radius:1rem;padding:1.5rem}.imp-tutorial-box h4{color:var(--primary-color);margin-bottom:1rem;font-size:.95rem}.imp-steps{display:flex;align-items:flex-start;justify-content:space-between}.imp-step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;gap:.5rem}.imp-step-num{width:28px;height:28px;background:var(--bg-color);color:var(--primary-color);border:2px solid var(--primary-color);border-radius:.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.85rem}.imp-step p{font-size:.8rem;color:var(--primary-color);line-height:1.4}.imp-step-line{flex:.5;height:2px;background:var(--primary-color);margin-top:14px}.imp-history-list{display:flex;flex-direction:column}.imp-history-item{display:flex;align-items:center;gap:.75rem;padding:1rem 0;border-bottom:1px solid var(--border-color)}.imp-history-item:last-child{border-bottom:none}.imp-status-icon{display:flex;align-items:center}.imp-status-icon.success{color:#10b981}.imp-status-icon.error{color:#ef4444}.imp-history-content{flex:1;display:flex;flex-direction:column;gap:.2rem}.imp-history-top{display:flex;justify-content:space-between;font-size:.9rem}.imp-history-top strong{color:var(--text-dark)}.imp-date{color:var(--text-gray);font-size:.8rem}.imp-history-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.imp-badge{background:var(--hover-bg);color:var(--text-gray);padding:2px 6px;border-radius:4px}.text-success{color:#10b981}.text-error{color:#ef4444}.imp-btn-arrow{background:none;border:none;color:var(--text-gray);cursor:pointer}.imp-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.imp-modal{background-color:var(--card-bg);width:100%;max-width:500px;border-radius:1rem;padding:1.5rem;box-shadow:0 20px 25px -5px #0000001a;animation:impFadeIn .3s ease}@keyframes impFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.imp-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.imp-modal-header h2{font-size:1.25rem;color:var(--text-dark)}.imp-modal-header button{background:none;border:none;color:var(--text-gray);cursor:pointer}.imp-modal-desc{color:var(--text-gray);font-size:.9rem;margin-bottom:1.5rem}.imp-download-options{display:flex;flex-direction:column;gap:1rem}.imp-download-card{background-color:var(--bg-color);border:1px solid var(--border-color);padding:1rem;border-radius:.75rem;display:flex;align-items:center;gap:1rem;cursor:pointer;text-align:left;transition:all .2s}.imp-download-card:hover{background-color:var(--hover-bg);border-color:var(--primary-color);transform:translateY(-2px)}.imp-dl-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.imp-dl-icon.trans,.imp-dl-icon.invoice{background-color:#10b9811a;color:var(--primary-color)}.imp-dl-info{flex:1;display:flex;flex-direction:column}.imp-dl-info strong{font-size:1rem;color:var(--text-dark);margin-bottom:.2rem}.imp-dl-info span{font-size:.8rem;color:var(--text-gray)}.imp-dl-arrow{color:var(--text-gray)}.imp-download-card:hover .imp-dl-arrow{color:var(--primary-color)}@media(max-width:900px){.imp-grid{grid-template-columns:1fr}.imp-tutorial-box{display:none}}.exp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.exp-header h1{font-size:1.75rem;color:var(--text-dark)}.exp-header p{color:var(--text-gray);margin-top:.25rem}.exp-btn-secondary{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-dark);padding:.6rem 1.25rem;border-radius:.5rem;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.exp-btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.exp-btn-primary{width:100%;background-color:var(--primary-color);color:var(--white);border:none;padding:.8rem;border-radius:.5rem;font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:background .2s}.exp-btn-primary:hover{background-color:var(--primary-hover)}.exp-btn-primary.loading{opacity:.7;cursor:not-allowed}.exp-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:1.5rem;align-items:start}.exp-col-left,.exp-col-right{display:flex;flex-direction:column;gap:1.5rem}.exp-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;box-shadow:0 2px 4px #00000005;display:flex;flex-direction:column}.exp-card.full-height{height:100%}.exp-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.exp-icon-primary{color:var(--primary-color)}.exp-card-header h3{font-size:1.1rem;color:var(--text-dark);font-weight:600}.exp-form{display:flex;flex-direction:column;gap:1.5rem}.exp-input-group{display:flex;flex-direction:column;gap:.5rem}.exp-input-group label{font-size:.9rem;font-weight:500;color:var(--text-dark)}.exp-date-row{display:flex;align-items:center;gap:.5rem}.exp-input-wrapper{position:relative;flex:1;display:flex;align-items:center}.exp-input-wrapper svg{position:absolute;left:.75rem;color:var(--text-gray);pointer-events:none}.exp-input-wrapper input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--input-bg);color:var(--text-dark);outline:none}.exp-input-wrapper input:focus{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.exp-separator{color:var(--text-gray);font-size:.85rem}.exp-type-selector{display:flex;background-color:var(--hover-bg);padding:.25rem;border-radius:.5rem}.exp-type-btn{flex:1;padding:.6rem;border:none;background:transparent;color:var(--text-gray);border-radius:.4rem;cursor:pointer;font-weight:500;transition:all .2s}.exp-type-btn.active{background-color:var(--card-bg);color:var(--primary-color);box-shadow:0 2px 5px #0000000d;font-weight:600}.exp-format-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.exp-format-card{border:1px solid var(--border-color);background:var(--bg-color);padding:1rem;border-radius:.75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;color:var(--text-gray)}.exp-format-card:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.exp-format-card.selected{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color);font-weight:600}.exp-custom-select-container{position:relative;width:100%}.exp-custom-select-trigger{width:100%;padding:.6rem .75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--input-bg);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s;color:var(--text-dark)}.exp-custom-select-trigger:hover{border-color:#d1d5db}.exp-custom-select-trigger.active{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.exp-selected-value{display:flex;align-items:center;gap:.75rem;font-size:.95rem}.exp-arrow{color:var(--text-gray);transition:transform .2s}.exp-arrow.open{transform:rotate(180deg)}.exp-custom-select-menu{position:absolute;top:110%;left:0;width:100%;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;z-index:50;max-height:240px;overflow-y:auto;padding:.5rem;animation:fadeIn .1s ease-out}.exp-select-option{width:100%;display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border:none;background:transparent;text-align:left;cursor:pointer;border-radius:.4rem;color:var(--text-dark);font-size:.9rem;transition:background .1s;margin-bottom:.25rem}.exp-select-option:hover{background-color:var(--hover-bg)}.exp-select-option.selected{background-color:var(--primary-light);color:var(--primary-color);font-weight:500}.exp-cat-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.exp-cat-icon.default{background-color:var(--hover-bg);color:var(--text-gray)}.exp-cat-icon.multi{background-color:var(--primary-color);color:var(--white)}.exp-check-icon{margin-left:auto;color:var(--primary-color)}.exp-menu-divider{height:1px;background-color:var(--border-color);margin:.5rem 0}.exp-preview-summary{display:flex;justify-content:space-between;background-color:var(--hover-bg);padding:1rem;border-radius:.5rem;margin-bottom:1rem}.exp-summary-item{display:flex;flex-direction:column}.exp-summary-item span{font-size:.8rem;color:var(--text-gray)}.exp-summary-item strong{font-size:1rem;color:var(--text-dark)}.uppercase{text-transform:uppercase}.exp-table-wrapper{flex:1;overflow-y:auto;border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:1.5rem;max-height:400px}.exp-table{width:100%;border-collapse:collapse}.exp-table th{background:var(--hover-bg);text-align:left;padding:.75rem 1rem;font-size:.8rem;color:var(--text-gray);font-weight:600;position:sticky;top:0}.exp-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-dark);font-size:.9rem}.exp-cell-desc{display:flex;flex-direction:column}.exp-cell-desc strong{font-weight:500}.exp-cell-desc small{color:var(--text-gray);font-size:.75rem}.text-right{text-align:right}.font-bold{font-weight:600}.text-green{color:var(--success-color)}.text-red{color:var(--danger-color)}.exp-empty-state{padding:2rem;text-align:center;color:var(--text-gray);font-size:.9rem}.exp-footer{margin-top:auto}.exp-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.exp-modal{background-color:var(--card-bg);width:100%;max-width:440px;border-radius:1.25rem;padding:1.5rem;box-shadow:0 25px 50px -12px #00000040;transform:translateY(0);animation:slideUp .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.exp-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.exp-modal-badge{font-size:1.25rem;color:var(--text-dark);font-weight:600}.exp-modal-header button{background:transparent;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-gray);cursor:pointer;transition:all .2s}.exp-modal-body{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.exp-backup-hero{display:flex;justify-content:center;margin-bottom:.5rem}.exp-hero-circle{width:80px;height:80px;border:1px solid var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.exp-text-center{text-align:center}.exp-text-center h2{font-size:1.25rem;color:var(--text-dark);margin-bottom:.5rem}.exp-text-center p{font-size:.9rem;color:var(--text-gray);line-height:1.5}.exp-warning-clean{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;color:#d97706;background-color:#fffbeb;padding:.5rem;border-radius:.5rem}.exp-modal-footer{display:grid;grid-template-columns:1fr 1.5fr;gap:1rem}.exp-btn-ghost{background:transparent;border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:.5rem;color:var(--text-dark);font-weight:600;cursor:pointer;transition:background .2s}.exp-btn-ghost:hover{background-color:var(--hover-bg)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.exp-grid{grid-template-columns:1fr}}.plans-page-wrapper{font-family:Outfit,sans-serif;color:var(--text-color);background:var(--bg-color);min-height:100vh}.plans-hero{text-align:center;padding:4rem 1rem 3rem;max-width:800px;margin:0 auto}.plans-hero-media{margin-bottom:2rem;display:flex;justify-content:center}.plans-hero-image{width:170px;height:auto;filter:drop-shadow(0 0 20px rgba(11,116,25,.3))}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.plans-hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-color) 0%,var(--text-color) 60%,var(--primary-color) 100%);-webkit-background-clip:text;background-clip:text}.plans-hero-title strong{color:var(--primary-color);-webkit-text-fill-color:var(--primary-color)}.plans-hero-actions{display:flex;justify-content:center;gap:1rem}.plans-billing-container{display:inline-flex;background:var(--bg-secondary);padding:.25rem;border-radius:12px;border:1px solid var(--border-color);gap:.5rem;margin-top:1rem}.plans-billing-btn{background:transparent;border:none;padding:.6rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;color:var(--text-gray);cursor:pointer;transition:all .2s;position:relative}.plans-billing-btn.active{background:#3b82f61a;color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color);font-weight:600}.plans-discount-badge{position:absolute;top:-10px;right:-27px;background:var(--primary-color);color:#fff;font-size:.9rem;padding:.15rem .4rem;border-radius:4px;font-weight:700;box-shadow:0 2px 4px #22c55e4d;transform:rotate(10deg)}.plans-pricing-section{padding:2rem 1rem 4rem;max-width:1400px;margin:0 auto}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;padding:1rem}.plans-card{background:var(--card-bg);border-radius:24px;padding:2rem;display:flex;flex-direction:column;height:100%;position:relative;border:1px solid var(--border-color);transition:all .3s ease}.plans-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000000d;border-color:var(--primary-color)}.plans-card.premium{border:1px solid rgba(245,158,11,.3)}.plans-card.pro{border:1px solid rgba(139,92,246,.3)}.plans-card.pro .plans-card-title,.plans-card.pro .plans-promo-text,.plans-card.pro .plans-features-list li svg{color:#8b5cf6}.plans-card.pro .plans-card-btn.filled{background:#8b5cf6}.plans-card.pro .plans-card-btn.filled:hover{background:#7c3aed}.plans-card-header{margin-bottom:2rem}.plans-card-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;justify-content:flex-start}.plans-card-desc p{color:var(--text-gray);line-height:1.6;font-size:.95rem;min-height:3rem}.plans-card-pricing{margin-bottom:2rem}.plans-price-row{display:flex;align-items:baseline;gap:.25rem}.plans-currency{font-size:1.25rem;font-weight:500;color:var(--text-color)}.plans-amount{font-size:2.5rem;font-weight:700;color:var(--text-color)}.plans-period{color:var(--text-gray);font-size:.9rem}.plans-promo-text{font-size:.85rem;color:var(--primary-color);font-weight:600;margin-top:.5rem;display:block}.plans-card-btn{width:100%;padding:.8rem;border-radius:999px;font-weight:600;cursor:pointer;transition:all .2s;text-align:center;margin-bottom:2rem}.plans-card-btn.outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.plans-card-btn.outline:hover{background:var(--bg-hover);border-color:var(--text-primary)}.plans-card-btn.filled{background:var(--primary-color);color:#fff;border:none}.plans-card-btn.filled:hover{background:var(--primary-hover)}.plans-card-btn.current{background:var(--bg-hover);color:var(--text-gray);border:none;cursor:default}.plans-features-list{list-style:none;padding:0;margin:0}.plans-features-list li{display:flex;gap:.75rem;margin-bottom:1rem;font-size:.9rem;color:var(--text-color);line-height:1.5}.plans-features-list li svg{color:var(--primary-color);flex-shrink:0;margin-top:2px}.plans-tabs-section{padding:4rem 1rem;background:var(--bg-secondary);border-radius:32px;margin:2rem 1rem;text-align:center}.plans-tabs-header{display:inline-flex;background:var(--bg-secondary);padding:.25rem;border-radius:12px;border:1px solid var(--border-color);gap:.5rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.plans-tab-phrase{font-size:1.5rem;color:var(--text-color);margin-bottom:3rem;font-weight:500;max-width:600px;margin-left:auto;margin-right:auto;animation:fadeIn .3s ease}.plans-tab-btn{background:transparent;border:none;padding:.6rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;color:var(--text-gray);cursor:pointer;transition:all .2s;position:relative}.plans-tab-btn.active{color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color);font-weight:600}.plans-tab-btn.active:after{display:none}.plans-tab-content{max-width:1200px;margin:0 auto}.plans-carousel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.plans-feature-card{background:var(--card-bg);border-radius:20px;overflow:hidden;border:1px solid var(--border-color)}.plans-feature-img{height:200px;width:100%;object-fit:cover;background:var(--bg-hover);display:block}.plans-feature-content{padding:1.5rem;text-align:left}.plans-feature-content h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-color)}.plans-feature-content p{color:var(--text-gray);font-size:.9rem;line-height:1.6}.plans-faq-section{padding:3rem 1rem 5rem;max-width:1200px;margin:0 auto}.plans-faq-header{text-align:center;margin-bottom:3rem}.plans-section-title{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.plans-section-subtitle{color:var(--text-gray);font-size:1.1rem}.plans-faq-container{display:flex;flex-direction:column;gap:1rem}.plans-faq-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease}.plans-faq-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000000d}.plans-faq-item.open{border-color:var(--primary-color)}.plans-faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--text-color);font-size:1.1rem}.plans-faq-answer{margin-top:1rem;color:var(--text-gray);line-height:1.6;font-size:.95rem;padding-top:1rem;border-top:1px solid var(--border-color);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.plans-hero-title{font-size:2.5rem}.plans-grid{grid-template-columns:1fr}.plans-tabs-header{gap:.5rem}.plans-section-title{font-size:1.75rem}}.plans-benefits-section{padding:2rem 1rem 5rem;max-width:1200px;margin:0 auto;text-align:center}.plans-benefits-header{margin-bottom:3rem}.plans-benefits-toggle{display:inline-flex;background:var(--bg-secondary);padding:.25rem;border-radius:999px;border:1px solid var(--border-color);gap:.5rem;margin-top:2rem}.plans-benefit-toggle-btn{background:transparent;border:none;padding:.6rem 1.5rem;border-radius:999px;font-size:1rem;font-weight:500;color:var(--text-gray);cursor:pointer;transition:all .3s}.plans-benefit-toggle-btn.active-pro{background:#8b5cf6;color:#fff;font-weight:600;box-shadow:0 4px 12px #8b5cf64d}.plans-benefit-toggle-btn.active-premium{background:#f59e0b;color:#fff;font-weight:600;box-shadow:0 4px 12px #f59e0b4d}.plans-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;text-align:left}.plans-benefit-card{display:flex;flex-direction:column}.plans-benefit-icon-wrapper{margin-bottom:1rem}.plans-benefit-icon{transition:color .3s ease}.plans-benefits-grid.pro .plans-benefit-icon{color:#8b5cf6}.plans-benefits-grid.premium .plans-benefit-icon{color:#f59e0b}.plans-benefit-card h3{font-size:1.25rem;color:var(--text-color);margin-bottom:.5rem;font-weight:600}.plans-benefit-card p{color:var(--text-gray);font-size:.9rem;line-height:1.6;margin-bottom:1rem;flex-grow:1}.plans-benefit-link{font-size:.9rem;font-weight:600;text-decoration:none;margin-bottom:1.5rem;display:inline-block;transition:color .3s ease}.plans-benefits-grid.pro .plans-benefit-link{color:#8b5cf6}.plans-benefits-grid.premium .plans-benefit-link{color:#f59e0b}.plans-benefit-link:hover{text-decoration:underline}@media(max-width:768px){.plans-benefits-grid{grid-template-columns:1fr}}.plans-footer{padding:2rem 1rem 4rem;border-top:1px solid var(--border-color);margin-top:2rem}.plans-footer-content{max-width:800px;margin:0 auto;text-align:center}.plans-footer-disclaimer{font-size:.75rem;color:var(--text-gray);line-height:1.6;margin-bottom:2rem;opacity:.8}.plans-footer-credit{font-size:.9rem;color:var(--text-color);font-weight:500}.plans-footer-credit strong{color:var(--primary-color)}.fade-in-up{animation:fadeInUp .5s ease-out forwards}.plans-loading{display:flex;align-items:center;justify-content:center;min-height:320px}.plans-card-btn:disabled{opacity:.65;cursor:not-allowed}.plans-card-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.plans-features-list li.plans-feature-soon{opacity:.6;font-style:italic}.plans-features-list li.plans-feature-soon small{margin-left:.25rem;font-size:.75rem;white-space:nowrap}.chat-widget-container{position:fixed;bottom:2rem;right:2rem;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:1rem;overflow:visible}.chat-fab{width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,#064e3b 100%);color:#fff;border:none;box-shadow:0 4px 15px #05966933;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);overflow:visible;padding:10px}.chat-fab:hover{transform:scale(1.1)}.chat-fab.active{background:#374151;transform:rotate(90deg)}.chat-fab>div{pointer-events:none;transform:scale(2.5)}.chat-window{width:450px;height:600px;background:#fff;border-radius:1rem;box-shadow:0 5px 40px #00000029;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e5e7eb;opacity:0;transform:translateY(20px) scale(.95);transform-origin:bottom right;transition:all .3s ease;pointer-events:none;position:absolute;bottom:80px;right:0}.dark-mode .chat-window{background:#1f2937;border-color:#374151;box-shadow:0 5px 40px #00000080}.chat-window.open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.chat-header{background:var(--primary-color);padding:1rem;color:#fff;display:flex;justify-content:space-between;align-items:center}.chat-title{display:flex;align-items:center;gap:.75rem}.ai-avatar{width:50px;height:50px;background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #10b9814d;flex-shrink:0;overflow:hidden}.finny-icon{width:100%;height:100%;object-fit:cover;border-radius:50%}.chat-title h3{font-size:1rem;font-weight:600;margin:0}.chat-title span{font-size:.75rem;opacity:.9;display:block}.close-chat-btn{background:none;border:none;color:#fff;cursor:pointer;opacity:.8}.close-chat-btn:hover{opacity:1}.chat-body{flex:1;background-color:#f3f4f6;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.dark-mode .chat-body{background-color:#111827}.date-divider{text-align:center;font-size:.75rem;color:#9ca3af;margin:.5rem 0}.dark-mode .date-divider{color:#6b7280}.message-row{display:flex;align-items:flex-end;gap:.5rem;max-width:85%}.bot-row{align-self:flex-start}.user-row{align-self:flex-end;flex-direction:row-reverse}.bot-avatar{width:28px;height:28px;background:linear-gradient(135deg,var(--primary-color) 0%,#10b981 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;box-shadow:0 2px 6px #05966933}.message-bubble{padding:.75rem;border-radius:12px;font-size:.9rem;line-height:1.4;position:relative;box-shadow:0 1px 2px #0000000d}.bot-row .message-bubble{background-color:#fff;color:#374151;border-bottom-left-radius:2px}.dark-mode .bot-row .message-bubble{background-color:#374151;color:#e5e7eb}.user-row .message-bubble{background-color:var(--primary-color);color:#fff;border-bottom-right-radius:2px}.msg-time{display:block;font-size:.65rem;margin-top:.25rem;text-align:right;opacity:.7}.suggestions-container{margin-top:auto;padding-top:1rem;animation:fadeInUp .4s ease}.suggestions-title{font-size:.8rem;color:#6b7280;margin-bottom:.75rem;font-weight:500}.dark-mode .suggestions-title{color:#9ca3af}.suggestions-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.suggestion-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:.875rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;font-size:.85rem;color:#374151;text-align:left}.dark-mode .suggestion-card{background:#374151;border-color:#4b5563;color:#e5e7eb}.suggestion-card:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #05966933}.dark-mode .suggestion-card:hover{box-shadow:0 4px 12px #05966966}.suggestion-card svg{flex-shrink:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-footer{padding:.75rem;background:#fff;border-top:1px solid #e5e7eb;display:flex;align-items:center;gap:.5rem}.dark-mode .chat-footer{background:#1f2937;border-top-color:#374151}.chat-footer input{flex:1;border:none;background:#f3f4f6;padding:.6rem 1rem;border-radius:1.5rem;outline:none;color:#374151;font-size:.9rem}.dark-mode .chat-footer input{background:#374151;color:#e5e7eb}.chat-footer input:focus{box-shadow:0 0 0 2px var(--primary-light);background:#fff}.dark-mode .chat-footer input:focus{background:#4b5563}.attach-btn,.send-btn{background:none;border:none;cursor:pointer;color:#9ca3af;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;transition:background .2s}.attach-btn:hover{background-color:#f3f4f6;color:#4b5563}.send-btn{background-color:var(--primary-color);color:#fff}.send-btn:hover{background-color:var(--primary-hover)}.send-btn:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}@media(max-width:480px){.chat-widget-container{bottom:1rem;right:1rem}.chat-window{width:calc(100vw - 2rem);bottom:80px;height:60vh}}.typing-bubble{min-width:60px;display:flex;align-items:center;justify-content:center;padding:.75rem 1rem!important}.typing-dots{display:flex;align-items:center;gap:4px}.typing-dots span{width:6px;height:6px;background-color:#9ca3af;border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.dark-mode .typing-dots span{background-color:#e5e7eb}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.premium-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modalFadeIn .3s ease-out}.premium-modal-content{background:#fff;width:90%;max-width:400px;border-radius:1.5rem;padding:2rem;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.1);overflow:hidden}.premium-modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#10b981,#34d399,#059669)}.premium-close-btn{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:none;cursor:pointer;color:#9ca3af;padding:.5rem;border-radius:50%;transition:all .2s;z-index:10}.premium-close-btn:hover{background-color:#f3f4f6;color:#1f2937}.premium-header{text-align:center;margin-bottom:2rem;margin-top:1rem}.premium-image-wrapper{display:flex;justify-content:center;margin:0 auto 1.5rem}.premium-image-wrapper img{width:140px;height:auto;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.premium-header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.premium-header p{color:#6b7280;font-size:.95rem;line-height:1.5}.premium-features{background-color:#f9fafb;border-radius:1rem;padding:1.25rem;margin-bottom:2rem}.feature-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.feature-item:last-child{margin-bottom:0}.check-icon-plan{width:20px;height:20px;background-color:#d1fae5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#059669;flex-shrink:0}.feature-item span{font-size:.9rem;color:#374151;font-weight:500}.premium-footer{display:flex;flex-direction:column;gap:.75rem}.btn-upgrade{background:linear-gradient(to right,#10b981,#059669);color:#fff;border:none;border-radius:.75rem;padding:.875rem;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #10b98140}.btn-upgrade:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #10b9814d}.btn-upgrade:active{transform:translateY(0)}.btn-maybe-later{background:transparent;border:none;color:#9ca3af;font-size:.9rem;cursor:pointer;padding:.5rem;transition:color .2s}.btn-maybe-later:hover{color:#6b7280;text-decoration:underline}body.dark-mode .premium-modal-content{background:#1f2937;border-color:#374151}body.dark-mode .premium-header h2{color:#f9fafb}body.dark-mode .premium-header p{color:#9ca3af}body.dark-mode .premium-features{background-color:#111827}body.dark-mode .feature-item span{color:#d1d5db}body.dark-mode .check-icon{background-color:#10b98133;color:#34d399}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.loading-overlay{position:absolute;inset:0;background:#ffffffb3;display:flex;justify-content:center;align-items:center;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:inherit}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}