.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.auth-card{background:#1a1a1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:450px;width:100%;overflow:hidden}.auth-header{background:linear-gradient(135deg,#667eea33,#764ba233);padding:2rem;text-align:center;border-bottom:1px solid #333}.auth-header h1{margin:0 0 .5rem;font-size:2rem;color:#fff}.auth-header p{margin:0;color:#fffc;font-size:.9rem}.auth-form{padding:2rem}.auth-form h2{margin:0 0 1.5rem;color:#fff;text-align:center}.auth-error{background:#f443361a;border:1px solid #f44336;color:#ff5252;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.auth-message{background:#4caf501a;border:1px solid #4CAF50;color:#66bb6a;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:#ffffffe6;font-weight:500;font-size:.9rem}.form-group input{width:100%;padding:.75rem;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea}.form-group input:disabled{opacity:.6;cursor:not-allowed}.btn-primary{width:100%;padding:.875rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-bottom:1rem}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;padding:.5rem 0;text-decoration:none;transition:color .2s}.btn-link:hover:not(:disabled){color:#8b9bff;text-decoration:underline}.btn-link:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;margin-top:1.5rem;color:#ffffffb3;font-size:.9rem}.auth-footer{background:#2a2a2a;padding:1.5rem;text-align:center;border-top:1px solid #333}.auth-footer p{margin:0;color:#fff9;font-size:.85rem}[data-theme=light] .auth-card{background:#fff}[data-theme=light] .auth-header{border-bottom-color:#e0e0e0}[data-theme=light] .auth-header h1,[data-theme=light] .auth-form h2{color:#213547}[data-theme=light] .auth-header p{color:#000000b3}[data-theme=light] .form-group label{color:#213547}[data-theme=light] .form-group input{background:#f5f5f5;border-color:#e0e0e0;color:#213547}[data-theme=light] .auth-switch{color:#000000b3}[data-theme=light] .auth-footer{background:#f5f5f5;border-top-color:#e0e0e0}[data-theme=light] .auth-footer p{color:#0009}.timer-container{max-width:600px;margin:0 auto;text-align:center;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 300px)}.timer-display{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);padding:3rem;border-radius:16px;margin-bottom:2rem;box-shadow:0 8px 32px #0003;box-sizing:border-box}.timer-time{font-size:4rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.1em;text-shadow:0 2px 8px rgba(0,0,0,.2);word-break:break-all}@media (max-width: 768px){.timer-display{padding:2rem 1rem}.timer-time{font-size:2.5rem;letter-spacing:.05em}.timer-project-name{font-size:1rem}.timer-project-rate{font-size:.85rem}.btn-start,.btn-stop{padding:.875rem 1.5rem;font-size:1.1rem}}@media (max-width: 480px){.timer-time{font-size:2rem}.timer-display{padding:1.5rem .5rem}}.timer-project{margin-top:1.5rem;padding:1rem;background:#ffffff26;border-radius:8px;border-left:4px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timer-project-name{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.25rem}.timer-project-rate{font-size:.9rem;color:#ffffffe6}.timer-controls{display:flex;flex-direction:column;gap:1.5rem}.project-selector,.timer-description{display:flex;flex-direction:column;gap:.75rem;text-align:left}.timer-description label{font-weight:600;font-size:1.1rem;color:var(--text-primary)}.timer-description textarea{width:100%;padding:1rem 1.25rem;font-size:1.05rem;border:2px solid var(--border-color);border-radius:12px;background:var(--surface);color:var(--text-primary);font-family:inherit;resize:vertical;min-height:80px;transition:all .2s}.timer-description textarea:hover{border-color:var(--gradient-start);box-shadow:0 2px 8px #0000001a}.timer-description textarea:focus{outline:none;border-color:var(--gradient-start);box-shadow:0 0 0 3px #667eea1a}.timer-description textarea::placeholder{color:var(--text-secondary);opacity:.6}.project-selector label{font-weight:600;font-size:1.1rem;color:var(--text-primary)}.project-selector select{width:100%;padding:1rem 3rem 1rem 1.25rem;font-size:1.05rem;border:2px solid var(--border-color);border-radius:12px;background:var(--surface);color:var(--text-primary);cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem}.project-selector select:hover:not(:disabled){border-color:var(--gradient-start);box-shadow:0 2px 8px #0000001a}.project-selector select:focus{outline:none;border-color:var(--gradient-start);box-shadow:0 0 0 3px #667eea1a}.project-selector select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--background)}.btn-start,.btn-stop{padding:1rem 2rem;font-size:1.25rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .2s}.btn-start{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:#fff}.btn-start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.btn-start:disabled{opacity:.5;cursor:not-allowed}.btn-stop{background:var(--surface);color:var(--text-primary);border:3px solid var(--gradient-start);position:relative;overflow:hidden}.btn-stop:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);opacity:0;transition:opacity .2s;z-index:-1}.btn-stop:hover:before{opacity:1}.btn-stop:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;color:#fff;border-color:transparent}.timer-info{color:var(--gradient-start);font-weight:500;animation:pulse 2s ease-in-out infinite}.no-projects{color:#f5576c;font-style:italic}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content{background:var(--background);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;overflow-y:auto;width:100%;animation:slideUp .3s ease-out;border:1px solid var(--border-color)}.modal-small{max-width:400px}.modal-medium{max-width:600px}.modal-large{max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--surface)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary);font-weight:600}.modal-close{background:transparent;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s;line-height:1}.modal-close:hover{background:var(--background);color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-body .form-group{margin-bottom:1.25rem}.modal-body .form-group:last-child{margin-bottom:0}.modal-body label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500;font-size:.875rem}.modal-body input,.modal-body textarea,.modal-body select{width:100%;padding:.75rem;background:var(--surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:all .2s}.modal-body input:focus,.modal-body textarea:focus,.modal-body select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #667eea1a}.modal-body textarea{resize:vertical;min-height:80px;font-family:inherit}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.modal-actions button{padding:.75rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.modal-actions .btn-primary{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff}.modal-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.modal-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-actions .btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-color)}.modal-actions .btn-secondary:hover{background:var(--background)}@media (max-width: 768px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-height:95vh;border-bottom-left-radius:0;border-bottom-right-radius:0;animation:slideUpMobile .3s ease-out}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-small,.modal-medium,.modal-large{max-width:100%;width:100%}.modal-header,.modal-body{padding:1rem}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.project-list-container{max-width:1200px;margin:0 auto;padding:2rem}.project-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.project-list-header h2{margin:0;font-size:2rem;color:var(--text-primary);font-weight:700}.header-actions{display:flex;gap:1rem;align-items:center}.btn-add{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:#fff;border:none;font-weight:600;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s}.btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.search-filter-bar{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem}.project-form{background:#2a2a2a;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 12px #0000001a}.project-form h3{margin-top:0;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group textarea{width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.color-picker-wrapper{display:flex;gap:.5rem;align-items:center}.color-input{width:60px;height:40px;border:2px solid #444;border-radius:8px;cursor:pointer;padding:2px}.color-preview{flex:1;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:2px solid #444;box-shadow:inset 0 2px 4px #0000001a}.color-hex{font-size:.875rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);font-family:Courier New,monospace}@media (max-width: 768px){.form-row,.projects-grid{grid-template-columns:1fr}.color-picker-wrapper{width:100%}}.btn-save{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:#fff;border:none;font-weight:600;flex:1}.btn-cancel{flex:1;background:var(--surface);color:var(--text-primary);border:1px solid rgba(0,0,0,.15);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;line-height:1.5;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:40px;box-sizing:border-box}.btn-cancel:hover{background:var(--background);color:var(--gradient-start);border-color:var(--gradient-start)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.project-card{background:#2a2a2a;padding:1.5rem;border-radius:8px;border-left:4px solid;box-shadow:0 2px 8px #0000001a;transition:transform .2s}.project-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.project-card.archived{opacity:.6}.project-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.project-card-header h3{margin:0;font-size:1.25rem}.project-rate-section{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.project-rate{background:var(--surface);padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600;color:var(--gradient-start);border:1px solid var(--border-color)}.billable-badge{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.non-billable-badge{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.project-description{color:#aaa;margin-bottom:1rem;min-height:2.5rem}.project-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.project-card-actions button{flex:1;min-width:80px;padding:.5rem;font-size:.875rem;border:1px solid var(--border-color);background:var(--surface);color:var(--text-primary);border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500}.project-card-actions button:hover{background:var(--background);border-color:var(--gradient-start)}.archived-section{margin-top:3rem}.archived-section h3{margin-bottom:1rem;color:#888}[data-theme=light] .project-form,[data-theme=light] .project-card{background:#f9f9f9;border:1px solid #ddd}[data-theme=light] .project-description{color:#666}[data-theme=dark] .billable-badge{background:linear-gradient(135deg,#16a34a,#15803d)}[data-theme=dark] .non-billable-badge{background:linear-gradient(135deg,#4b5563,#374151)}[data-theme=dark] .project-rate{background:#667eea4d}[data-theme=dark] .btn-cancel{background:#374151;color:#e5e7eb;border:1px solid rgba(255,255,255,.3)}[data-theme=dark] .btn-cancel:hover{background:#4b5563;color:var(--gradient-start);border-color:var(--gradient-start)}@media (max-width: 768px){.project-list-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.search-filter-bar{flex-direction:column}.search-input,.btn-clear-search{width:100%}.projects-grid,.form-row{grid-template-columns:1fr}}.time-entries-container{max-width:1200px;margin:0 auto;padding:2rem}.time-entries-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.time-entries-header h2{margin:0;font-size:2rem;color:var(--gradient-start);font-weight:700}.btn-export{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s;white-space:nowrap;height:40px;box-sizing:border-box}.filter-group select,.filter-group input[type=date]{min-width:200px;padding:.625rem .5rem;border-radius:6px;border:2px solid var(--border-color);background:var(--background);color:var(--text-primary);font-size:.9375rem;height:42px}.btn-clear-dates{padding:.5rem 1rem;border-radius:6px;border:1px solid var(--border-color);background:var(--surface);color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;align-self:flex-end;white-space:nowrap}.btn-clear-dates:hover{border-color:var(--gradient-start);color:var(--gradient-start);background:var(--background)}.entries-info{margin-bottom:1rem;color:var(--text-secondary);font-size:.875rem}.empty-state{text-align:center;padding:3rem;color:#888}.entries-list{display:flex;flex-direction:column;gap:1rem}.entry-card{background:#2a2a2a;padding:1.5rem;border-radius:8px;border-left:4px solid;box-shadow:0 2px 8px #0000001a;transition:transform .2s}.entry-card:hover{transform:translate(4px)}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.entry-project{display:flex;align-items:center;gap:1rem}.project-name{font-size:1.125rem;font-weight:600}.project-rate{background:var(--surface);padding:.25rem .5rem;border-radius:8px;font-size:.75rem;color:var(--gradient-start);font-weight:600;border:1px solid var(--border-color)}.entry-duration{font-size:1.25rem;font-weight:700;color:var(--gradient-start)}.entry-time{font-size:.875rem;color:#aaa;margin-bottom:.75rem}.entry-time span{margin-right:.5rem}.entry-description{margin-top:.75rem}.entry-description p{color:#ccc;margin-bottom:.75rem;font-style:italic}.entry-actions{display:flex;gap:.5rem}.entry-actions button{padding:.4rem .8rem;font-size:.875rem;border:1px solid var(--border-color);background:var(--surface);color:var(--text-primary);border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500}.entry-actions button:hover{background:var(--background);border-color:var(--gradient-start)}.entry-edit{margin-top:.75rem}.edit-field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.edit-time-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.edit-time-fields .edit-field{margin-bottom:0}.edit-field label{font-weight:500;font-size:.875rem;color:var(--text-primary)}.edit-field input[type=date],.edit-field input[type=datetime-local]{padding:.625rem;border-radius:6px;border:2px solid var(--border-color);background:var(--background);color:var(--text-primary);font-size:.9375rem}.edit-field textarea{width:100%;padding:.625rem;border-radius:6px;border:2px solid var(--border-color);background:var(--background);color:var(--text-primary);font-size:.9375rem;resize:vertical}.edit-actions{display:flex;gap:.5rem;margin-top:.75rem}.edit-actions button{flex:1;padding:.5rem;font-size:.875rem}.btn-save-edit{background:#4caf50;color:#fff;border:none}.btn-cancel-edit{background:#666;color:#fff;border:none}.entry-billing{margin-top:1rem;padding-top:1rem;border-top:1px solid #444;text-align:right}.billing-amount{font-size:1.5rem;font-weight:700;color:#4caf50}[data-theme=light] .entry-card{background:#f9f9f9;border-right:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd}[data-theme=light] .entry-time{color:#666}[data-theme=light] .entry-description p{color:#555}[data-theme=light] .entry-billing{border-top-color:#ddd}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem}.pagination-btn{padding:.5rem 1rem;border-radius:6px;border:1px solid var(--border-color);background:var(--surface);color:var(--text-primary);cursor:pointer;font-weight:500;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:var(--gradient-start);color:var(--gradient-start);background:var(--background)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-weight:500;color:var(--text-primary)}@media (max-width: 768px){.time-entries-container{padding:1rem}.date-filters{flex-direction:column;align-items:stretch}.filter-group select,.filter-group input[type=date]{width:100%;min-width:unset}.project-checkboxes{flex-direction:column;gap:.75rem}.filter-actions{flex-direction:column}.btn-filter-action{width:100%}.edit-time-fields{grid-template-columns:1fr}}.analytics-container{max-width:1400px;margin:0 auto;padding:2rem}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.analytics-header h2{margin:0;font-size:2rem;color:var(--gradient-start);font-weight:700}.btn-export{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s;height:40px;box-sizing:border-box}.filters-panel{background:var(--surface);padding:1.5rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 12px #0000001a}.date-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:500;font-size:.875rem}.filter-group select,.filter-group input[type=date]{padding:.625rem .5rem;border-radius:6px;border:2px solid var(--border-color);background:var(--background);color:var(--text-primary);font-size:.9375rem;min-width:180px;height:42px}.filter-group select{cursor:pointer}.filter-group select option{background:var(--background);color:var(--text-primary)}.btn-clear-dates{padding:.5rem 1rem;border-radius:6px;border:1px solid var(--border-color);background:var(--surface);color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.btn-clear-dates:hover{border-color:var(--gradient-start);color:var(--gradient-start)}.project-filters{border-top:1px solid var(--border-color);padding-top:1.5rem}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.filter-header label{font-weight:600}.filter-actions{display:flex;gap:.5rem}.btn-filter-action{padding:.375rem .75rem;border-radius:6px;border:1px solid var(--border-color);background:var(--surface);color:var(--text-primary);cursor:pointer;font-size:.875rem;transition:all .2s}.btn-filter-action:hover{border-color:var(--gradient-start);color:var(--gradient-start)}.project-checkboxes{display:flex;flex-wrap:wrap;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9375rem}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);padding:1.5rem;border-radius:12px;text-align:center;color:#fff;box-shadow:0 4px 12px #0000001a;transition:transform .2s}.stat-card:hover{transform:translateY(-4px)}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:.875rem;opacity:.9;font-weight:500}.view-toggle{display:flex;gap:.5rem;margin-bottom:2rem;background:var(--surface);padding:.5rem;border-radius:8px;width:fit-content}.view-toggle button{padding:.75rem 1.5rem;border-radius:6px;border:1px solid var(--border-color);background:var(--surface);color:var(--text-primary);cursor:pointer;font-weight:500;transition:all .2s}.view-toggle button:hover{border-color:var(--gradient-start);color:var(--gradient-start)}.view-toggle button.active{background:var(--gradient-start);color:#fff;border-color:var(--gradient-start)}.chart-type-selector{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.chart-type-selector button{padding:.75rem 1.5rem;border-radius:8px;border:2px solid var(--border-color);background:var(--background);color:var(--text-primary);cursor:pointer;font-weight:500;transition:all .2s}.chart-type-selector button:hover{border-color:var(--gradient-start);color:var(--gradient-start);transform:translateY(-2px)}.chart-type-selector button.active{background:var(--gradient-start);color:#fff;border-color:var(--gradient-start);box-shadow:0 4px 12px #667eea4d}.chart-display{background:transparent;padding:0;border-radius:0;box-shadow:none}.chart-wrapper{width:100%}.chart-wrapper h3{margin:0 0 1.5rem;font-size:1.5rem;color:var(--text-primary);font-weight:600}.chart-canvas{height:400px;position:relative}.chart-info{background:var(--background);padding:1rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid var(--gradient-start)}.chart-info p{margin:0;color:var(--text-secondary);font-size:.9375rem}.reports-list{display:flex;flex-direction:column;gap:1rem}.report-card{background:var(--background);padding:1.5rem;border-radius:12px;border-left:4px solid;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.report-card.clickable{cursor:pointer}.report-card:hover{transform:translate(4px);box-shadow:0 4px 16px #00000026}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.report-header h3{margin:0;font-size:1.25rem;color:var(--text-primary);font-weight:600}.report-rate{font-size:.9375rem;color:var(--text-secondary);font-weight:500}.report-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.report-stats .stat{display:flex;flex-direction:column;gap:.25rem}.report-stats .stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.report-stats .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.report-stats .stat.highlight .stat-value{color:#22c55e}.empty-state{text-align:center;padding:4rem 2rem;background:var(--surface);border-radius:12px;color:var(--text-secondary)}.empty-state p{margin:0;font-size:1.125rem}[data-theme=dark] .chart-type-selector button.active,[data-theme=dark] .view-toggle button.active{background:var(--gradient-start)}@media (max-width: 768px){.analytics-container{padding:1rem}.analytics-header{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-value{font-size:1.5rem}.date-filters{flex-direction:column;align-items:stretch}.filter-group select,.filter-group input[type=date]{width:100%}.chart-type-selector{flex-direction:column}.chart-type-selector button{width:100%}.report-stats{grid-template-columns:1fr;gap:1rem}.chart-canvas{height:300px}.content-well{padding:1rem}}[data-theme=light] .report-card{background:#f9f9f9;border-right:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd}[data-theme=light] .chart-display,[data-theme=light] .filters-panel{background:#f9f9f9}.settings-container{max-width:1200px;margin:0 auto;padding:2rem}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.settings-header h2{margin:0;font-size:2rem;color:var(--gradient-start);font-weight:700}.settings-container h2{margin-bottom:2rem;font-size:2rem}.settings-section{background:#2a2a2a;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.settings-section h3{margin-top:0;margin-bottom:1.5rem;color:var(--gradient-start);font-size:1.5rem}.setting-item{padding:1.5rem;background:#ffffff0d;border-radius:8px;margin-bottom:1rem}.setting-item:last-child{margin-bottom:0}.warning-box{padding:1rem 1.25rem;background:#ff98001a;border:2px solid rgba(255,152,0,.3);border-radius:8px;margin-bottom:1.5rem;color:var(--text-primary);line-height:1.6}.warning-box strong{color:#ff9800}.setting-info{margin-bottom:1rem}.setting-info strong{display:block;margin-bottom:.5rem;font-size:1.1rem}.setting-info p{color:#aaa;margin:.5rem 0}.theme-selector{display:flex;gap:.5rem;flex-wrap:wrap}.theme-option{flex:1;min-width:100px;padding:.75rem 1rem;border:2px solid #444;background:#ffffff0d;color:#fff;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.theme-option:hover{background:#ffffff1a;border-color:var(--gradient-start)}.theme-option.active{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);border-color:var(--accent-color);color:#fff}.color-scheme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.75rem}.color-scheme-option{aspect-ratio:1;border:3px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;font-weight:700}.color-scheme-option:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.color-scheme-option.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d;transform:scale(1.05)}.status-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-weight:500}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.875rem;color:#fff;font-weight:600}.btn-primary{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.warning-text{color:#ff9800;font-style:italic;margin-top:.5rem}.install-instructions{margin-top:1rem;padding:1rem;background:var(--surface);border-left:3px solid var(--gradient-start);border-radius:4px}.install-instructions p{margin:0 0 .5rem;color:var(--gradient-start);font-weight:600}.install-instructions ul{margin:.5rem 0 0;padding-left:1.5rem}.install-instructions li{color:#aaa;margin:.5rem 0}.feature-list{margin-top:1.5rem;padding:1rem;background:#4caf501a;border-radius:8px}.feature-list h4{margin:0 0 .75rem;color:#4caf50}.feature-list ul{margin:0;padding-left:1.5rem}.feature-list li{color:#aaa;margin:.5rem 0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-item{padding:1rem;background:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;gap:.5rem}.info-item strong{color:var(--gradient-start);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:1.1rem;font-weight:600}.download-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1.5rem}.download-link{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffffff0d;border:2px solid var(--border-color);border-radius:12px;text-decoration:none;color:var(--text-primary);transition:all .2s;cursor:pointer}.download-link:hover{background:#667eea1a;border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.download-icon{font-size:2rem;flex-shrink:0}.download-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.download-info strong{color:var(--text-primary);font-size:1rem}.download-desc{font-size:.875rem;color:var(--text-secondary)}.section-description{color:var(--text-secondary);margin:0 0 1rem}@media (max-width: 768px){.settings-section,.setting-item{padding:1rem}.info-grid,.download-links{grid-template-columns:1fr}}[data-theme=light] .settings-section,[data-theme=light] .setting-item{background:#f9f9f9;border:1px solid #ddd}[data-theme=light] .info-item{background:#00000008}[data-theme=light] .setting-info p,[data-theme=light] .feature-list li,[data-theme=light] .install-instructions li{color:#666}[data-theme=light] .theme-option{border-color:#ddd;background:#fff;color:#1a1a1a}[data-theme=light] .theme-option:hover{background:#f0f0f0;border-color:var(--gradient-start)}.settings-input{width:100%;padding:.75rem 1rem;background:#ffffff14;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:all .2s ease;outline:none}.settings-input:hover{background:#ffffff1a;border-color:#fff3}.settings-input:focus{background:#ffffff1f;border-color:var(--gradient-start);box-shadow:0 0 0 3px #667eea1a}.settings-input::placeholder{color:#fff6}.settings-input-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.settings-input-full{width:100%}.settings-input-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:.95rem}[data-theme=light] .settings-input{background:#fff;border:2px solid #e0e0e0;color:#1a1a1a}[data-theme=light] .settings-input:hover{background:#fafafa;border-color:#d0d0d0}[data-theme=light] .settings-input:focus{background:#fff;border-color:var(--gradient-start);box-shadow:0 0 0 3px #667eea1a}[data-theme=light] .settings-input::placeholder{color:#999}.invoices-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.invoices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.invoices-header h2{margin:0;font-size:2rem;color:var(--gradient-start);font-weight:700}.view-selector{display:flex;gap:.5rem;background:#fff;border-radius:8px;padding:.25rem;box-shadow:0 2px 8px #0000001a;align-items:center}.view-selector button{padding:.75rem 1.5rem;border:none;background:transparent;color:#4b5563;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.view-selector button:hover{background:var(--surface);color:var(--gradient-start)}.view-selector button.active{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:#fff;box-shadow:0 2px 8px #0003}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;margin-top:0}.section-header h3{margin:0;color:#374151;font-size:1.5rem;flex-shrink:0;line-height:1;display:flex;align-items:center;height:40px}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;line-height:1.5;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:40px;box-sizing:border-box}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.75rem 1.5rem;background:var(--surface);color:var(--text-primary);border:1px solid rgba(0,0,0,.15);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;line-height:1.5;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:40px;box-sizing:border-box}.btn-secondary:hover{background:var(--background);color:var(--gradient-start);border-color:var(--gradient-start)}.btn-generate{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;font-size:1.125rem;font-weight:700;cursor:pointer;margin-top:1.5rem;transition:all .2s}.btn-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.btn-generate:disabled{opacity:.5;cursor:not-allowed}.client-form{background:var(--surface);border-radius:12px;padding:2rem;border:1px solid var(--border-color);margin-bottom:2rem}.client-form h4{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.25rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.form-grid input,.form-grid select,.form-grid textarea{padding:.625rem .75rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--background);color:var(--text-primary);transition:all .2s;height:42px;box-sizing:border-box}.form-grid textarea{height:auto;min-height:100px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:none;border-color:var(--gradient-start);box-shadow:0 0 0 3px #0000000d}.form-grid textarea{grid-column:1 / -1;resize:vertical}.notes-field{grid-column:1 / -1;display:flex;flex-direction:column;margin-top:1.5rem}.notes-field label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:600;font-size:.95rem}.notes-field textarea{padding:.75rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--surface);color:var(--text-primary);transition:all .2s;font-family:inherit}.notes-field textarea:focus{outline:none;border-color:var(--gradient-start);box-shadow:0 0 0 3px #667eea1a}.form-grid label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:600;font-size:.95rem}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.form-actions .btn-primary,.form-actions .btn-secondary{flex:1}.clients-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.clients-list .empty-state{grid-column:1 / -1}.client-card{background:var(--surface);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;transition:all .2s;border:1px solid var(--border-color)}.client-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.client-info h4{margin:0 0 .5rem;color:var(--gradient-start);font-size:1.25rem}.client-company{color:#6b7280;font-weight:600;margin:0 0 .5rem}.client-email{color:#4b5563;margin:0 0 .75rem;font-size:.95rem}.client-address{color:#6b7280;font-size:.9rem;line-height:1.5;margin:.75rem 0 0}.client-stats{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem}.client-stats .stat{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.client-stats .stat-label{color:var(--text-secondary);font-weight:500;font-size:.75rem}.client-stats .stat-value{color:var(--text-primary);font-weight:600;font-size:.8rem}.client-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.client-actions button{flex:1;padding:.5rem 1rem;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s}.client-actions button:hover{background:var(--background);border-color:var(--gradient-start)}.content-well{background:var(--surface);padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000001a}.invoice-form{background:transparent;border-radius:0;padding:0;box-shadow:none;margin-bottom:2rem}.invoice-form h3,.invoice-form h4{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.25rem}.project-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;padding:1rem;background:var(--background);border-radius:8px;margin-top:.5rem;border:1px solid var(--border-color)}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;font-weight:500}.checkbox-label span{font-weight:600}.checkbox-label .project-rate{font-weight:400;color:var(--text-secondary);opacity:.8}.checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.invoice-preview{background:var(--background);border-radius:12px;padding:2rem;border:1px solid var(--border-color)}.invoice-preview h3{margin:0 0 1.5rem;color:#374151}.invoice-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.invoice-table th,.invoice-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.invoice-table th{background:transparent;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color)}.invoice-table .text-right{text-align:right}.invoice-table tfoot td{font-size:1.05rem;padding-top:1rem}.invoice-table .total-row{border-top:2px solid var(--gradient-start)}.invoice-table .total-row td{padding-top:1rem;font-size:1.25rem;color:var(--gradient-start)}.invoices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.invoice-card{background:var(--surface);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;transition:all .2s;border:1px solid var(--border-color)}.invoice-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.invoice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.invoice-header h4{margin:0;color:var(--gradient-start)}.status{padding:.25rem .75rem;border-radius:999px;font-size:.875rem;font-weight:600;text-transform:uppercase}.status-draft{background:#f3f4f6;color:#6b7280}.status-sent{background:#dbeafe;color:#1e40af}.status-paid{background:#d1fae5;color:#065f46}.status-overdue{background:#fee2e2;color:#991b1b}.invoice-card p{margin:.5rem 0;color:#6b7280;font-size:.95rem}.invoice-total{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);color:var(--gradient-start)!important;font-size:1.125rem!important}.empty-state{text-align:center;padding:4rem 2rem;background:var(--surface);border-radius:12px;border:1px solid var(--border-color)}.empty-state p{color:var(--text-secondary);font-size:1.1rem;margin:0 0 1rem}[data-theme=dark] .view-selector{background:#1f2937}[data-theme=dark] .view-selector button{color:#e5e7eb}[data-theme=dark] .view-selector button:hover{background:#374151}[data-theme=dark] .section-header h3,[data-theme=dark] .client-form h4,[data-theme=dark] .invoice-form h3,[data-theme=dark] .invoice-preview h3{color:#e5e7eb}[data-theme=light] .btn-secondary{color:#1a1a1a}[data-theme=dark] .btn-secondary{background:#374151;color:#e5e7eb;border:1px solid rgba(255,255,255,.3)}[data-theme=dark] .btn-secondary:hover{background:#4b5563;color:var(--gradient-start);border-color:var(--gradient-start)}[data-theme=dark] .form-grid input,[data-theme=dark] .form-grid select,[data-theme=dark] .form-grid textarea{background:#111827;border-color:#374151;color:#e5e7eb}[data-theme=dark] .form-grid label{color:#e5e7eb}[data-theme=dark] .project-checkboxes{background:#111827}[data-theme=dark] .client-info h4,[data-theme=dark] .invoice-header h4{color:var(--gradient-start)}[data-theme=dark] .client-company,[data-theme=dark] .client-email,[data-theme=dark] .client-address,[data-theme=dark] .invoice-card p{color:#9ca3af}[data-theme=dark] .client-actions button{background:#111827;border-color:#374151;color:#e5e7eb}[data-theme=dark] .client-actions button:hover{background:#374151}[data-theme=dark] .invoice-table th{background:#111827;color:#e5e7eb}[data-theme=dark] .invoice-table td{color:#d1d5db}[data-theme=dark] .invoice-table .total-row td{color:var(--gradient-start)}[data-theme=dark] .empty-state p{color:#9ca3af}@media (max-width: 768px){.invoices-header{flex-direction:column;align-items:flex-start}.invoices-header h2{font-size:1.5rem}.view-selector{width:100%;flex-direction:column}.view-selector button{width:100%;padding:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.section-header h3{font-size:1.25rem;width:100%}.header-actions{width:100%;flex-wrap:wrap}.header-actions .btn-export,.header-actions .btn-primary{flex:1;min-width:0;font-size:.9rem;padding:.75rem 1rem}.form-grid,.clients-list,.invoices-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}.project-checkboxes{grid-template-columns:1fr}.invoice-table{font-size:.875rem}.invoice-table th,.invoice-table td{padding:.5rem .25rem}.search-filter-bar{flex-direction:column}.status-filters{flex-wrap:wrap;gap:.5rem}.status-filters button{flex:1 1 calc(50% - .25rem);min-width:100px}}.btn-export{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s;white-space:nowrap;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:40px;box-sizing:border-box}.btn-export:hover:not(:disabled){transform:translateY(-2px)}.btn-export:disabled{opacity:.5;cursor:not-allowed}.header-actions{display:flex;gap:1rem;align-items:center;flex-shrink:0;height:40px}.header-actions .btn-export,.header-actions .btn-primary{margin:0;vertical-align:middle}.search-filter-bar{display:flex;gap:1rem;align-items:center;margin-top:1rem;margin-bottom:1rem}.search-input{flex:1;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--surface);color:var(--text-primary);transition:border-color .2s}.search-input:focus{outline:none;border-color:var(--gradient-start)}.btn-clear-search{padding:.75rem 1rem;background:var(--surface);color:var(--text-primary);border:2px solid var(--border-color);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-clear-search:hover{border-color:var(--gradient-start);color:var(--gradient-start)}.filter-info{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem;padding:.5rem;background:var(--surface);border-radius:6px}.invoices-filters{margin-bottom:1.5rem}.status-filters{display:flex;gap:.5rem;width:100%}.status-filters button{flex:1;padding:.5rem 1rem;background:var(--surface);color:var(--text-primary);border:2px solid var(--border-color);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.25rem}.status-filters button .filter-amount{font-size:.75rem;font-weight:500;opacity:.8}.status-filters button:hover{border-color:var(--gradient-start);color:var(--gradient-start)}.status-filters button.active{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:#fff;border-color:transparent}.date-filters{margin-top:1rem;padding:1rem;background:#667eea0d;border-radius:8px;border:1px solid var(--border-color)}.date-filter-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.date-filter-row label{font-weight:600;color:var(--text-primary);white-space:nowrap}.date-type-select,.date-range-select{padding:.5rem 1rem;background:var(--surface);color:var(--text-primary);border:2px solid var(--border-color);border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;min-width:140px;height:42px;font-size:.9375rem}.date-type-select:hover,.date-range-select:hover{border-color:var(--gradient-start)}.date-type-select:focus,.date-range-select:focus{outline:none;border-color:var(--gradient-start);box-shadow:0 0 0 3px #667eea1a}.custom-date-range{display:flex;align-items:center;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.custom-date-range input[type=date]{padding:.5rem 1rem;background:var(--surface);color:var(--text-primary);border:2px solid var(--border-color);border-radius:8px;font-weight:500;transition:all .2s;min-width:150px;height:42px;font-size:.9375rem}.custom-date-range input[type=date]:hover{border-color:var(--gradient-start)}.custom-date-range input[type=date]:focus{outline:none;border-color:var(--gradient-start);box-shadow:0 0 0 3px #667eea1a}.custom-date-range span{color:var(--text-secondary);font-weight:500}.btn-clear-invoice-dates{padding:.5rem 1rem;border-radius:8px;border:2px solid var(--border-color);background:var(--surface);color:var(--text-primary);cursor:pointer;transition:all .2s;font-weight:500;height:42px;white-space:nowrap}.btn-clear-invoice-dates:hover{border-color:var(--gradient-start);color:var(--gradient-start);background:#667eea1a}.invoices-list-section{width:100%}.line-item-input{width:100%;border:1px solid #ddd;padding:4px;border-radius:4px;background:#fff;color:#1f2937;font-size:.9rem}[data-theme=dark] .line-item-input{background:#374151;color:#f3f4f6;border-color:#4b5563}.line-item-input:focus{outline:none;border-color:var(--gradient-start);box-shadow:0 0 0 2px #667eea1a}.line-item-input-number{width:80px;text-align:right;border:1px solid #ddd;padding:4px;border-radius:4px;background:#fff;color:#1f2937;font-size:.9rem}[data-theme=dark] .line-item-input-number{background:#374151;color:#f3f4f6;border-color:#4b5563}.line-item-input-number:focus{outline:none;border-color:var(--gradient-start);box-shadow:0 0 0 2px #667eea1a}.custom-line-item-row{background-color:#f8f9fa}[data-theme=dark] .custom-line-item-row{background-color:#1f2937}.delete-line-button{background:none;border:none;cursor:pointer;color:#dc3545;font-size:1.2rem;padding:0;line-height:1;transition:transform .2s}.delete-line-button:hover{transform:scale(1.2)}[data-theme=dark] .delete-line-button{color:#f87171}.install-prompt-overlay{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.install-prompt{background:var(--card-bg, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-primary, white);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000004d;max-width:400px;position:relative;text-align:center;border:1px solid var(--border-color, rgba(255, 255, 255, .1))}.install-prompt-close{position:absolute;top:10px;right:10px;background:var(--close-btn-bg, rgba(255, 255, 255, .2));border:none;color:var(--close-btn-color, white);font-size:24px;width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;line-height:1;padding:0;flex-shrink:0}.install-prompt-close:hover{background:var(--close-btn-hover-bg, rgba(255, 255, 255, .3))}.install-prompt-icon{font-size:3rem;margin-bottom:.5rem}.install-prompt h3{margin:0 0 .5rem;font-size:1.5rem}.install-prompt-subtitle{margin:0 0 1rem;opacity:.9;font-size:.95rem}.install-instructions{background:#ffffff26;border-radius:12px;padding:1rem;margin:1rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left}.install-instructions p{margin:0 0 .75rem;font-weight:600}.install-instructions ol{margin:.75rem 0;padding-left:1.5rem}.install-instructions li{margin:.5rem 0;line-height:1.5}.install-visual{margin-top:1rem;padding:.75rem;background:#fff3;border-radius:8px;text-align:center;font-weight:600;font-size:.9rem}.icon-share{display:inline-block;font-size:1.2rem;vertical-align:middle}.safari-icon{font-size:1.5rem}.btn-install-primary{width:100%;background:#fff;color:#667eea;border:none;padding:.875rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:all .2s}.btn-install-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.install-prompt-actions{display:flex;gap:.5rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.btn-secondary{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#ffffff4d}.btn-text{background:none;border:none;color:#fffc;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;text-decoration:underline;transition:color .2s}.btn-text:hover{color:#fff}.install-prompt-benefits{display:flex;gap:1rem;justify-content:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.benefit{font-size:.85rem;opacity:.9}[data-theme=light] .install-prompt{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 8px 32px #00000026}[data-theme=light] .install-prompt-close{background:#ffffff4d;color:#fff}[data-theme=light] .install-prompt-close:hover{background:#ffffff80}[data-theme=light] .install-instructions{background:#fff3}[data-theme=light] .btn-install-primary{background:#fff;color:#7c3aed}[data-theme=dark] .install-prompt{background:var(--background);color:var(--text-primary);border:2px solid var(--primary);box-shadow:0 8px 32px #0006}[data-theme=dark] .install-prompt-close{background:var(--input-bg);color:var(--text-primary)}[data-theme=dark] .install-prompt-close:hover{background:var(--hover-bg)}[data-theme=dark] .install-instructions{background:var(--card-bg);border:1px solid var(--border-color)}[data-theme=dark] .btn-install-primary{background:var(--primary);color:#fff}@media (max-width: 768px){.install-prompt-overlay{left:10px;right:10px;bottom:10px;transform:none}.install-prompt{max-width:none;padding:1rem}.install-prompt h3{font-size:1.25rem}.install-prompt-benefits{flex-direction:column;gap:.5rem}}.notification-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:1rem;animation:fadeIn .3s ease-out}.notification-prompt{background:var(--card-bg, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-primary, white);border-radius:20px;padding:2rem;max-width:450px;width:100%;box-shadow:0 20px 60px #0006;text-align:center;animation:slideIn .4s ease-out;border:1px solid var(--border-color, rgba(255, 255, 255, .1));position:relative}.notification-prompt-close{position:absolute;top:15px;right:15px;background:var(--close-btn-bg, rgba(255, 255, 255, .2));border:none;color:var(--close-btn-color, white);font-size:28px;width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;line-height:1;padding:0;flex-shrink:0}.notification-prompt-close:hover{background:var(--close-btn-hover-bg, rgba(255, 255, 255, .3));transform:scale(1.1)}@keyframes slideIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.notification-prompt-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.notification-prompt h3{margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.notification-prompt-subtitle{margin:0 0 1.5rem;opacity:.95;font-size:1rem;line-height:1.5}.notification-benefits{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left;background:#ffffff26;border-radius:12px;padding:1rem 1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification-benefits li{margin:.75rem 0;font-size:.95rem;line-height:1.4;display:flex;align-items:flex-start;gap:.5rem}.notification-prompt-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.btn-enable{width:100%;background:#fff;color:#667eea;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00000026}.btn-enable:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.btn-enable:active{transform:translateY(0)}.secondary-actions{display:flex;gap:.5rem;justify-content:center}.btn-later,.btn-no-thanks{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.625rem 1.25rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s;font-weight:500}.btn-later:hover,.btn-no-thanks:hover{background:#ffffff4d}.notification-prompt-note{margin:0;font-size:.85rem;opacity:.8;font-style:italic}@media (max-width: 768px){.notification-prompt{padding:1.5rem;max-width:none}.notification-prompt-icon{font-size:3rem}.notification-prompt h3{font-size:1.5rem}.notification-benefits{padding:.75rem 1rem}.notification-benefits li{font-size:.9rem}.btn-enable{font-size:1rem;padding:.875rem 1.5rem}.secondary-actions{flex-direction:column}.btn-later,.btn-no-thanks{width:100%}}[data-theme=light] .notification-prompt{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 20px 60px #0003}[data-theme=light] .notification-prompt-close{background:#ffffff4d;color:#fff}[data-theme=light] .notification-prompt-close:hover{background:#ffffff80}[data-theme=light] .notification-benefits{background:#fff3}[data-theme=light] .btn-enable{background:#fff;color:#7c3aed}[data-theme=light] .btn-later,[data-theme=light] .btn-no-thanks{background:#ffffff40;border-color:#fff6}[data-theme=dark] .notification-prompt{background:var(--background);color:var(--text-primary);border:2px solid var(--primary);box-shadow:0 20px 60px #0009}[data-theme=dark] .notification-prompt-close{background:var(--input-bg);color:var(--text-primary)}[data-theme=dark] .notification-prompt-close:hover{background:var(--hover-bg)}[data-theme=dark] .notification-benefits{background:var(--card-bg);border:1px solid var(--border-color)}[data-theme=dark] .btn-enable{background:var(--primary);color:#fff}[data-theme=dark] .btn-later,[data-theme=dark] .btn-no-thanks{background:var(--input-bg);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .btn-later:hover,[data-theme=dark] .btn-no-thanks:hover{background:var(--hover-bg)}.help-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in-out;padding:1rem}.help-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.help-modal-header{padding:1.5rem;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:#fff}.help-modal-header h2{margin:0;font-size:1.5rem;font-weight:700}.help-modal-close{background:#fff3;border:none;color:#fff;font-size:1.5rem;font-weight:600;line-height:1;width:2rem;height:2rem;min-width:2rem;min-height:2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s;flex-shrink:0}.help-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.help-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.help-section{margin-bottom:1.5rem}.help-section:last-child{margin-bottom:0}.help-section-title{font-size:1rem;font-weight:600;color:var(--gradient-start);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.help-shortcuts{display:flex;flex-direction:column;gap:.5rem}.help-shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f9fafb;border-radius:8px;transition:all .2s}.help-shortcut-item:hover{background:#f3f4f6;transform:translate(4px)}.help-keys{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.875rem;font-weight:600;padding:.25rem .5rem;background:#fff;border:2px solid #e5e7eb;border-radius:6px;box-shadow:0 2px #d1d5db;color:#374151;min-width:120px;text-align:center}.help-description{color:#4b5563;font-size:.95rem;flex:1;text-align:right;padding-left:1rem}.help-modal-footer{padding:1rem 1.5rem;border-top:2px solid #e5e7eb;background:#f9fafb;text-align:center}.help-modal-footer p{margin:0;color:#6b7280;font-size:.875rem}.help-modal-footer kbd{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.875rem;padding:.125rem .375rem;background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}[data-theme=dark] .help-modal-content{background:#1f2937}[data-theme=dark] .help-modal-header{border-bottom-color:#374151}[data-theme=dark] .help-modal-body{background:#1f2937}[data-theme=dark] .help-section-title{color:var(--accent-color-light)}[data-theme=dark] .help-shortcut-item{background:#111827}[data-theme=dark] .help-shortcut-item:hover{background:#1f2937}[data-theme=dark] .help-keys{background:#374151;border-color:#4b5563;box-shadow:0 2px #1f2937;color:#e5e7eb}[data-theme=dark] .help-description{color:#d1d5db}[data-theme=dark] .help-modal-footer{background:#111827;border-top-color:#374151}[data-theme=dark] .help-modal-footer p{color:#9ca3af}[data-theme=dark] .help-modal-footer kbd{background:#374151;border-color:#4b5563;color:#e5e7eb}@media (max-width: 768px){.help-modal-content{max-width:95%;margin:1rem}.help-modal-header h2{font-size:1.25rem}.help-shortcut-item{flex-direction:column;align-items:flex-start;gap:.5rem}.help-keys{min-width:auto}.help-description{text-align:left;padding-left:0}}.app{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-header{padding:2rem;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a;flex-wrap:wrap;gap:1rem;position:relative}.app-header>div{text-align:left}.app-header h1{margin:0;font-size:2.5rem;font-weight:700}.app-header p{margin:.5rem 0 0;opacity:.9}.help-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;border-radius:50%;font-size:1.25rem;font-weight:600;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s;flex-shrink:0}.help-button:hover{background:#ffffff4d;transform:scale(1.1)}.user-menu{display:flex;align-items:center;gap:1rem}.user-email{font-size:.9rem;opacity:.9}.btn-sign-out{padding:.5rem 1rem;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:6px;cursor:pointer;transition:background .2s}.btn-sign-out:hover{background:#ffffff4d}.app-nav{display:flex;gap:0;background-color:var(--background);border-bottom:2px solid var(--border-color);padding:0;position:sticky;top:0;z-index:100;overflow-x:auto;-webkit-overflow-scrolling:touch}.app-nav a,.app-nav button{flex:1;min-width:fit-content;border-radius:0;border:none;padding:1rem 2rem;background-color:transparent;color:var(--text-secondary);border-bottom:3px solid transparent;transition:all .2s;white-space:nowrap;text-decoration:none;display:inline-block;text-align:center}.app-nav a:hover,.app-nav button:hover{background-color:var(--surface);color:var(--text-primary);border-bottom-color:var(--accent-color-light)}.app-nav a.active,.app-nav button.active{color:var(--text-primary);background-color:var(--surface);border-bottom-color:var(--accent-color)}.app-main{flex:1;padding:2rem;max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}@media (max-width: 768px){.app-header{padding:1rem}.app-header h1{font-size:1.75rem}.app-nav button{padding:1rem;font-size:.9rem}.app-main{padding:1rem}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:300px;color:#888}.loading-spinner h2{color:var(--accent-color)}.app-footer{padding:1.5rem 2rem;background:var(--background);border-top:1px solid var(--border-color);text-align:center}.footer-status{margin:0 0 1rem;font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.footer-links{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--border-color)}.footer-link-button{font-size:.875rem;color:var(--accent-color);background:transparent;border:none;cursor:pointer;padding:0;text-decoration:underline;transition:opacity .2s}.footer-link-button:hover{opacity:.8}.footer-downloads{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--border-color)}.footer-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.footer-link{font-size:.875rem;color:var(--accent-color);text-decoration:none;padding:.5rem 1rem;border-radius:6px;background:#667eea1a;transition:all .2s;display:inline-flex;align-items:center;gap:.25rem}.footer-link:hover{background:#667eea33;transform:translateY(-2px)}@media (max-width: 768px){.app-footer{padding:1rem}.footer-downloads{flex-direction:column;gap:.5rem}.footer-label{width:100%;margin-bottom:.5rem}.footer-link{width:100%;justify-content:center}}[data-theme=light] .app-nav{background-color:#f5f5f5;border-bottom-color:#ddd}[data-theme=light] .app-nav button{color:#000000b3}[data-theme=light] .app-nav button:hover{background-color:#e8e8e8;color:#000000e6}[data-theme=light] .app-nav button.active{color:#213547;background-color:#e8e8e8}[data-theme=light] .app-footer{background:#f5f5f5;border-top-color:#ddd}[data-theme=light] .app-footer p{color:#666}.toast{position:relative;min-width:300px;max-width:500px;padding:1rem 1.25rem;border-radius:12px;box-shadow:0 8px 24px #0003;display:flex;align-items:center;gap:.75rem;animation:slideDown .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.toast:hover{transform:translateY(2px) scale(1.02);box-shadow:0 12px 32px #00000040}@keyframes slideDown{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-icon{font-size:1.25rem;font-weight:700;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-message{flex:1;font-size:.95rem;line-height:1.4}.toast-close{background:none;border:none;color:inherit;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s;flex-shrink:0}.toast-close:hover{opacity:1}.toast-success{background:#10b981;color:#fff}.toast-success .toast-icon{background:#fff3}.toast-error{background:#ef4444;color:#fff}.toast-error .toast-icon{background:#fff3}.toast-warning{background:#f59e0b;color:#fff}.toast-warning .toast-icon{background:#fff3}.toast-info{background:#3b82f6;color:#fff}.toast-info .toast-icon{background:#fff3}[data-theme=dark] .toast{box-shadow:0 4px 12px #0000004d}@media (max-width: 768px){.toast{min-width:auto;max-width:calc(100vw - 40px)}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--surface);color:var(--text-primary);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--accent-color-light)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input,textarea,select{padding:.5em;border-radius:4px;border:1px solid var(--border-color);background-color:var(--surface);color:var(--text-primary);font-family:inherit;font-size:1em}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-color);border-color:transparent}:root{--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6}html[data-theme=dark]{--gradient-start: #667eea;--gradient-end: #764ba2;--accent-color: #667eea;--accent-color-dark: #5568d3;--accent-color-light: #818cf8;--background: #1a1a1a;--surface: #2a2a2a;--surface-hover: #333333;--text-primary: #ffffff;--text-secondary: #aaaaaa;--border-color: #444444;background-color:#1a1a1a!important;color:#fff!important}html[data-theme=dark] body{background-color:#1a1a1a!important;color:#fff!important}html[data-theme=light]{--gradient-start: #667eea;--gradient-end: #764ba2;--accent-color: #667eea;--accent-color-dark: #5568d3;--accent-color-light: #818cf8;--background: #ffffff;--surface: #f9f9f9;--surface-hover: #f0f0f0;--text-primary: #1a1a1a;--text-secondary: #666666;--border-color: #dddddd;background-color:#fff!important;color:#1a1a1a!important}html[data-theme=light] body{background-color:#fff!important;color:#1a1a1a!important}html[data-theme=dark][data-color-scheme=default]{--gradient-start: #667eea;--gradient-end: #764ba2;--accent-color: #667eea;--accent-color-dark: #5568d3;--accent-color-light: #818cf8}html[data-theme=dark][data-color-scheme=blue]{--gradient-start: #3b82f6;--gradient-end: #1e40af;--accent-color: #3b82f6;--accent-color-dark: #2563eb;--accent-color-light: #60a5fa}html[data-theme=dark][data-color-scheme=purple]{--gradient-start: #a855f7;--gradient-end: #7c3aed;--accent-color: #a855f7;--accent-color-dark: #9333ea;--accent-color-light: #c084fc}html[data-theme=dark][data-color-scheme=green]{--gradient-start: #10b981;--gradient-end: #059669;--accent-color: #10b981;--accent-color-dark: #059669;--accent-color-light: #34d399}html[data-theme=dark][data-color-scheme=orange]{--gradient-start: #f59e0b;--gradient-end: #d97706;--accent-color: #f59e0b;--accent-color-dark: #d97706;--accent-color-light: #fbbf24}html[data-theme=dark][data-color-scheme=pink]{--gradient-start: #ec4899;--gradient-end: #db2777;--accent-color: #ec4899;--accent-color-dark: #db2777;--accent-color-light: #f472b6}html[data-theme=dark][data-color-scheme=red]{--gradient-start: #ef4444;--gradient-end: #b91c1c;--accent-color: #ef4444;--accent-color-dark: #dc2626;--accent-color-light: #f87171}html[data-theme=dark][data-color-scheme=teal]{--gradient-start: #14b8a6;--gradient-end: #0d9488;--accent-color: #14b8a6;--accent-color-dark: #0d9488;--accent-color-light: #2dd4bf}html[data-theme=dark][data-color-scheme=cyan]{--gradient-start: #06b6d4;--gradient-end: #0891b2;--accent-color: #06b6d4;--accent-color-dark: #0891b2;--accent-color-light: #22d3ee}html[data-theme=dark][data-color-scheme=lime]{--gradient-start: #84cc16;--gradient-end: #65a30d;--accent-color: #84cc16;--accent-color-dark: #65a30d;--accent-color-light: #a3e635}html[data-theme=light][data-color-scheme=default]{--gradient-start: #667eea;--gradient-end: #764ba2;--accent-color: #667eea;--accent-color-dark: #5568d3;--accent-color-light: #818cf8}html[data-theme=light][data-color-scheme=blue]{--gradient-start: #3b82f6;--gradient-end: #1e40af;--accent-color: #3b82f6;--accent-color-dark: #2563eb;--accent-color-light: #60a5fa}html[data-theme=light][data-color-scheme=purple]{--gradient-start: #a855f7;--gradient-end: #7c3aed;--accent-color: #a855f7;--accent-color-dark: #9333ea;--accent-color-light: #c084fc}html[data-theme=light][data-color-scheme=green]{--gradient-start: #10b981;--gradient-end: #059669;--accent-color: #10b981;--accent-color-dark: #059669;--accent-color-light: #34d399}html[data-theme=light][data-color-scheme=orange]{--gradient-start: #f59e0b;--gradient-end: #d97706;--accent-color: #f59e0b;--accent-color-dark: #d97706;--accent-color-light: #fbbf24}html[data-theme=light][data-color-scheme=pink]{--gradient-start: #ec4899;--gradient-end: #db2777;--accent-color: #ec4899;--accent-color-dark: #db2777;--accent-color-light: #f472b6}html[data-theme=light][data-color-scheme=red]{--gradient-start: #ef4444;--gradient-end: #b91c1c;--accent-color: #ef4444;--accent-color-dark: #dc2626;--accent-color-light: #f87171}html[data-theme=light][data-color-scheme=teal]{--gradient-start: #14b8a6;--gradient-end: #0d9488;--accent-color: #14b8a6;--accent-color-dark: #0d9488;--accent-color-light: #2dd4bf}html[data-theme=light][data-color-scheme=cyan]{--gradient-start: #06b6d4;--gradient-end: #0891b2;--accent-color: #06b6d4;--accent-color-dark: #0891b2;--accent-color-light: #22d3ee}html[data-theme=light][data-color-scheme=lime]{--gradient-start: #84cc16;--gradient-end: #65a30d;--accent-color: #84cc16;--accent-color-dark: #65a30d;--accent-color-light: #a3e635}.btn-add,.btn-save,.btn-start,button.active{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%)}.timer h1,.project-list-header h2,.calendar-view h2,.reports-container h2,.charts-header h2{color:var(--accent-color)}.stat-card{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%)}.nav-button.active,.chart-type-selector button.active{border-color:var(--accent-color);background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%)}.nav-button:hover{background:var(--surface-hover);color:var(--accent-color)}.timer,.project-form,.project-card,.time-entry-card,.calendar-day,.report-filters,.chart-display,.settings-section{background:var(--surface);border-color:var(--border-color)}.project-description,.time-entry-description,.settings-section p{color:var(--text-secondary)}