[data-theme=dark]{--background-color:#1a1b1e;--card-background:#2c2d32;--text-color:#e0e0e0;--text-secondary:#a0a0a0;--primary-color:#6366f1;--primary-hover:#4f46e5;--secondary-color:#64748b;--success-color:#22c55e;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6;--border-color:#404040;--shadow-color:#0000004d;--input-background:#373840;--input-border:#4a4b53;--modal-background:#2c2d32;--modal-overlay:#000000b3;--hover-color:#373840;--chart-grid:#404040;--scroll-track-color:#0000000d;--scroll-thumb-color:#6366f133;--scroll-thumb-hover-color:#6366f166}[data-theme=light]{--background-color:#f5f5f5;--card-background:#fff;--text-color:#2c3e50;--text-secondary:#64748b;--primary-color:#6366f1;--primary-hover:#4f46e5;--secondary-color:#64748b;--success-color:#22c55e;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6;--border-color:#e2e8f0;--shadow-color:#00000014;--input-background:#f8fafc;--input-border:#e2e8f0;--modal-background:#fff;--modal-overlay:#0006;--hover-color:#f8fafc;--chart-grid:#e2e8f0}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}table,th,tr{transition:none!important}td,td.amount,td.category-cell,td.date-cell,td.description-cell,td.subcategory-cell,td.time-cell{transition:background-color .3s ease,color .3s ease!important}.button,.card,.filter-button,.modal-content,.theme-toggle,a{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.card{background-color:var(--card-background);border-color:var(--border-color);box-shadow:0 2px 4px var(--shadow-color)}input,select,textarea{background-color:var(--input-background);border:1px solid var(--border-color);color:var(--text-color)}.btn{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--info-color));box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,var(--success-color),var(--info-color));box-shadow:0 4px 15px #22c55e4d}.btn-success:hover{box-shadow:0 6px 20px #22c55e66;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,var(--danger-color),var(--warning-color));box-shadow:0 4px 15px #ef44444d}.btn-danger:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,var(--secondary-color),var(--text-secondary));box-shadow:0 4px 15px #64748b4d}.btn-secondary:hover{box-shadow:0 6px 20px #64748b66;transform:translateY(-2px)}.btn-sm{font-size:.9rem;padding:8px 16px}.btn-lg{font-size:1.1rem;padding:16px 32px}.btn-block{justify-content:center;width:100%}.btn:disabled{cursor:not-allowed;opacity:.7;transform:none!important}@media (max-width:480px){.btn{font-size:.95rem;padding:10px 16px}}.theme-toggle{background:#0000;border:none;color:var(--text-color);cursor:pointer;padding:8px;transition:transform .2s ease}.theme-toggle:hover{transform:scale(1.1)}a{transition:color .3s ease}.card,.card-like{background-color:var(--card-background);border:1px solid var(--border-color);box-shadow:0 2px 4px var(--shadow-color);color:var(--text-color)}.input-base{background:var(--input-background);border:1px solid var(--border-color);border-radius:12px;color:var(--text-color);font-size:.95rem;padding:12px 16px;transition:all .3s ease;width:100%}.input-base:focus{box-shadow:0 0 0 2px #6366f133;outline:none}.input-base:focus,.input-base:hover{border-color:var(--primary-color)}select.input-base{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:36px}.input-sm{font-size:.875rem;padding:8px 12px}.input-lg{font-size:1.1rem;padding:14px 20px}.input-base:disabled{background:var(--hover-color);cursor:not-allowed;opacity:.7}.input-base::placeholder{color:var(--text-secondary)}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .input-base{padding-left:40px}.input-with-icon .icon{color:var(--text-secondary);font-size:1rem;left:12px;position:absolute}.input-group{gap:8px}.input-group .input-base{border-radius:12px}.input-error{border-color:var(--danger-color)}.input-error:focus{box-shadow:0 0 0 2px #ef444433}.error-message{font-size:.875rem;margin-top:4px}@media (max-width:480px){.input-base{font-size:.9rem;padding:10px 14px}.input-lg{font-size:1rem;padding:12px 16px}}.navbar-wrapper{background-color:var(--card-background);box-shadow:0 2px 4px var(--shadow-color);padding:1rem;position:relative}.navbar-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;max-width:1200px}.navbar-brand{color:var(--text-color);font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .3s ease}.navbar-desktop-nav{align-items:center;display:flex;gap:2rem}.navbar-link{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:color .3s ease}.navbar-link:hover{color:var(--primary-color)}.navbar-signup-btn{background-color:var(--primary-color);border-radius:4px;color:var(--text-color);padding:.5rem 1.5rem;transition:background-color .3s ease}.navbar-signup-btn:hover{background-color:var(--primary-hover)}.navbar-mobile-controls{align-items:center;display:none;gap:1rem}.navbar-menu-toggle,.navbar-theme-toggle{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.5rem}.navbar-dropdown-item{cursor:pointer;position:relative}.navbar-dropdown-content{background:var(--card-background);border-radius:8px;box-shadow:0 4px 6px var(--shadow-color);display:none;left:0;min-width:210px;padding:1rem;position:absolute;top:100%;z-index:1000}.navbar-dropdown-content.navbar-show,.navbar-dropdown-item.navbar-open .navbar-dropdown-content{display:block}.navbar-dropdown-link{align-items:center;color:var(--text-color);display:flex;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:background .3s ease}.navbar-dropdown-link:hover{background:var(--hover-color)}.navbar-sidebar{background:var(--card-background);box-shadow:2px 0 5px var(--shadow-color);height:100%;left:0;overflow-y:auto;padding:2rem;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:280px;z-index:1001}.navbar-sidebar.navbar-open{transform:translateX(0)}.navbar-sidebar-header{display:flex;justify-content:flex-end;margin-bottom:2rem}.navbar-close-sidebar{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.5rem}.navbar-sidebar-content{display:flex;flex-direction:column;gap:1.5rem}.navbar-sidebar-link{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;font-weight:500;gap:1rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:background .3s ease}.navbar-sidebar-link:hover{background:var(--hover-color)}.navbar-icon,.navbar-sidebar-icon{width:20px}.navbar-sidebar-link.navbar-submenu{padding-left:2.5rem}.navbar-sidebar-link.navbar-logout{color:var(--danger-color);margin-top:1rem}.navbar-improvement-message{align-items:center;background:linear-gradient(135deg,#6366f11a,#3b82f61a);border:1px solid #6366f133;border-radius:8px;display:flex;flex-direction:column;margin-left:1rem;padding:8px 15px;text-align:center}.navbar-improvement-message p{color:var(--text-color);font-size:.8rem;margin:0;white-space:nowrap}.navbar-improvement-message a{color:var(--primary-color);font-size:.8rem;font-weight:500;text-decoration:none}.navbar-improvement-message a:hover{text-decoration:underline}.navbar-sidebar-improvement{background:linear-gradient(135deg,#6366f11a,#3b82f61a);border:1px solid #6366f133;border-radius:8px;margin-top:2rem;padding:15px;text-align:center}.navbar-sidebar-improvement p{color:var(--text-color);font-size:.9rem;margin:0 0 8px}.navbar-sidebar-improvement a{color:var(--primary-color);font-size:.9rem;font-weight:500;text-decoration:none}.navbar-sidebar-improvement a:hover{text-decoration:underline}@media (max-width:768px){.navbar-wrapper{padding:1rem}.navbar-desktop-nav{display:none}.navbar-mobile-controls{display:flex}.navbar-improvement-message{display:none}.navbar-dropdown-content{position:relative}}@media (max-width:1100px) and (min-width:769px){.navbar-improvement-message{max-width:200px}.navbar-improvement-message p{font-size:.75rem;white-space:normal}}.auth-container{background-color:var(--card-background);border-radius:12px;box-shadow:0 4px 8px var(--shadow-color);margin:100px auto;max-width:400px;padding:40px}.auth-container h2{font-size:28px;font-weight:700;margin-bottom:24px}.auth-container h2,.auth-container p{color:var(--text-color);text-align:center}.auth-container p{font-size:14px;margin-top:20px}.auth-container a{color:var(--primary-color);font-weight:600;text-decoration:none}.auth-container a:hover{text-decoration:underline}.auth-form{gap:15px}.auth-form,.label-input{display:flex;flex-direction:column}.label-input{gap:8px;position:relative}.label-input label{color:var(--text-color);font-size:14px;font-weight:500}.label-input input{background-color:var(--input-background);border:1px solid var(--input-border);border-radius:8px;color:var(--text-color);font-size:16px;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.label-input input:focus{border-color:var(--primary-color);box-shadow:0 0 25px #6366f180}.label-input input.mismatch{border-color:var(--danger-color);box-shadow:0 0 25px #ff000080}.label-input input.mismatch:focus{border-color:var(--danger-color);box-shadow:0 0 50px #ff000080}.label-input input::placeholder{color:var(--text-secondary);opacity:.8}.auth-form button{background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:background-color .2s}.auth-form button:hover{background-color:var(--primary-hover)}.auth-form button:disabled{cursor:not-allowed;opacity:.6}button.country-dropdown-icon,button.show-password{background-color:initial;border:none;color:var(--text-secondary);font-size:12px;font-weight:400;position:absolute;right:0;top:28px}button.country-dropdown-icon:hover,button.show-password:hover{background-color:initial}.country-dropdown-list{background-color:var(--input-background);border:var(--border-color);border-radius:8px;box-sizing:border-box;left:0;list-style-type:none;margin:0;max-height:200px;overflow-y:auto;padding:5px 0;position:absolute;right:0;top:100%;z-index:100}.country-dropdown-list li{cursor:pointer;padding:8px}.country-dropdown-list li:hover{background-color:var(--primary-hover)}.error{background-color:#ef44441a;border-radius:8px;color:var(--danger-color);font-size:14px;margin-bottom:16px;padding:12px;text-align:center}.forgot-password{margin-bottom:5px;margin-top:-5px;text-align:right}.forgot-password a{color:var(--primary-color);font-size:14px}.verification-status{border-radius:8px;margin-bottom:20px;padding:20px;text-align:center}.verification-status.success{background-color:#22c55e1a;color:#22c55e}.verification-status.error{background-color:#ef44441a;color:var(--danger-color)}.verification-note{background-color:#6366f10d;border-left:3px solid var(--primary-color);border-radius:6px;color:var(--text-secondary);font-size:13px;font-style:italic;margin-top:15px;padding:8px}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #6366f14d;display:inline-block;height:30px;margin-top:15px;width:30px}.reset-success{background-color:#22c55e1a;border-radius:8px;color:#22c55e;padding:20px}.auth-description,.reset-success{margin-bottom:20px;text-align:center}.auth-description{color:var(--text-color);font-size:14px}.auth-links{display:flex;gap:20px;justify-content:center;margin-top:20px}.auth-link{color:var(--primary-color);font-size:14px;font-weight:600;text-decoration:none}.auth-button{background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:600;margin-top:10px;padding:14px;text-align:center;transition:background-color .2s;width:100%}.auth-button:hover{background-color:var(--primary-hover)}.password-mismatch{color:var(--danger-color);font-size:12px;margin-bottom:10px;margin-top:-10px}@media screen and (max-width:600px){.auth-container{margin:50px auto;padding:20px}.auth-container h2{font-size:24px}.auth-form button{font-size:14px}}@media screen and (min-width:601px) and (max-width:1024px){.auth-container{padding:30px}.auth-container h2{font-size:26px}.auth-form button{font-size:15px}}@media screen and (min-width:1025px) and (max-width:1440px){.auth-container{padding:40px}.auth-container h2{font-size:28px}.auth-form button{font-size:16px}}@media screen and (min-width:1441px){.auth-container{max-width:500px}}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top:3px solid var(--primary-color);height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.transaction-modal{background-color:var(--card-background);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;width:90%}.modal-header{border-bottom:1px solid #ffffff1a}.add-modal-header h2{color:var(--text-color);font-size:1.75rem;font-weight:600;margin:0}.close-button:hover{background-color:#ffffff1a}.date-time{align-items:center;display:flex;flex-direction:row;gap:2rem;justify-content:flex-start}.add-transaction-form{display:flex;flex-direction:column;gap:10px}.add-form-group{display:flex;flex-direction:column;gap:8px}.add-form-group label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.add-form-group input,.add-form-group select{background-color:var(--background);border:1px solid #ffffff1a;border-radius:12px;color:var(--text-color);font-size:1rem;padding:12px;transition:all .3s ease}.add-form-group input:focus,.add-form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133;outline:none}.error-message{margin-top:8px}.add-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.apply-button,.reset-button{padding:12px 24px}.apply-button:hover,.reset-button:hover{transform:translateY(-2px)}.add-cancel-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:4px;transition:all .3s ease;width:32px}.add-cancel-btn:hover{background-color:#ffffff1a}.add-submit-btn{background:linear-gradient(135deg,var(--primary-color),var(--info-color));border:none;box-shadow:0 4px 15px #6366f14d;color:#fff}@media (max-width:480px){.transaction-modal{padding:20px;width:95%}.add-modal-header h2{font-size:1.5rem}.add-form-group input,.add-form-group select{padding:10px}.apply-button,.reset-button{font-size:.95rem;padding:10px 20px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content.add-card-modal{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px var(--shadow-color);max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;width:90%}.modal-header{border-bottom:1px solid var(--border-color);padding-bottom:16px}.modal-header h2{align-items:center;display:flex;font-size:1.75rem;gap:.75rem}.modal-icon{color:var(--primary-color)}.close-button{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.close-button:hover{background-color:var(--hover-color);color:var(--text-color)}.form-group{margin-bottom:20px}.form-row{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group label{color:var(--text-secondary);font-weight:500}.form-group input{background-color:var(--background);border-radius:12px;transition:all .3s ease}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-alpha);outline:none}.modal-actions{margin-top:32px}.cancel-btn{background:none;border:1px solid var(--border-color);border-radius:12px;color:var(--text-color);cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}.cancel-btn:hover{background-color:var(--hover-color)}.submit-btn{background:linear-gradient(135deg,var(--primary-color),var(--info-color));border:none;border-radius:12px;box-shadow:0 4px 15px var(--primary-color-alpha);color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}.submit-btn:hover{box-shadow:0 6px 20px var(--primary-color-alpha);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.error-message{background-color:var(--danger-color-alpha);border-radius:12px;margin-bottom:16px}@media screen and (max-width:600px){.modal-content.add-card-modal{padding:24px;width:95%}.form-row{gap:12px;grid-template-columns:1fr}.modal-header h2{font-size:1.5rem}.form-group input{padding:10px}.modal-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;width:100%}}.update-balance-modal{background:var(--card-background);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000001a;max-width:500px;padding:24px;width:90%}.modal-header{margin-bottom:24px}.modal-header h2{margin:0}.close-button{color:var(--text-color);padding:4px}.update-balance-form{gap:20px}.form-group,.update-balance-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:var(--text-color);font-size:.9rem}.form-group input{background:var(--input-background);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:1rem;padding:12px}.form-group input:disabled{background:var(--hover-color);border:1px solid #ffffff0d;color:var(--text-secondary);cursor:not-allowed}.form-group select{background:var(--input-background);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:1rem;padding:12px}.form-group select:disabled{background:var(--hover-color);border:1px solid #ffffff0d;color:var(--text-secondary);cursor:not-allowed}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.button{border-radius:8px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.button.primary{background:var(--primary-color);border:none;color:#fff}.button.secondary{background:#0000;border:1px solid var(--border-color);color:var(--text-color)}.error-message{font-size:.9rem;margin-top:-8px}.dashboard{background-color:var(--background);min-height:100vh;padding:32px}.dashboard-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--info-color));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;text-shadow:0 2px 10px #6366f133}.add-btn{white-space:nowrap;width:-webkit-fit-content;width:fit-content}.quick-stats-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-background);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:40px;padding:32px}.stats-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stat-item{background:linear-gradient(145deg,#ffffff0d,#ffffff03);border:1px solid #ffffff0d;border-radius:16px;overflow:hidden;padding:28px;position:relative;transition:all .3s ease}.stat-item:before{background:linear-gradient(90deg,var(--primary-color),var(--info-color));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-item:hover:before{opacity:1}.stat-item:hover{box-shadow:0 12px 28px #00000026;transform:translateY(-4px)}.stat-item label{color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin-bottom:16px}.amount{background-clip:text;font-size:2.2rem;line-height:1.2;margin:0}.home-cards-section{margin-top:32px}.section-header{margin-bottom:24px}.section-header h2{color:var(--text-color);font-size:1.75rem;font-weight:600;margin-bottom:24px}.controls{background:var(--card-background);border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 4px 16px #0000000f;justify-content:space-between;padding:24px}.controls,.sort-controls{align-items:center;display:flex}.sort-controls{gap:12px}.sort-select{border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;font-size:.95rem;min-width:200px;padding:12px 20px;transition:all .2s ease}.sort-select,.sort-select option{background:var(--card-background);color:var(--text-color)}.sort-select option{padding:12px}.sort-select:hover{border-color:var(--primary-color)}.sort-order-btn{align-items:center;background:var(--card-background);border:1px solid #ffffff1a;border-radius:12px;color:var(--text-color);cursor:pointer;display:flex;justify-content:center;padding:12px;transition:all .2s ease}.sort-order-btn:hover{background:var(--primary-color);color:#fff}.toggle-controls{display:flex;gap:20px}.toggle{align-items:center;cursor:pointer;display:flex;gap:10px}.home-cards-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;justify-content:center;padding:8px;width:100%}.home-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 8px var(--shadow-color);cursor:pointer;display:flex;flex-direction:column;margin:0;min-width:auto;overflow:hidden;padding:24px;position:relative;transition:all .3s ease;width:calc(25% - 24px)}.home-card:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.home-card:hover{border-color:#fff3;box-shadow:0 8px 16px #0000004d;text-decoration:none;transform:translateY(-12px)}.home-card:after{background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:12px 12px 0 0;content:"";height:6px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.home-card:hover:after{opacity:1}.home-card-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;flex-direction:row;gap:12px;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.home-card-header h2{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{background:#10b9811a;border-radius:20px;color:#10b981;font-size:.65rem;font-weight:500;padding:3px 6px}.home-card-number{color:#9ca3af;font-size:.9rem;letter-spacing:2px;margin-bottom:16px}.home-card-details{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow:hidden}.info-icon{color:var(--text-color);cursor:pointer;font-size:.8rem;margin-left:4px}.home-detail-row{background:var(--hover-color);border-radius:8px;display:flex;justify-content:space-between;padding:8px;transition:background-color .2s ease}.home-detail-row:hover{background:var(--card-background)}.home-detail-label{color:var(--text-secondary);font-size:.85rem}.home-detail-value{color:var(--text-color);font-size:.95rem;font-weight:600}.home-detail-value.positive{color:var(--danger-color)}.home-detail-value.negative{color:var(--success-color)}.home-card-actions{display:flex;justify-content:center;margin-top:16px}.card-action-btn{align-items:center;background:var(--card-background);border:1px solid #ffffff1a;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s ease;width:100%}.card-action-btn:hover{background:linear-gradient(135deg,var(--primary-color),var(--info-color));border-color:#0000;color:#fff}.no-cards{color:var(--text-secondary);font-size:1.1rem;margin-top:32px;text-align:center}.error-message{background-color:var(--danger-color);border-radius:6px;color:#fff;margin-top:16px;padding:12px;text-align:center}@media screen and (max-width:600px){.dashboard{padding:16px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px}.dashboard-header h1{font-size:1.75rem}.add-btn{font-size:.9rem;text-align:center;width:calc(100% - 2rem)}.quick-stats-banner{padding:16px}.stats-content{grid-template-columns:1fr}.controls{display:flex;flex-direction:column}.home-cards-grid{align-items:center;flex-direction:column;gap:16px;padding:4px}.home-card{padding:16px;width:85%}.home-card-header h2{font-size:1rem}.home-card-number{font-size:.8rem}.home-detail-row{padding:6px}}@media screen and (min-width:601px) and (max-width:1024px){.dashboard{padding:24px}.dashboard-header{gap:14px}.dashboard-header h1{font-size:2rem}.add-btn{font-size:1rem;padding:10px 20px;width:auto}.quick-stats-banner{padding:24px}.stats-content{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.home-cards-grid{flex-direction:row;gap:20px;justify-content:center}.home-card{width:calc(42% - 10px)}.home-card-header h2{font-size:1.1rem}.home-card-number{font-size:.9rem}.home-detail-row{padding:8px}}@media screen and (min-width:1025px) and (max-width:1440px){.dashboard{padding:32px}.dashboard-header h1{font-size:2.5rem}.add-btn{font-size:1.1rem;padding:16px 32px;width:auto}.quick-stats-banner{padding:32px}.stats-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.home-cards-grid{flex-direction:row;gap:20px}.home-card{padding:24px;width:calc(25% - 10px)}.home-card-header h2{font-size:1.2rem}.home-card-number{font-size:1rem}.home-detail-row{padding:10px}}@media screen and (min-width:1441px){.dashboard{padding:40px}.dashboard-header h1{font-size:3rem}.add-btn{font-size:1.2rem;padding:18px 36px;width:auto}.quick-stats-banner{padding:40px}.stats-content{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.home-cards-grid{flex-direction:row;gap:24px}.home-card{padding:28px;width:calc(20% - 16px)}.home-card-header h2{font-size:1.3rem}.home-card-number{font-size:1.1rem}.home-detail-row{padding:12px}}.modal-content.transaction-modal{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px var(--shadow-color);max-width:600px;padding:32px;width:90%}.edit-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.edit-modal-header h2{color:var(--text-color);font-size:1.75rem;font-weight:600;margin:0}.edit-form-group{margin-bottom:20px}.edit-form-group label{color:var(--text-color);display:block;margin-bottom:8px}.edit-form-group input,.edit-form-group select{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-color);padding:12px;width:100%}.edit-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.edit-cancel-btn{background:none;border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-color);cursor:pointer;padding:12px 24px}.edit-submit-btn{background:var(--primary-color);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;padding:12px 24px}@media screen and (max-width:600px){.edit-transaction-modal{padding:20px;width:95%}.edit-modal-header h2{font-size:1.3rem}.edit-form-group input,.edit-form-group select{padding:10px}.edit-cancel-btn,.edit-submit-btn{font-size:.9rem;padding:8px 16px}}.card-details{background-color:var(--background);min-height:100vh;padding:32px}.card-header{align-items:center;border-bottom:var(--border-color);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.card-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--info-color));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;text-shadow:0 2px 10px #6366f133}.card-actions{display:flex;gap:16px}.add-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--info-color));border:none;border-radius:12px;box-shadow:0 4px 15px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.add-btn:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.card-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.info-item{background:linear-gradient(145deg,var(--hover-color),var(--card-background));border:1px solid var(--border-color);border-radius:16px;overflow:hidden;padding:28px;position:relative;transition:all .3s ease}.info-item:before{background:linear-gradient(90deg,var(--primary-color),var(--info-color));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.info-item:hover{box-shadow:0 12px 28px var(--shadow-color);transform:translateY(-4px)}.info-item:hover:before{opacity:1}.info-item label{color:var(--text-secondary);font-size:1.1rem;font-weight:500}.info-item p{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-color),var(--primary-color));-webkit-background-clip:text;font-size:1.75rem;font-weight:700;margin:10px 0 0}.transactions-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px var(--shadow-color);padding:32px}.transactions-section h2{font-size:1.75rem;font-weight:600;margin-bottom:24px}.transactions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.transaction-card{background:linear-gradient(145deg,var(--hover-color),var(--card-background));border:1px solid var(--border-color);border-radius:16px;padding:24px;transition:all .3s ease}.transaction-card:hover{box-shadow:0 12px 28px var(--shadow-color);transform:translateY(-4px)}.transaction-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.type{border-radius:20px;font-size:.85rem;font-weight:600;padding:6px 12px;text-transform:uppercase}.type.credit{background-color:var(--success-color);color:#fff}.type.debit{background-color:var(--danger-color);color:#fff}.date,.time{color:var(--text-secondary);font-size:.9rem}.transaction-body{margin-bottom:16px}.description{color:var(--text-color);font-size:1.1rem;margin-bottom:8px}.amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-color),var(--primary-color));-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.transaction-footer{align-items:center;display:flex;justify-content:space-between}.transaction-categories{align-items:center;display:flex;gap:8px}.transaction-actions{display:flex;gap:8px}.action-btn{border-radius:6px;color:var(--text-secondary);padding:6px;transition:all .2s ease}.action-btn:hover{transform:translateY(-2px)}.action-btn.edit:hover{background:var(--info-color-transparent);color:var(--info-color)}.action-btn.delete:hover{background:var(--danger-color-transparent);color:var(--danger-color)}[data-theme=light]{--info-color-transparent:#6366f11a;--danger-color-transparent:#ef44441a}[data-theme=dark]{--info-color-transparent:#6366f133;--danger-color-transparent:#ef444433}.category,.subcategory{background:var(--hover-color);border-radius:12px;color:var(--text-secondary);font-size:.85rem;padding:4px 10px}.no-data{color:var(--text-secondary);font-size:1.1rem;padding:32px;text-align:center}.tooltip-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1002}.tooltip-popup{border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:20px;position:relative;width:90%}[data-theme=light] .tooltip-popup{background-color:#fff;border:1px solid #e0e0e0;color:#333}[data-theme=light] .close-tooltip{background-color:#007bff;border:none;color:#fff}[data-theme=light] .close-tooltip:hover{background-color:#0056b3}[data-theme=dark] .tooltip-popup{background-color:#2d2d2d;border:1px solid #404040;color:#fff}[data-theme=dark] .close-tooltip{background-color:#4a90e2;border:none;color:#fff}[data-theme=dark] .close-tooltip:hover{background-color:#357abd}.tooltip-popup p{line-height:1.5;margin:0 0 15px}.close-tooltip{border-radius:4px;cursor:pointer;display:block;font-weight:500;padding:8px;transition:background-color .2s ease;width:100%}.close-tooltip:focus{outline:2px solid #4a90e2;outline-offset:2px}@media screen and (max-width:600px){.card-details{padding:16px}.card-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px}.card-header h1{font-size:1.8rem}.card-actions{width:100%}.add-btn{display:flex;flex-direction:column;font-size:.9rem;justify-content:center;padding:12px 20px;width:calc(100% - 2rem)}.card-info-grid{gap:16px;grid-template-columns:1fr}.info-item{padding:20px}.info-item p{font-size:1.5rem}.transactions-section{padding:20px}.transactions-grid{grid-template-columns:1fr}.transaction-card{padding:16px}}@media screen and (min-width:601px) and (max-width:1024px){.card-details{padding:24px}.card-header h1{font-size:2.2rem}.card-info-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.transactions-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.info-item p{font-size:1.6rem}}@media screen and (min-width:1025px) and (max-width:1440px){.card-details{padding:32px}.card-info-grid{gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.transactions-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.info-item p{font-size:1.75rem}}@media screen and (min-width:1441px){.card-details{margin:0 auto;max-width:1800px;padding:40px}.card-header h1{font-size:2.8rem}.card-info-grid{gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.transactions-grid{gap:32px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.info-item{padding:32px}.info-item p{font-size:2rem}.transaction-card{padding:28px}.description{font-size:1.2rem}.amount{font-size:1.75rem}}.charts-container{max-width:100%;overflow-x:hidden;padding:16px}.charts-header{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:24px}.charts-header h2{color:var(--text-color);margin-bottom:16px}.chart-selectors{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;width:100%}.chart-selector{display:flex;flex-direction:column;margin-right:16px}.chart-selector label{color:var(--text-color);font-size:.9rem;margin-bottom:8px}.chart-selector select{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:.9rem;padding:8px 16px}.chart-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.chart-card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px var(--shadow-color);margin-bottom:20px;overflow:visible;padding:24px}.chart-card.full-width{grid-column:1/-1}.chart-card.full-width .chart-wrapper{min-height:400px}.chart-card h3{color:var(--text-color);font-size:1.25rem;margin-top:0;text-align:center}.chart{background-color:#fff;background-color:var(--card-background,#fff);border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow:visible;padding:20px;position:relative;transition:all .3s ease}.chart h3{color:#333;color:var(--text-color,#333);font-size:16px;margin-bottom:15px;margin-top:0}.chart-wrapper{height:350px;margin-bottom:10px;overflow:visible;padding-right:20px;position:relative;width:100%}.dark .chart{background-color:#2d2d2d;background-color:var(--dark-card-background,#2d2d2d);box-shadow:0 2px 10px #00000026}.dark .chart h3,.dark .chart select,.dark .chart-selector label,.dark .chart-selector select{color:#f0f0f0;color:var(--dark-text-color,#f0f0f0)}.dark .chart-selector select{background-color:#333;background-color:var(--dark-input-background,#333);border-color:#444;border-color:var(--dark-border-color,#444)}.chart-wrapper canvas{max-height:100%;max-width:100%}.charts-loading{color:var(--text-color);font-size:1.1rem;padding:20px;text-align:center}.charts-error{background-color:#d32f2f1a;background-color:var(--error-bg-color,#d32f2f1a);border-radius:4px;color:#d32f2f;color:var(--error-color,#d32f2f);margin-bottom:16px;padding:8px}@media (max-width:768px){.chart-row{grid-template-columns:1fr}.chart-wrapper{height:300px;overflow:visible}.charts-container{padding:8px}.chart-wrapper canvas{height:100%!important;max-height:100%;max-width:100%;width:100%!important}.chart-selectors{align-items:flex-start;flex-direction:column}.chart-selector{margin-bottom:10px;width:100%}.chart-selector select{font-size:14px;height:40px;width:100%}.chart-card{padding:16px 12px}.chart-card h3{font-size:16px;margin-bottom:10px}.chart-card:not(.full-width) .chart-wrapper{height:250px;padding-bottom:40px}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.filter-modal{background-color:var(--card-background);border-radius:var(--radius);max-height:90vh;max-width:600px;overflow-y:auto;padding:1.5rem;scrollbar-gutter:stable;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-header h2{color:var(--text-color);font-size:1.5rem;font-weight:600}.close-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem}.filter-section{margin-bottom:1.5rem}.filter-section h3{color:var(--text-color);font-size:1rem;font-weight:500;margin-bottom:.75rem}.cards-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card-checkbox{align-items:center;cursor:pointer;display:flex;gap:.5rem}.card-checkbox,input[type=date],input[type=number],select{border:1px solid var(--border-color);border-radius:var(--radius);padding:.5rem}input[type=date],input[type=number],select{background-color:var(--background);color:var(--text-color);width:100%}.amount-inputs,.date-inputs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.apply-button,.reset-button{align-items:center;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.reset-button{background:linear-gradient(135deg,var(--secondary-color),var(--text-secondary));border:none;box-shadow:0 4px 15px #64748b4d;color:#fff}.reset-button:hover{box-shadow:0 6px 20px #64748b66;transform:translateY(-2px)}.apply-button{background:linear-gradient(135deg,var(--primary-color),var(--info-color));border:none;box-shadow:0 4px 15px #6366f14d;color:#fff}.apply-button:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.apply-button:disabled,.reset-button:disabled{cursor:not-allowed;opacity:.7;transform:none!important}@media (max-width:480px){.apply-button,.reset-button{font-size:.95rem;padding:10px 16px}}.category-inputs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.category-select,.subcategory-select{background-color:var(--background);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-color);padding:.5rem;width:100%}@media (min-width:480px){.category-inputs{grid-template-columns:1fr 1fr}}@media (max-width:480px){.amount-inputs,.date-inputs{grid-template-columns:1fr}}.options-menu{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;padding:8px;position:absolute;z-index:1000}.action-btn{background:none;border:none;color:var(--text-color);cursor:pointer;padding:8px;text-align:left;transition:background-color .2s ease;width:100%}.action-btn:hover{background-color:var(--hover-color)}.action-btn:focus{box-shadow:0 0 0 2px var(--primary-color);outline:none}.profile-container{display:flex;gap:2rem;margin:2rem auto;max-width:1200px;padding:0 1rem}.profile-sidebar{background-color:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-shrink:0;padding:1.5rem;width:280px}.user-brief{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.user-brief .user-icon{color:var(--text-secondary);font-size:2.5rem}.user-brief-info h3{color:var(--text-color);font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin:0}.user-brief-info p{color:var(--text-secondary);font-size:.95rem;font-weight:400;margin:.25rem 0 0}.profile-nav{display:flex;flex-direction:column;gap:.5rem}.nav-item{align-items:center;background:none;border:none;border-radius:var(--radius);color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;letter-spacing:.01em;padding:.75rem 1rem;text-align:left;transition:all .3s ease;width:100%}.nav-item:hover{background-color:var(--hover-color)}.nav-item.active{background-color:var(--primary-color);color:#fff}.profile-content{background-color:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex:1 1;padding:2rem}.tab-content{max-width:600px}.tab-content h2{color:var(--text-color);margin-bottom:2rem;margin-top:0}.info-group,.settings-group{margin-bottom:1.5rem}.info-group label,.settings-group label{color:var(--text-secondary);display:block;font-size:.9rem;margin-bottom:.5rem}.info-group p{color:var(--text-color);font-size:1rem;margin:0}.settings-select{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-color);padding:.75rem;width:100%}.categories-container{display:flex;flex-direction:column;gap:2rem}.categories-actions{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.action-card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5rem}.action-card h3{color:var(--text-color);font-size:1.25rem;font-weight:500;letter-spacing:-.01em;margin:0 0 1rem}.input-group{display:flex;flex-direction:column;gap:1rem}.input-field,.select-field{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-color);font-size:.95rem;font-weight:400;letter-spacing:.01em;padding:.75rem;width:calc(100% - 1.5rem)}.input-field:focus,.select-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a;outline:none}.action-button{background-color:var(--primary-color);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;letter-spacing:.02em;padding:.75rem 1.5rem}.action-button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.categories-list-container{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5rem}.categories-list-container h3{color:var(--text-color);font-size:1.25rem;font-weight:500;letter-spacing:-.01em;margin:0 0 1.5rem}.categories-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.category-item{border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden}.category-header{align-items:center;background-color:var(--input-background);display:flex;justify-content:space-between;padding:1rem}.category-actions{align-items:center;display:flex;gap:.5rem}.accordion-toggle{align-items:center;background:none;border:none;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;margin-right:.5rem;padding:.5rem}.accordion-toggle:hover{background-color:var(--hover-color)}.accordion-icon{font-size:.9rem;transition:transform .2s ease}.accordion-spacer{display:inline-block;width:1.9rem}.delete-card-name
.category-name{color:var(--text-color);font-size:1.1rem;font-weight:500;letter-spacing:-.01em}.subcategories-list{animation:fadeIn .3s ease;background-color:var(--card-background);list-style:none;margin:0;padding:.5rem 1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.subcategory-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem}.subcategory-item:last-child{border-bottom:none}.subcategory-name{color:var(--text-secondary);font-size:1rem;font-weight:400}.delete-button{background:none;border:none;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;padding:.5rem}.delete-button:hover{background-color:var(--hover-color);color:var(--danger-color)}.warning-text{color:var(--danger-color);margin-bottom:1.5rem}.delete-card-section{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1.25rem}.delete-cards-container{display:flex;flex-direction:column;gap:.5rem;justify-content:space-between}.delete-card-item{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius);list-style:none;overflow:hidden}.delete-card-item:hover{border-color:var(--border-color);box-shadow:0 0 0 2px #6366f180;outline:none}.delete-card-header{display:flex;flex-direction:row;justify-content:space-between;padding:1rem}.delete-account-btn{align-items:center;background-color:var(--danger-color);border:none;border-radius:var(--radius);color:var(--text-light);cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1.25rem}.delete-account-btn:hover{opacity:.9}.error-message{background-color:var(--error-bg);border-radius:var(--radius);margin-bottom:1rem;padding:1rem}@media screen and (max-width:600px){.profile-container{flex-direction:column;gap:1rem;padding:.5rem}.profile-sidebar{padding:1rem;width:calc(100% - 2rem)}.user-brief .user-icon{font-size:2rem}.user-brief-info h3{font-size:1.1rem}.user-brief-info p{font-size:.85rem}.nav-item{font-size:.9rem;padding:.6rem .8rem}.tab-content h2{font-size:1.5rem}.action-card h3{font-size:1.1rem}.category-name{font-size:1rem}.subcategory-name{font-size:.9rem}.info-group label,.settings-group label{font-size:.85rem}.action-button,.info-group p,.input-field,.select-field{font-size:.9rem}.categories-actions{grid-template-columns:1fr}.input-group{flex-direction:column}.tab-content{max-width:100%}.categories-section{padding:0}}@media screen and (min-width:601px) and (max-width:1024px){.profile-container{gap:1.5rem;padding:1rem}.profile-sidebar{width:240px}.user-brief .user-icon{font-size:2.2rem}.user-brief-info h3{font-size:1.15rem}.user-brief-info p{font-size:.9rem}.nav-item{font-size:.95rem}.tab-content h2{font-size:1.75rem}.action-card h3{font-size:1.15rem}.category-name{font-size:1.05rem}.subcategory-name{font-size:.95rem}.categories-actions{grid-template-columns:1fr}.tab-content{max-width:100%}}@media screen and (min-width:1025px) and (max-width:1440px){.profile-container{max-width:1100px}.profile-sidebar{width:260px}.user-brief .user-icon{font-size:2.3rem}.user-brief-info h3{font-size:1.2rem}.tab-content h2{font-size:1.85rem}.action-card h3{font-size:1.2rem}.categories-actions{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media screen and (min-width:1441px){.profile-container{max-width:1400px}.profile-sidebar{width:300px}.profile-content{padding:2.5rem}.user-brief .user-icon{font-size:2.5rem}.user-brief-info h3{font-size:1.25rem}.user-brief-info p{font-size:1rem}.nav-item{font-size:1.05rem}.tab-content h2{font-size:2rem}.action-card h3{font-size:1.25rem}.category-name{font-size:1.15rem}.subcategory-name{font-size:1rem}.info-group label,.settings-group label{font-size:.95rem}.info-group p{font-size:1.05rem}.action-button,.input-field,.select-field{font-size:1rem}.categories-actions{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tab-content{max-width:800px}}.transactions-container{background-color:var(--background);min-height:100vh}.transactions-content{margin:0 auto;max-width:1200px;padding:2rem 1rem}.transactions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.transactions-header h1{color:var(--text-color);font-size:1.8rem;margin:0}.page-title{color:var(--text-color);font-size:1.875rem;font-weight:700;margin-bottom:1.5rem}.filter-button{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--info-color));border:none;border-radius:12px;box-shadow:0 4px 15px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.filter-button:hover{background:linear-gradient(135deg,var(--info-color),var(--primary-color))}.filter-button svg{font-size:1rem}.table-container{background-color:var(--card-background);border-radius:var(--radius);box-shadow:0 1px 3px 0 #0000001a;margin:20px 0;overflow-x:auto}.table-scroll{min-width:600px}.transactions-table{border-collapse:collapse;width:100%}.transactions-table td,.transactions-table th{border-bottom:1px solid var(--border-color);padding:12px;text-align:left}.transactions-table td,.transactions-table th,.transactions-table thead,.transactions-table tr{transition:background-color .3s ease,color .3s ease}.transactions-table th{background-color:var(--accent-subtle);border-bottom:2px solid var(--border-color);color:var(--muted-foreground);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}[data-theme=dark] .transactions-table th{background-color:var(--accent-darker);border-bottom-color:var(--border-color-dark)}[data-theme=light] .transactions-table th{background-color:var(--accent-lighter);border-bottom-color:var(--border-color-light)}.transactions-table tbody tr:nth-child(2n){background-color:var(--card-background);transition:background-color .3s ease}[data-theme=dark] .transactions-table tbody tr:nth-child(2n){background-color:#0003;transition:background-color .3s ease}[data-theme=light] .transactions-table tbody tr:nth-child(2n){background-color:#f7f8f9;background-color:var(--muted-lighter,#f7f8f9);transition:background-color .3s ease}.transactions-table tbody tr:hover{background-color:var(--hover-color)}.transactions-table td{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:.875rem;padding:1rem 1.5rem;position:relative;white-space:nowrap}.transactions-table td:first-child{color:var(--primary);font-weight:500;transition:color .3s ease}.date-cell,.time-cell{color:var(--text-secondary);font-size:.8125rem}.amount{font-family:monospace;font-weight:500}.transaction-amount.debit{color:var(--danger-color)}.transaction-amount.credit{color:var(--success-color)}.category-cell,.subcategory-cell{color:var(--text-secondary);font-size:.8125rem}.description-cell{max-width:300px;overflow:hidden;position:relative;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.description-cell[title]{position:relative}.description-cell[title]:hover:before{word-wrap:break-word;background-color:#000c;background-color:var(--tooltip-background,#000c);border-radius:var(--radius);bottom:100%;box-shadow:0 2px 4px #0003;color:#fff;color:var(--tooltip-text,#fff);content:attr(title);font-size:.875rem;left:0;max-width:300px;padding:.5rem 1rem;position:absolute;white-space:normal;z-index:1000}.error-message{background-color:var(--card-background);border:1px solid var(--danger-color);border-radius:4px;color:var(--danger-color);margin:10px 0;padding:10px}.options-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1rem;padding:8px;transition:background-color .2s ease}.options-button:hover{background-color:var(--hover-color);border-radius:var(--radius)}.pwa-install-prompt{align-items:flex-end;animation:slideUp .3s ease-out;background-color:var(--modal-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;z-index:9999}.pwa-prompt-content{background-color:var(--card-background);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);color:var(--text-color);max-width:500px;overflow:hidden;width:100%}.pwa-prompt-header{align-items:center;background-color:var(--background-color);border-bottom:1px solid var(--border-color);display:flex;padding:16px;position:relative}.pwa-logo{height:32px;margin-right:12px;width:32px}.pwa-prompt-header h3{color:var(--text-color);flex-grow:1;font-size:18px;margin:0}.pwa-close-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;position:absolute;right:16px;top:16px;transition:color .2s;width:32px}.pwa-close-btn:hover,.pwa-prompt-body{color:var(--text-color)}.pwa-prompt-body{padding:16px}.pwa-prompt-body p{color:var(--text-color)}.pwa-instructions{margin-top:16px}.pwa-instructions ol{color:var(--text-color);padding-left:20px}.pwa-instructions li{color:var(--text-color);margin-bottom:10px}.pwa-instructions strong{color:var(--primary-color)}.ios-share-icon{background-color:var(--primary-color);border-radius:4px;color:#fff;display:inline-block;height:20px;line-height:20px;margin:0 4px;text-align:center;width:20px}.pwa-install-btn{background:linear-gradient(135deg,var(--primary-color),var(--info-color));border:none;border-radius:6px;box-shadow:0 4px 15px #6366f14d;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:12px 20px;transition:all .3s ease;width:100%}.pwa-install-btn:hover{background:linear-gradient(135deg,var(--primary-hover),var(--info-color));box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}@media (max-width:480px){.pwa-install-prompt{padding:10px}.pwa-prompt-content{border-radius:12px 12px 0 0}}.offline-alert{animation:slideUp .3s ease-out;bottom:0;font-size:14px;left:0;padding:12px 20px;position:fixed;right:0;text-align:center;transition:all .3s ease;z-index:9999}.offline-alert.offline{background-color:var(--danger-color)}.offline-alert.online{background-color:var(--success-color)}.offline-alert-content{align-items:center;color:#fff;display:flex;padding:12px 16px}.offline-alert-icon{align-items:center;display:flex;justify-content:center;margin-right:12px}.offline-alert-message{flex-grow:1;font-weight:500}.offline-alert-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;opacity:.8;padding:0;transition:opacity .2s;width:24px}.offline-alert-close:hover{opacity:1}.alert-warning{background-color:#fff3cd;border-bottom:1px solid #ffeeba;color:#856404}.alert-success{animation:fadeOut 3s ease-in forwards;background-color:#d4edda;border-bottom:1px solid #c3e6cb;color:#155724}@keyframes slideUp{0%{transform:translateY(0)}to{transform:translateY(-20%)}}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}@media (max-width:480px){.offline-alert{bottom:30px;width:95%}.offline-alert-content{padding:10px 12px}.offline-alert-message{font-size:14px}}.update-alert{animation:slideDown .3s ease-out;border-radius:12px;left:50%;max-width:400px;overflow:hidden;position:fixed;top:20px;transform:translateX(-50%);width:90%;z-index:10000}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%) translateX(-50%)}to{opacity:1;transform:translateY(0) translateX(-50%)}}.update-alert-content{align-items:flex-start;background-color:var(--card-background);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow-color);color:var(--text-color);display:flex;gap:12px;padding:16px}.update-alert-icon{align-items:center;background-color:var(--background-color);border-radius:50%;color:var(--primary-color);display:flex;justify-content:center;padding:8px}.update-alert-message{flex-grow:1}.update-alert-message strong{color:var(--text-color);display:block;margin-bottom:4px}.update-alert-message p{color:var(--text-secondary);font-size:14px;margin:0}.update-alert-actions{display:flex;gap:8px;margin-top:12px}.update-alert-update-btn{background:linear-gradient(135deg,var(--primary-color),var(--info-color));border:none;border-radius:6px;box-shadow:0 2px 8px #6366f133;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.update-alert-update-btn:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.update-alert-close{background:none;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:8px 16px;transition:all .2s}.update-alert-close:hover{background-color:var(--background-color);color:var(--text-color)}@media (max-width:480px){.update-alert{top:10px;width:95%}.update-alert-content{padding:12px}.update-alert-message p{font-size:13px}}.landing-container{color:var(--text-color);overflow-x:hidden;width:100%}.hero-section{background:linear-gradient(135deg,#6366f10d,#3b82f60d);border-bottom:1px solid var(--border-color);display:flex;min-height:85vh;padding:80px 5%;position:relative}.hero-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:600px;z-index:2}.hero-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(to right,var(--primary-color),var(--info-color));-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:24px}.hero-content p{color:var(--text-secondary);font-size:1.2rem;line-height:1.6;margin-bottom:40px}.hero-cta{display:flex;flex-wrap:wrap;gap:16px}.hero-image{flex:1 1}.hero-image,.hero-image-content{align-items:center;display:flex;justify-content:center;position:relative}.hero-image-content{height:100%;width:100%}.hero-illustration{animation:float 6s ease-in-out infinite;max-height:500px;max-width:100%;object-fit:contain}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.features-section{background-color:var(--background-color);padding:100px 5%;text-align:center}.features-section h2{display:inline-block;font-size:2.5rem;margin-bottom:60px;position:relative}.features-section h2:after{background:linear-gradient(to right,var(--primary-color),var(--info-color));border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.feature-card{align-items:center;background-color:var(--card-background);border-radius:16px;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;padding:40px 30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 15px 35px var(--shadow-color);transform:translateY(-10px)}.feature-icon{align-items:center;background-color:#6366f11a;border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:24px;position:relative;width:80px}.multiple-card-icon:before{content:"💳";font-size:2rem}.categories-icon:before{content:"🏷️";font-size:2rem}.tracking-icon:before{content:"📊";font-size:2rem}.reminder-icon:before{content:"⏰";font-size:2rem}.feature-card h3{color:var(--text-color);font-size:1.4rem;margin-bottom:16px}.feature-card p{color:var(--text-secondary);line-height:1.6}.how-it-works{background-color:var(--card-background);padding:100px 5%;text-align:center}.how-it-works h2{display:inline-block;font-size:2.5rem;margin-bottom:60px;position:relative}.how-it-works h2:after{background:linear-gradient(to right,var(--primary-color),var(--info-color));border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.steps-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:0 auto;max-width:1200px;position:relative}.steps-container:before{background:linear-gradient(to right,var(--primary-color),var(--info-color));content:"";display:none;height:2px;left:0;position:absolute;top:50px;width:100%;z-index:0}.step{background-color:var(--background-color);border-radius:12px;box-shadow:0 10px 30px var(--shadow-color);flex:1 1;max-width:1500px;min-width:150px;padding:30px 20px;position:relative;transition:transform .3s ease,box-shadow .3s ease;z-index:1}.step:hover{box-shadow:0 15px 35px var(--shadow-color);transform:translateY(-10px)}.step-number{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--info-color));border-radius:50%;color:#fff;display:flex;font-size:1.4rem;font-weight:700;height:50px;justify-content:center;margin:0 auto 20px;width:50px}.step h3{font-size:1.2rem;margin-bottom:12px}.step p{color:var(--text-secondary);font-size:.9rem}.pain-points{background-color:var(--background-color);padding:100px 5%}.pain-points h2{display:inline-block;font-size:2.5rem;left:50%;margin-bottom:60px;position:relative;text-align:center;transform:translateX(-50%)}.pain-points h2:after{background:linear-gradient(to right,var(--primary-color),var(--info-color));border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.pain-solution-grid{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:900px}.pain-solution{background-color:var(--card-background);border-radius:16px;box-shadow:0 10px 30px var(--shadow-color);display:flex;overflow:hidden}.pain,.solution{flex:1 1;padding:30px}.pain{background-color:#ef44440d;border-right:1px solid var(--border-color)}.solution{background-color:#22c55e0d}.pain h3,.solution h3{display:inline-block;font-size:1.3rem;margin-bottom:15px;position:relative}.pain h3:after,.solution h3:after{border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:40px}.pain h3:after{background-color:var(--danger-color)}.solution h3:after{background-color:var(--success-color)}.testimonials{background-color:var(--card-background);padding:100px 5%;text-align:center}.testimonials h2{display:inline-block;font-size:2.5rem;margin-bottom:60px;position:relative}.testimonials h2:after{background:linear-gradient(to right,var(--primary-color),var(--info-color));border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.testimonials-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin:0 auto;max-width:1200px}.testimonial{background-color:var(--background-color);border-radius:12px;box-shadow:0 10px 30px var(--shadow-color);flex:1 1;max-width:500px;min-width:280px;padding:40px;position:relative}.testimonial:before{color:var(--primary-color);content:'"';font-size:5rem;left:20px;line-height:1;opacity:.2;position:absolute;top:10px}.quote{font-size:1.2rem;line-height:1.6;margin-bottom:20px;position:relative;z-index:1}.author{color:var(--text-secondary);font-weight:600}.security{background-color:var(--background-color);padding:100px 5%;text-align:center}.security h2{display:inline-block;font-size:2.5rem;margin-bottom:60px;position:relative}.security h2:after{background:linear-gradient(to right,var(--primary-color),var(--info-color));border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.security-features{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin:0 auto;max-width:1200px}.security-feature{background-color:var(--card-background);border-radius:15px;box-shadow:0 10px 30px var(--shadow-color);flex:1 1;max-width:350px;min-width:280px;padding:30px;transition:transform .3s ease}.security-feature:hover{transform:translateY(-10px)}.security-icon{font-size:3rem;margin-bottom:20px}.security-feature h3{font-size:1.4rem;margin-bottom:15px}.security-feature p{color:var(--text-secondary)}.pwa-feature{background:linear-gradient(135deg,#6366f11a,#3b82f61a);padding:100px 5%;position:relative}.pwa-feature h2{display:inline-block;font-size:2.5rem;left:50%;margin-bottom:60px;position:relative;text-align:center;transform:translateX(-50%)}.pwa-feature h2:after{background:linear-gradient(to right,var(--primary-color),var(--info-color));border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.pwa-content{display:flex;gap:50px;justify-content:center;margin:0 auto;max-width:1200px}.pwa-text{flex:1 1;min-width:300px;text-align:center}.pwa-text h3{font-size:1.8rem;margin-bottom:20px;text-align:center}.pwa-text p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:25px;text-align:center}.pwa-benefits{display:inline-block;list-style:none;margin:0 auto;padding:0;text-align:left}.pwa-benefits li{font-size:1.05rem;margin-bottom:10px}.pwa-image{display:flex;flex:1 1;justify-content:center;min-width:300px}.pwa-illustration{border-radius:15px;box-shadow:0 20px 40px var(--shadow-color);height:auto;max-width:100%;transition:transform .3s ease}.pwa-illustration:hover{transform:translateY(-10px)}.final-cta{background-color:var(--card-background);overflow:hidden;padding:100px 5%;position:relative;text-align:center}.final-cta:before{background:url(/static/media/cta-pattern.9f6caa00fa5c4d223554.svg) repeat;content:"";height:100%;left:0;opacity:.04;position:absolute;top:0;width:100%}.cta-wrapper{margin:0 auto;max-width:800px;position:relative;z-index:1}.final-cta h2{background:linear-gradient(to right,var(--primary-color),var(--info-color));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.8rem;margin-bottom:25px}.cta-subtext{color:var(--text-secondary);font-size:1.4rem;margin-bottom:40px}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px}.cta-button{border-radius:30px;font-size:1.1rem;font-weight:600;padding:15px 35px;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:linear-gradient(to right,var(--primary-color),var(--info-color));box-shadow:0 10px 20px #6366f14d;color:#fff}.cta-button.primary:hover{box-shadow:0 15px 25px #6366f166;transform:translateY(-5px)}.cta-button.secondary{background:#0000;border:2px solid var(--border-color);color:var(--text-color)}.cta-button.secondary:hover{background-color:var(--background-color);box-shadow:0 10px 15px var(--shadow-color);transform:translateY(-5px)}.future-message{background:linear-gradient(135deg,#6366f11a,#3b82f61a);border:1px solid #6366f133;border-radius:12px;display:inline-block;margin-top:50px;padding:15px 25px}.future-message p{font-size:1.1rem;margin:0}@media (max-width:1024px){.hero-section{flex-direction:column;padding:60px 5%}.hero-content{align-items:center;margin-bottom:60px;max-width:100%;text-align:center}.hero-content h1{font-size:2.5rem}.hero-cta{justify-content:center}.pain-solution{flex-direction:column}.pain{border-bottom:1px solid var(--border-color);border-right:none}}@media (max-width:768px){.hero-content h1{font-size:2.2rem}.features-section h2,.final-cta h2,.how-it-works h2,.pain-points h2,.testimonials h2{font-size:2rem}.step{min-width:100%}.steps-container:before{display:none}.cta-buttons,.pwa-content,.security-features{align-items:center;flex-direction:column}.pwa-image,.pwa-text,.security-feature{max-width:100%;min-width:auto;width:100%}.security-feature{margin-bottom:20px;padding:25px 15px}.security-icon{font-size:2.5rem;margin-bottom:15px}.security-feature h3{font-size:1.2rem;margin-bottom:10px}.final-cta h2{font-size:2.2rem}.cta-subtext{font-size:1.2rem}}@media (max-width:480px){.hero-content h1{font-size:1.8rem}.hero-content p{font-size:1rem}.features-section h2,.final-cta h2,.how-it-works h2,.pain-points h2,.testimonials h2{font-size:1.8rem}.feature-card,.testimonial{padding:30px 20px}.footer-links{gap:20px}}.landing-footer,.main-footer{background-color:var(--card-background);padding:60px 5% 40px}.main-footer{border-top:1px solid var(--border-color);width:90%}.footer-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px}.footer-links{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:30px}.footer-link{color:var(--text-secondary);font-size:.95rem;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:var(--primary-color)}.footer-tagline{color:var(--text-color);font-weight:600;margin-bottom:15px;text-align:center}.footer-copyright{color:var(--text-secondary);font-size:.9rem;margin-bottom:20px;text-align:center}.future-ready{background:linear-gradient(135deg,#6366f11a,#3b82f61a);border:1px solid #6366f133;border-radius:12px;margin:0 auto;max-width:80%;padding:15px 25px;text-align:center}.future-ready p{color:var(--text-color);font-size:.95rem;margin:0}@media (max-width:768px){.footer-links{align-items:center;flex-direction:column;gap:20px}.future-ready{max-width:100%;padding:15px}}body{font-family:Arial,sans-serif;padding:0}.App{color:var(--text-color);margin:0 auto;max-width:1200px;padding:20px}@media (max-width:768px){.App{padding:10px}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000001a;background:var(--scroll-track-color,#0000001a);border-radius:10px}::-webkit-scrollbar-thumb{background:#6366f14d;background:var(--scroll-thumb-color,#6366f14d);border:2px solid #0000001a;border:2px solid var(--scroll-track-color,#0000001a);border-radius:10px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}::-webkit-scrollbar-thumb:hover{background:#6366f180;background:var(--scroll-thumb-hover-color,#6366f180)}*{scrollbar-color:#6366f14d #0000001a;scrollbar-color:var(--scroll-thumb-color,#6366f14d) var(--scroll-track-color,#0000001a);scrollbar-width:thin}.custom-scroll{overflow:auto;scrollbar-gutter:stable}@media (max-width:768px){::-webkit-scrollbar{height:6px;width:6px}}body{background-color:var(--background-color);color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{font-weight:600;margin:0 0 10px}p{margin:0 0 15px}a{color:var(--primary-color);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.0699c969.css.map*/