body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background-color:#fff;border-right:1px solid #eee;display:flex;flex-direction:column;transition:all .3s ease;width:280px}.sidebar-header{border-bottom:1px solid #eee;gap:1rem;padding:2rem}.sidebar-header,.user-avatar{align-items:center;display:flex}.user-avatar{background-color:#4ecdc4;border-radius:50%;color:#fff;font-size:1.25rem;font-weight:500;height:48px;justify-content:center;width:48px}.user-info h3{color:#333;font-size:1rem;margin:0}.user-info p{color:#666;font-size:.875rem;margin:0}.sidebar-nav{display:flex;flex-direction:column;padding:1rem 0}.nav-item{align-items:center;color:#666;display:flex;gap:1rem;padding:.875rem 2rem;text-decoration:none;transition:all .2s}.nav-item:hover{background-color:#f8f9fa;color:#4ecdc4}.nav-item.active{background-color:#f0fffe;border-right:3px solid #4ecdc4;color:#4ecdc4}.nav-icon{align-items:center;display:flex;font-size:1.25rem;justify-content:center;width:24px}.nav-label{font-size:.9375rem;font-weight:500}.main-content{flex:1 1;overflow-y:auto}body.dark-mode .sidebar{background-color:#2d2d2d;border-right-color:#404040}body.dark-mode .sidebar-header{border-bottom-color:#404040}body.dark-mode .user-info h3{color:#fff}body.dark-mode .nav-item,body.dark-mode .user-info p{color:#bbb}body.dark-mode .nav-item:hover{background-color:#333;color:#4ecdc4}body.dark-mode .nav-item.active{background-color:#1a2928}body.dark-mode .main-content{background-color:#1a1a1a}@media (max-width:768px){.layout{flex-direction:column}.sidebar{border-bottom:1px solid #eee;border-right:none;width:100%}.sidebar-header{padding:1rem}.nav-item{padding:.75rem 1rem}.main-content{padding:1rem}body.dark-mode .sidebar{border-bottom-color:#404040}}.layout{display:flex;min-height:100vh}.sidebar-container{flex-shrink:0}.main-content{background-color:#f8f9fa;flex-grow:1;min-height:100vh;padding:2rem;transition:margin-left .3s ease}.main-content.with-sidebar{margin-left:250px}.menu-toggle{display:none}@media (max-width:768px){.menu-toggle{align-items:center;background:#fff;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:block;display:flex;height:40px;justify-content:center;left:1rem;padding:.5rem;position:fixed;top:1rem;width:40px;z-index:1001}.menu-toggle span{font-size:1.5rem;line-height:1}.sidebar-container{bottom:0;left:-250px;position:fixed;top:0;transition:left .3s ease;z-index:1000}.sidebar-container.open{left:0}.main-content{margin-left:0!important;padding-top:4rem}.layout:before{background-color:#00000080;bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:999}.sidebar-container.open+.main-content:before{opacity:1;visibility:visible}}.nav-button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;text-align:left;width:100%}.nav-button:focus{outline:none}.auth-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:1rem}.auth-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:400px;padding:2rem;width:100%}.auth-card h2{color:#333;margin-bottom:1.5rem;text-align:center}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus{border-color:#4ecdc4;box-shadow:0 0 0 2px #4ecdc433;outline:none}.auth-button{background-color:#4ecdc4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .2s;width:100%}.auth-button:hover{background-color:#45b7d1}.auth-button:disabled{background-color:#ccc;cursor:not-allowed}.auth-links{margin-top:1rem;text-align:center}.link-button{background:none;border:none;color:#4ecdc4;cursor:pointer;font-size:.9rem;padding:.5rem}.link-button:hover{text-decoration:underline}.error-message{padding:.75rem;text-align:center}.success-message{padding:.75rem}body.dark-mode .auth-container{background-color:#1a1a1a}body.dark-mode .auth-card{background-color:#2d2d2d;box-shadow:0 2px 4px #0003}body.dark-mode .auth-card h2{color:#fff}body.dark-mode .form-group label{color:#ccc}body.dark-mode .form-group input{background-color:#3d3d3d;border-color:#444;color:#fff}body.dark-mode .form-group input:focus{border-color:#4ecdc4}body.dark-mode .error-message{background-color:#3d1a1a;color:#ff6b6b}body.dark-mode .success-message{background-color:#1a3d1a;color:#6bff6b}@media (max-width:768px){.auth-container{padding:1rem}.auth-card{padding:1.5rem}}.dashboard-container{margin:2rem auto;max-width:1200px;padding:0 1rem}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.dashboard-header h2{color:#333;margin:0}.time-range-filter{align-items:center;display:flex;gap:1rem}.time-range-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.time-range-select:hover{border-color:#4ecdc4}.time-range-select:focus{border-color:#4ecdc4;box-shadow:0 0 0 2px #4ecdc41a;outline:none}body.dark-mode .time-range-select{background-color:#2d2d2d;border-color:#404040;color:#fff}body.dark-mode .time-range-select:focus,body.dark-mode .time-range-select:hover{border-color:#4ecdc4}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.time-range-filter,.time-range-select{width:100%}}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.dashboard-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.dashboard-card h3{color:#666;font-size:1.1rem;margin:0 0 1rem}.total-expenses{text-align:center}.total-expenses .amount{color:#333;font-size:2.5rem;font-weight:600;margin:.5rem 0}.total-expenses .period{color:#666;font-size:.9rem;margin:0}.category-list{display:flex;flex-direction:column;gap:1rem}.category-item{gap:1rem}.category-icon{flex-shrink:0;font-size:1.2rem;height:40px;width:40px}.category-details{flex-grow:1}.category-name{margin:0}.category-amount{color:#666;font-size:.9rem;margin:0}.distribution-bars{display:flex;flex-direction:column;gap:1rem}.distribution-bar-container{display:flex;flex-direction:column;gap:.5rem}.distribution-label{color:#666;display:flex;font-size:.9rem;justify-content:space-between}.distribution-bar{background-color:#f0f0f0;border-radius:4px;height:8px;overflow:hidden}.distribution-fill{height:100%;transition:width .3s ease}.recent-list{display:flex;flex-direction:column;gap:1rem}.recent-item{gap:1rem}.recent-icon,.recent-item{align-items:center;display:flex}.recent-icon{border-radius:50%;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px}.recent-details{flex-grow:1}.recent-title{color:#333;font-weight:500;margin:0}.recent-category{color:#666;font-size:.9rem;margin:0}.recent-amount{color:#333;font-weight:500;margin:0}@media (max-width:768px){.dashboard-header{align-items:stretch;flex-direction:column;gap:1rem}.dashboard-header h2{text-align:center}.time-range-filter select{width:100%}.dashboard-grid{grid-template-columns:1fr}.total-expenses .amount{font-size:2rem}.category-item,.recent-item{flex-direction:column;text-align:center}.category-icon,.recent-icon{margin:0 auto}.category-details,.recent-details{text-align:center}}.expenses-container{margin:2rem auto;max-width:1200px;padding:0 1rem}.expenses-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.expenses-header h2{color:#333;margin:0}.filters,.header-actions{align-items:center;display:flex;gap:1rem}.category-filter select,.time-range-filter select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:1rem;min-width:150px;padding:.5rem 1rem}.time-range-filter select{background-color:#f8f9fa}.create-expense-button{align-items:center;background-color:#4ecdc4;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s}.create-expense-button:hover{background-color:#45b7d1}.expenses-summary{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:1.5rem}.total-amount h3{color:#666;font-size:1.1rem;margin:0 0 .5rem}.total-amount p{color:#333;font-size:2rem;font-weight:600;margin:0}.expenses-list{grid-gap:1rem;display:grid;gap:1rem}.expense-card{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;padding:1rem;transition:transform .2s}.expense-card:hover{transform:translateY(-2px)}.expense-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;margin-right:1rem;width:48px}.expense-details{flex-grow:1}.expense-details h3{color:#333;font-size:1.1rem;margin:0 0 .25rem}.expense-category{color:#666;font-size:.9rem;margin:0 0 .25rem}.expense-date{color:#888;font-size:.9rem;margin:0}.expense-description{color:#666;font-size:.9rem;margin:.5rem 0 0}.expense-amount{color:#333;flex-shrink:0;font-size:1.2rem;font-weight:600;margin-left:1rem}.error,.no-expenses{border-radius:8px;padding:2rem;text-align:center}.no-expenses{background-color:#f5f5f5;color:#666}.expense-actions{align-items:center;display:flex;gap:1rem;margin-left:1rem}.delete-expense-button{align-items:center;background:none;border:none;border-radius:4px;color:#ff6b6b;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.delete-expense-button:hover{background-color:#ff6b6b1a}.delete-expense-button:disabled{cursor:not-allowed;opacity:.5}.success-message{text-align:center}body.dark-mode .delete-expense-button{color:#ff6b6b}body.dark-mode .delete-expense-button:hover{background-color:#ff6b6b33}body.dark-mode .success-message{background-color:#1b5e20;color:#fff}@media (max-width:768px){.expenses-header{align-items:stretch;flex-direction:column;gap:1rem}.expenses-header h2{text-align:center}.header-actions{flex-direction:column;gap:1rem}.filters{flex-direction:column}.category-filter select,.filters,.time-range-filter select{width:100%}.create-expense-button{justify-content:center;width:100%}.expense-card{flex-direction:column;text-align:center}.expense-icon{margin:0 0 1rem}.expense-amount{margin:1rem 0 0}.expense-actions{justify-content:space-between;margin:1rem 0 0;width:100%}}.add-expense-button{align-items:center;background-color:#4ecdc4;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.add-expense-button:hover{background-color:#45b7d1;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.add-expense-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.add-expense-button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}body.dark-mode .add-expense-button{background-color:#4ecdc4;box-shadow:0 2px 4px #0003}body.dark-mode .add-expense-button:hover{background-color:#45b7d1;box-shadow:0 4px 6px #0003}body.dark-mode .add-expense-button:disabled{background-color:#444;color:#888}.create-expense-container{margin:2rem auto;max-width:800px;padding:0 1rem}.create-expense-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.create-expense-header h2{color:#333;margin:0}.cancel-button{background-color:initial;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.cancel-button:hover{background-color:#f8f9fa;border-color:#c8c8c8}.cancel-button:disabled{cursor:not-allowed;opacity:.6}.expense-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:1rem;padding:.75rem;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4ecdc4;box-shadow:0 0 0 2px #4ecdc41a;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f8f9fa;cursor:not-allowed}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem;cursor:pointer;padding-right:2rem}.form-group textarea{min-height:100px;resize:vertical}.character-count{bottom:-1.25rem;color:#666;font-size:.8rem;position:absolute;right:0}.error-message{align-items:center;background-color:#ffebee;color:#c62828;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem}.error-message:before{content:"⚠️"}.form-actions{display:flex;gap:1rem;margin-top:2rem}.submit-button{align-items:center;display:flex;gap:.5rem;justify-content:center;transition:all .2s}.submit-button:hover{background-color:#45b7d1}.form-group label:after{color:#c62828;content:" *"}.form-group label[for=description]:after{content:""}@media (max-width:768px){.create-expense-container{margin:1rem auto}.create-expense-header{flex-direction:column;gap:1rem;text-align:center}.create-expense-header h2{font-size:1.5rem}.cancel-button{width:100%}.expense-form{padding:1.5rem}.form-actions{flex-direction:column}}.report-container{margin:2rem auto;max-width:1200px;padding:0 1rem}.report-header{margin-bottom:2rem}.report-header h2{color:#333;margin:0 0 1.5rem}.date-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.date-input{display:flex;flex-direction:column;gap:.5rem}.date-input label{color:#666;font-size:.9rem}.date-input input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem}.generate-button{background-color:#4ecdc4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;height:38px;padding:.5rem 1rem}.generate-button:hover{background-color:#45b7d1}.date-help-text{color:#666;font-size:.9rem;font-style:italic;margin-top:.5rem}.report-content{display:flex;flex-direction:column;gap:2rem}.report-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-card{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:1.5rem;text-align:center}.summary-card h3{color:#666;font-size:1.1rem;margin:0 0 1rem}.summary-card .amount{color:#333;font-size:2rem;font-weight:600;margin:0 0 .5rem}.summary-card .period{color:#666;font-size:.9rem;margin:0}.category-breakdown{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.category-breakdown h3{color:#666;font-size:1.1rem;margin:0 0 1.5rem}.category-chart{display:flex;flex-direction:column;gap:1.5rem}.category-bar-container{display:flex;flex-direction:column;gap:.5rem}.category-bar-header{align-items:center;display:flex;justify-content:space-between}.category-icon{align-items:center;border-radius:50%;display:flex;font-size:1rem;height:32px;justify-content:center;width:32px}.category-name{font-weight:500}.category-stats{align-items:center;display:flex;gap:1rem}.category-amount{color:#333;font-weight:500}.category-percentage{color:#666;font-size:.9rem;min-width:4rem;text-align:right}.category-bar{background-color:#f0f0f0;border-radius:4px;height:8px;overflow:hidden}.category-bar-fill{height:100%;transition:width .3s ease}.detailed-expenses{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.detailed-expenses h3{color:#666;font-size:1.1rem;margin:0 0 1.5rem}.expense-table{overflow-x:auto}th{border-bottom:2px solid #f0f0f0;color:#666;font-weight:500;text-align:left}td,th{padding:1rem}td{border-bottom:1px solid #f0f0f0}.table-category{align-items:center;display:flex;gap:.5rem}.category-dot{border-radius:50%;height:8px;width:8px}.amount-cell{color:#333;font-weight:500}.report-actions{display:flex;justify-content:flex-end;margin-top:1rem}.download-button{align-items:center;background-color:#4ecdc4;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem}.download-button:hover{background-color:#45b7d1}.error{background-color:#ffebee;border-radius:4px;color:#c62828;margin-bottom:1rem;padding:1rem}.no-data-message{background-color:#fff3e0;border:1px solid #ffcc02;border-radius:8px;color:#ef6c00;margin-bottom:1rem;padding:1.5rem;text-align:center}.no-data-message p{font-size:1rem;margin:.5rem 0}.no-data-message p:first-child{font-size:1.1rem;font-weight:600}.no-categories-message{color:#666;font-style:italic;padding:2rem;text-align:center}@media (max-width:768px){.date-filters{align-items:stretch;flex-direction:column}.date-input,.generate-button{width:100%}.category-bar-header{align-items:flex-start;flex-direction:column;gap:.5rem}.category-stats{justify-content:space-between;width:100%}.expense-table{margin:0 -1.5rem}table{font-size:.9rem}td,th{padding:.75rem}}.profile-container{margin:0 auto;max-width:800px;padding:2rem}.profile-container h2{color:#333;margin-bottom:2rem}.profile-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.profile-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem}.profile-avatar{align-items:center;background-color:#4ecdc4;border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;width:80px}.profile-info h3{color:#333;font-size:1.5rem;margin:0 0 .5rem}.profile-info p{color:#666;margin:0}.profile-details{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-bottom:2rem}.detail-group{display:flex;flex-direction:column;gap:.5rem}.detail-group label{color:#666;font-size:.9rem}.detail-group input{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#333;font-size:1rem;padding:.75rem}.profile-actions{border-top:1px solid #eee;display:flex;gap:1rem;padding-top:2rem}.change-password-button,.edit-button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.edit-button{background-color:#4ecdc4;color:#fff}.edit-button:hover{background-color:#45b7d1}.change-password-button{background-color:#f8f9fa;border:1px solid #ddd;color:#333}.change-password-button:hover{background-color:#e9ecef}@media (max-width:768px){.profile-container{padding:1rem}.profile-header{flex-direction:column;gap:1rem;text-align:center}.profile-avatar{margin:0 auto}.profile-actions{flex-direction:column}.change-password-button,.edit-button{width:100%}}.settings-container{margin:0 auto;max-width:800px;padding:2rem}.settings-container h2{color:#333;margin-bottom:2rem}.settings-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.settings-section{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:2rem}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h3{color:#333;margin-bottom:1rem}.settings-group{margin:1rem 0}.settings-group label{color:#666;display:block;font-size:.9rem;margin-bottom:.5rem}.settings-group select{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:.75rem;width:100%}.checkbox-label,.settings-group select{color:#333;cursor:pointer;font-size:1rem}.checkbox-label{align-items:center;display:flex;gap:.75rem}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.toggle-label{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.toggle-switch{display:inline-block;height:34px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}input:checked+.toggle-slider{background-color:#2196f3}input:checked+.toggle-slider:before{transform:translateX(26px)}.user-info-display{grid-gap:1rem;display:grid;gap:1rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item label{color:#666;font-weight:600}.info-item p{color:#333;margin:0}.settings-actions{display:flex;gap:1rem;justify-content:flex-start}.delete-button,.export-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s}.export-button{background-color:#4ecdc4;color:#fff}.export-button:hover{background-color:#45b7d1}.delete-button:disabled,.export-button:disabled{cursor:not-allowed;opacity:.6}.help-text{color:#666;font-size:.9rem;margin:0}.warning-text{color:#dc3545}.error-message,.success-message{border-radius:4px;font-size:.9rem;margin-bottom:1.5rem;padding:1rem}.error-message{border:1px solid #f5c6cb}.success-message{background-color:#e8f5e9;color:#2e7d32}.danger-zone{background-color:#fff8f8}body.dark-mode{background-color:#1a1a1a;color:#fff}body.dark-mode .settings-container h2{color:#fff}body.dark-mode .settings-content{background-color:#2d2d2d}body.dark-mode .settings-section{border-color:#404040}body.dark-mode .settings-section h3{color:#fff}body.dark-mode .help-text{color:#bbb}body.dark-mode .danger-zone{background-color:#3a2828}@media (max-width:768px){.settings-container{margin:1rem auto}.settings-section{padding:1.25rem}.toggle-label{align-items:flex-start;flex-direction:column;gap:.5rem}}.logout-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.logout-button:hover{background-color:#c82333}body.dark-mode .logout-button{background-color:#3d3d3d;border-color:#404040;color:#fff}body.dark-mode .logout-button:hover{background-color:#333;border-color:#4a4a4a}.categories-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:2rem}.category-item{border:1px solid #eee;transition:all .2s}.category-item:hover{box-shadow:0 2px 4px #0000001a}.category-info{gap:.75rem}.category-icon{font-size:1.25rem}.category-name{color:#333;font-size:.9rem}.add-category-form{background-color:#f8f9fa;border-radius:8px;margin-top:2rem;padding:1.5rem}.add-category-form h4{color:#333;font-size:1.1rem;margin:0 0 1rem}.add-category-form .form-group{align-items:center;display:flex;gap:1rem}.add-category-form input[type=text]{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:1rem;padding:.75rem}.add-category-form input[type=color]{border:1px solid #ddd;border-radius:4px;cursor:pointer;height:40px;padding:0;width:50px}.add-category-button{background-color:#4ecdc4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.add-category-button:hover{background-color:#45b7d1}.add-category-button:disabled{background-color:#ccc;cursor:not-allowed}body.dark-mode .category-item{border-color:#404040}body.dark-mode .category-name{color:#fff}body.dark-mode .add-category-form{background-color:#333}body.dark-mode .add-category-form h4{color:#fff}body.dark-mode .add-category-form input[type=text]{background-color:#2d2d2d;border-color:#404040;color:#fff}@media (max-width:768px){.add-category-form .form-group{align-items:stretch;flex-direction:column}.add-category-form input[type=color]{width:100%}}.category-controls{margin-bottom:1.5rem}.search-sort-controls{display:flex;gap:1rem;margin-bottom:1rem}.search-box{align-items:center;display:flex;flex:1 1;position:relative}.search-box svg{color:#666;left:.75rem;position:absolute}.search-box input{padding:.5rem 1rem .5rem 2.5rem;width:100%}.search-box input,.sort-select{border:1px solid #ddd;border-radius:4px;font-size:.9rem}.sort-select{background-color:#fff;cursor:pointer;padding:.5rem 1rem}.category-item{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;justify-content:space-between;margin-bottom:.5rem;padding:1rem}.category-info,.category-item{align-items:center;display:flex}.category-info{gap:1rem}.category-actions{display:flex;gap:.5rem}.delete-button,.edit-button{background:none;border:none;border-radius:4px;cursor:pointer;padding:.5rem;transition:all .2s}.edit-button{color:#4ecdc4}.delete-button{color:#ff6b6b}.edit-button:hover{background-color:#4ecdc41a}.delete-button:hover{background-color:#ff6b6b1a}.edit-form{align-items:center;display:flex;gap:.5rem}.edit-form input[type=text]{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.5rem}.cancel-button,.save-button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.save-button{background-color:#4ecdc4;color:#fff}.cancel-button{color:#666}.save-button:hover{background-color:#45b7af}.icon-picker{position:relative}.icon-picker-button{align-items:center;background:none;color:#666;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center}.icon-picker-button,.icon-picker-dropdown{border:1px solid #ddd;border-radius:4px;padding:.5rem}.icon-picker-dropdown{grid-gap:.5rem;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);left:0;position:absolute;top:100%;z-index:1000}.icon-option{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem;transition:all .2s}.icon-option:hover{background-color:#f8f9fa}body.dark-mode .category-item{background-color:#2d2d2d;box-shadow:0 1px 3px #0003}body.dark-mode .edit-form input[type=text],body.dark-mode .icon-picker-button,body.dark-mode .search-box input,body.dark-mode .sort-select{background-color:#2d2d2d;border-color:#404040;color:#fff}body.dark-mode .icon-picker-dropdown{background-color:#2d2d2d;border-color:#404040}body.dark-mode .icon-option{color:#fff}body.dark-mode .icon-option:hover{background-color:#404040}body.dark-mode .cancel-button{background-color:#404040;color:#fff}body.dark-mode .cancel-button:hover{background-color:#4d4d4d}@media (max-width:768px){.search-sort-controls{flex-direction:column}.edit-form{flex-wrap:wrap}.edit-form input[type=text]{width:100%}.icon-picker-dropdown{grid-template-columns:repeat(3,1fr)}}.user-management-container{background-color:#f8f9fa;min-height:calc(100vh - 4rem);padding:2rem}.user-management-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem}.user-management-card h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.add-user-form{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:2rem;padding:1.5rem}.add-user-form h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.users-list{margin-top:2rem}.users-list h3{color:#333;font-size:1.2rem}.form-group,.users-list h3{margin-bottom:1rem}.form-group label{font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{font-size:1rem;padding:.75rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#4ecdc4;box-shadow:0 0 0 2px #4ecdc41a;outline:none}.submit-button{background-color:#4ecdc4;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.submit-button:hover{background-color:#45b7b0}table{background:#fff;border-collapse:collapse;border-radius:4px;margin-top:1rem;overflow:hidden;width:100%}td,th{border-bottom:1px solid #dee2e6;padding:1rem;text-align:left}th{background-color:#f8f9fa;color:#495057;font-weight:600}td{color:#666}tr:hover{background-color:#f8f9fa}.delete-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.delete-button:hover{background-color:#c82333}.delete-button:disabled{background-color:#6c757d;cursor:not-allowed}.error-message,.success-message{margin-bottom:1rem;padding:1rem}.loading{color:#6c757d;font-size:1.2rem;padding:2rem}td select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;font-size:.9rem;min-width:120px;padding:.5rem}td select:focus{border-color:#4ecdc4;box-shadow:0 0 0 2px #4ecdc41a;outline:none}@media (max-width:768px){.user-management-card,.user-management-container{padding:1rem}table{display:block;overflow-x:auto;white-space:nowrap}td,th{padding:.75rem}}.unauthorized-container{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh}.unauthorized-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:400px;padding:2rem;text-align:center;width:100%}.unauthorized-content h1{color:#dc3545;margin-bottom:1rem}.unauthorized-content p{color:#6c757d;margin-bottom:2rem}.back-link{background-color:#007bff;border-radius:4px;display:inline-block;padding:.75rem 1.5rem;transition:background-color .2s}.back-link,.back-link:hover{color:#fff;text-decoration:none}.back-link:hover{background-color:#0056b3}.savings-container{margin:0 auto;max-width:1200px;padding:20px}.savings-header{margin-bottom:30px}.period-filter{align-items:center;display:flex;gap:8px}.summary-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000a;padding:12px}.summary-title{color:#6b7280;font-size:12px;margin-bottom:4px}.summary-value{font-size:18px;font-weight:600}.summary-value.positive{color:#047857}.summary-value.negative{color:#b91c1c}.savings-header h2{color:#333;margin-bottom:20px}.savings-balance{background-color:#f8f9fa;border-radius:8px;margin-top:20px;padding:20px}.savings-balance h3{color:#666;margin-bottom:10px}.savings-balance p{color:#28a745;font-size:24px;font-weight:700;margin:0}.transaction-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.form-group{margin-bottom:15px}.form-group label{color:#666;display:block;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:8px 12px;width:100%}.submit-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;width:100%}.submit-button:hover{background-color:#0056b3}.transactions-list{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.transactions-table{overflow-x:auto;width:100%}.transactions-table table{border-collapse:collapse;width:100%}.transactions-table td,.transactions-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.transactions-table th{background-color:#f8f9fa;color:#666;font-weight:600}.transaction-type{text-transform:capitalize}.transaction-type.deposit{color:#28a745}.transaction-type.withdrawal{color:#dc3545}.transaction-amount.deposit{color:#28a745;font-weight:600}.transaction-amount.withdrawal{color:#dc3545;font-weight:600}.error-message{background-color:#f8d7da;color:#721c24}.error-message,.success-message{border-radius:4px;margin-bottom:20px;padding:10px}.success-message{background-color:#d4edda;color:#155724}.loading,.no-transactions{color:#666;padding:20px;text-align:center}.staff-list{margin-bottom:30px}.staff-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:15px}.staff-card{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;gap:15px;padding:15px;transition:all .3s ease}.staff-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.staff-card.selected{background-color:#f8f9fa;border-color:#007bff}.staff-avatar{align-items:center;background-color:#007bff;border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.staff-info{flex:1 1}.staff-info h4{color:#333;margin:0 0 5px}.staff-info p{font-size:14px;margin:0}.staff-role{color:#007bff!important;font-weight:600;text-transform:capitalize}.unauthorized-message{background-color:#f8d7da;border-radius:8px;color:#721c24;font-size:18px;margin:20px;padding:40px;text-align:center}@media (max-width:768px){.savings-header{flex-direction:column;gap:1rem;text-align:center}.savings-balance{width:100%}.transaction-form,.transactions-list{padding:1.5rem}}.transfer-button{background-color:#6c5ce7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px;width:100%}.transfer-button:hover{background-color:#5f4dd1}.transfer-detail{color:#666;font-size:14px;font-style:italic}.transaction-type.transfer_in{color:#00b894}.transaction-type.transfer_out{color:#ff7675}.transaction-amount.transfer_in{color:#00b894;font-weight:600}.transaction-amount.transfer_out{color:#ff7675;font-weight:600}.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}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#333;margin:0}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:24px}.close-button:hover{color:#333}.modal-body{padding:20px}.transfer-info{background-color:#f8f9fa;border-radius:4px;margin-bottom:20px;padding:15px}.transfer-info p{color:#666;margin:5px 0}.transfer-info strong{color:#333}.staff-select{border:1px solid #ddd;border-radius:4px;margin-top:10px;max-height:300px;overflow-y:auto}.staff-option{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;gap:15px;padding:10px;transition:background-color .2s}.staff-option:last-child{border-bottom:none}.staff-option:hover{background-color:#f8f9fa}.staff-option.selected{background-color:#e3f2fd;border-color:#2196f3}.staff-option .staff-avatar{height:40px;width:40px}.staff-option .staff-info{flex:1 1}.staff-option .staff-info h4{font-size:16px;margin:0 0 5px}.staff-option .staff-info p{color:#666;font-size:14px;margin:0}.modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:20px}.modal-footer button{border-radius:4px;cursor:pointer;font-size:16px;padding:10px 20px}.cancel-button{background-color:#f8f9fa;border:1px solid #ddd;color:#333}.cancel-button:hover{background-color:#e9ecef}textarea{border:1px solid #ddd;border-radius:4px;font-size:16px;min-height:80px;padding:8px 12px;resize:vertical;width:100%}textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.header-top{justify-content:space-between;margin-bottom:20px}.add-staff-button,.header-top{align-items:center;display:flex}.add-staff-button{background-color:#00b894;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;gap:8px;padding:10px 20px;transition:background-color .2s}.add-staff-button:hover{background-color:#00a187}.form-help{color:#666;display:block;font-size:12px;margin-top:5px}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.form-group input[type=password],.form-group input[type=tel]{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:8px 12px;width:100%}.form-group input[type=password]:focus,.form-group input[type=tel]:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.form-group label[for]:after{color:#dc3545;content:"*";margin-left:4px}.form-group label[for=department]:after,.form-group label[for=phoneNumber]:after{content:none}.staff-info{background-color:#f8f9fa;border-radius:4px;margin:15px 0;padding:15px}.staff-info p{color:#666;margin:5px 0}.staff-info strong{color:#333}.savings-balance small{color:#666;display:block;font-size:12px;margin-top:5px}.form-group label[for=position]:after,.form-group label[for=staffId]:after{color:#dc3545;content:"*";margin-left:4px}.form-group input[type=text]#staffId{letter-spacing:1px;text-transform:uppercase}.readonly .transactions-table{opacity:.9}.readonly .transaction-amount,.readonly .transaction-type{cursor:default}.last-updated{color:#666;font-size:12px;font-style:italic;margin-top:5px}.staff-id-display{background-color:#e9ecef;border:1px dashed #adb5bd;border-radius:4px;color:#495057;font-size:16px;font-weight:600;letter-spacing:1px;margin-top:5px;padding:10px;text-align:center}.staff-id-display:before{color:#6c757d;content:"#";margin-right:5px}.App{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;color:#2c3e50;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:0 20px}.App-header h1{color:#2c3e50;font-size:3rem;margin-bottom:2rem;text-shadow:2px 2px 4px #0000001a}.App-header nav{background:#fff;border-radius:50px;box-shadow:0 10px 20px #0000001a;padding:1rem 2rem}.App-header nav a{color:#3498db;font-size:1.1rem;font-weight:500;margin:0 1rem;text-decoration:none;transition:color .3s ease}.App-header nav a:hover{color:#2980b9}.dashboard{margin:0 auto;max-width:1200px;padding:2rem}.dashboard h2{color:#2c3e50;margin-bottom:1.5rem}@media (max-width:600px){.App-header h1{font-size:2rem}.App-header nav{padding:.8rem 1.5rem}.App-header nav a{font-size:1rem;margin:0 .5rem}}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.upload-page-container{margin:2rem auto;max-width:800px;padding:0 1rem;width:100%}.navigation-links{margin-top:2rem;text-align:center}.navigation-links a{border-radius:5px;color:#3498db;font-size:1.1rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s}.navigation-links a:hover{background-color:#3498db1a}
/*# sourceMappingURL=main.8c9f7e4c.css.map*/