*{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe);background-size:400% 400%;animation:gradientFlow 20s ease infinite;background-attachment:fixed}html.dark-mode body{background:linear-gradient(135deg,#0f172a,#1e1b4b,#312e81,#1e3a8a,#0c4a6e);background-size:400% 400%;animation:gradientFlow 20s ease infinite;background-attachment:fixed}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-card{background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 25px #0003;width:100%;max-width:400px}.auth-card h1{margin:0 0 10px;font-size:24px;color:#333;text-align:center}.auth-card h2{margin:0 0 30px;font-size:20px;color:#666;text-align:center;font-weight:400}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#333}.form-group input{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea}.error-message{padding:12px;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px}.submit-button{padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .3s}.submit-button:hover{opacity:.9}.submit-button:disabled{opacity:.6;cursor:not-allowed}.toggle-button{margin-top:20px;padding:10px;background:transparent;color:#667eea;border:none;font-size:14px;cursor:pointer;text-decoration:underline}.toggle-button:hover{opacity:.8}.project-select{width:100%;padding:12px 40px 12px 16px;border:1.5px solid #ddd;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231976d2' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.project-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.project-select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.project-select option{padding:8px}.project-select option:disabled{color:#999;font-style:italic}.autocomplete-wrapper{position:relative;width:100%}.autocomplete-input{width:100%;padding:12px 16px;border:1.5px solid #ddd;border-radius:8px;font-size:1rem;transition:all .2s}.autocomplete-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.autocomplete-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.autocomplete-suggestions{position:absolute;top:100%;left:0;right:0;max-height:250px;overflow-y:auto;background:#fff;border:1.5px solid #1976d2;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #00000026;list-style:none;margin:0;padding:0;z-index:1000}.autocomplete-suggestions li{padding:10px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid #f0f0f0}.autocomplete-suggestions li:last-child{border-bottom:none}.autocomplete-suggestions li:hover{background:#e3f2fd}.autocomplete-suggestions li.active{background:#bbdefb}.autocomplete-suggestions::-webkit-scrollbar{width:8px}.autocomplete-suggestions::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 0 8px}.autocomplete-suggestions::-webkit-scrollbar-thumb{background:#1976d2;border-radius:4px}.autocomplete-suggestions::-webkit-scrollbar-thumb:hover{background:#1565c0}.time-editor{background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:20px;border-radius:12px;margin-top:12px;border:2px solid #93c5fd}.time-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.time-field{display:flex;flex-direction:column;gap:6px}.time-field label{font-size:.9rem;font-weight:500;color:#555}.time-field input{padding:8px 12px;border:1.5px solid #ddd;border-radius:6px;font-size:.95rem}.time-field input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.time-editor-error{color:#f44336;font-size:.9rem;margin-bottom:12px;padding:8px;background:#ffebee;border-radius:4px}.time-editor-actions{display:flex;gap:8px}.time-display{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.time-info{flex:1;display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:#666}.time-info strong{color:#333}.edit-time-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s;white-space:nowrap;box-shadow:0 2px 8px #fbbf244d}.edit-time-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2466}@media(max-width:768px){.time-editor-fields{grid-template-columns:1fr}.time-display{flex-direction:column}}.recent-tasks{background:linear-gradient(135deg,#f5f9ff,#e3f2fd);border-radius:12px;padding:20px 24px;margin-bottom:24px;border:2px solid #bbdefb}.recent-tasks h3{margin:0 0 16px;color:#1976d2;font-size:1.1rem}.recent-tasks-list{display:flex;flex-direction:column;gap:10px}.recent-task-item{background:#fff;border-radius:8px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:all .2s;border:1px solid #e0e0e0}.recent-task-item:hover{border-color:#1976d2;box-shadow:0 2px 8px #1976d226;transform:translate(4px)}.recent-task-info{flex:1;min-width:0}.recent-task-description{font-weight:600;color:#333;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-task-tags{font-size:.85rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-task-actions{display:flex;gap:8px}.recent-task-start{background:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.recent-task-start:hover{background:#45a049;transform:scale(1.05);box-shadow:0 2px 8px #4caf504d}@media(max-width:768px){.recent-task-item{flex-direction:column;align-items:flex-start}.recent-task-actions,.recent-task-start{width:100%}}.shortcuts-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.shortcuts-modal{background:#fff;border-radius:16px;max-width:600px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.shortcuts-header{padding:24px 28px;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.shortcuts-header h2{margin:0;font-size:1.5rem}.shortcuts-close{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.shortcuts-close:hover{background:#fff3}.shortcuts-list{padding:24px 28px;max-height:60vh;overflow-y:auto}.shortcut-item{display:flex;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid #f0f0f0}.shortcut-item:last-child{border-bottom:none}.shortcut-key{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border:2px solid #bbb;border-radius:6px;padding:6px 12px;font-family:Courier New,monospace;font-size:.95rem;font-weight:700;color:#333;box-shadow:0 2px 4px #0000001a,inset 0 -2px #0000001a;min-width:100px;text-align:center;white-space:nowrap}.shortcut-description{flex:1;color:#555;font-size:1rem}.shortcuts-footer{padding:16px 28px;background:#f5f9ff;border-top:1px solid #e0e0e0;text-align:center;color:#666;font-size:.9rem}.shortcuts-footer kbd{background:#fff;border:1px solid #ddd;border-radius:4px;padding:2px 8px;font-family:Courier New,monospace;font-size:.85rem}.shortcuts-list::-webkit-scrollbar{width:8px}.shortcuts-list::-webkit-scrollbar-track{background:#f1f1f1}.shortcuts-list::-webkit-scrollbar-thumb{background:#6366f1;border-radius:4px}.shortcuts-list::-webkit-scrollbar-thumb:hover{background:#8b5cf6}@media(max-width:768px){.shortcuts-modal{width:95%;max-height:90vh}.shortcuts-header,.shortcuts-list{padding:20px}.shortcut-item{flex-direction:column;align-items:flex-start;gap:8px}.shortcut-key{min-width:auto}}.goals-container{margin-bottom:24px}.goal-card{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:16px;padding:28px;box-shadow:0 4px 20px #6366f126;border:2px solid #e0e7ff}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.goal-header h3{margin:0;font-size:1.3rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.edit-goals-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #6366f14d}.edit-goals-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.goals-editor{display:flex;flex-direction:column;gap:16px}.goal-input-group{display:flex;flex-direction:column;gap:6px}.goal-input-group label{font-weight:500;color:#555;font-size:.9rem}.goal-input-group input{padding:10px 12px;border:1.5px solid #ddd;border-radius:6px;font-size:1rem}.goal-input-group input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.save-goals-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #10b9814d}.save-goals-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.goal-progress{margin-bottom:24px}.goal-progress.weekly{margin-bottom:0;padding-top:20px;border-top:1px solid #f0f0f0}.goal-progress h4{margin:0 0 12px;font-size:1.1rem;color:#666}.goal-stats{display:flex;align-items:baseline;gap:8px;margin-bottom:12px;font-size:1.4rem}.goal-current{font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.goal-separator{color:#999;font-weight:300}.goal-target{color:#666;font-weight:500}.goal-percentage{font-size:1rem;color:#999;margin-left:4px}.progress-bar{height:24px;background:#f0f0f0;border-radius:12px;overflow:hidden;margin-bottom:12px;position:relative}.progress-fill{height:100%;transition:width .5s ease;border-radius:12px;position:relative;overflow:hidden}.progress-fill.daily{background:linear-gradient(90deg,#10b981,#34d399)}.progress-fill.weekly{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.goal-message{font-size:1rem;font-weight:500;color:#333;text-align:center;padding:8px;background:#f5f9ff;border-radius:6px}@media(max-width:768px){.goal-stats{font-size:1.2rem}.goal-percentage{font-size:.9rem}}.pomodoro-container{margin-bottom:24px}.pomodoro-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #00000014;border:2px solid #e0e0e0}.pomodoro-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.pomodoro-header h3{margin:0;font-size:1.3rem;color:#e74c3c}.pomodoro-settings-btn{background:#f5f5f5;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s}.pomodoro-settings-btn:hover{background:#e0e0e0;transform:scale(1.1)}.pomodoro-settings{display:flex;flex-direction:column;gap:16px}.setting-group{display:flex;flex-direction:column;gap:6px}.setting-group label{font-weight:500;color:#555;font-size:.9rem}.setting-group input{padding:10px 12px;border:1.5px solid #ddd;border-radius:6px;font-size:1rem}.setting-group input:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.save-pomodoro-btn{background:#e74c3c;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.save-pomodoro-btn:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.pomodoro-display{display:flex;flex-direction:column;align-items:center;gap:20px}.phase-indicator{display:flex;align-items:center;gap:12px}.phase-emoji{font-size:2rem}.phase-label{font-size:1.2rem;font-weight:600;color:#333}.pomodoro-time{font-size:4rem;font-weight:700;font-family:Courier New,monospace;color:#1976d2;margin:20px 0}.pomodoro-progress-ring{position:relative;width:200px;height:200px}.pomodoro-progress-ring svg{transform:rotate(-90deg)}.sessions-counter{font-size:1rem;color:#666;font-weight:500;padding:8px 16px;background:#fff3e0;border-radius:20px;margin-top:12px}.pomodoro-controls{display:flex;gap:12px;margin-top:24px;justify-content:center;flex-wrap:wrap}.pomodoro-start,.pomodoro-pause,.pomodoro-reset,.pomodoro-skip{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.pomodoro-start{background:#4caf50;color:#fff}.pomodoro-start:hover{background:#45a049;transform:scale(1.05)}.pomodoro-pause{background:#ff9800;color:#fff}.pomodoro-pause:hover{background:#f57c00;transform:scale(1.05)}.pomodoro-reset{background:#2196f3;color:#fff}.pomodoro-reset:hover{background:#1976d2;transform:scale(1.05)}.pomodoro-skip{background:#f5f5f5;color:#666}.pomodoro-skip:hover{background:#e0e0e0;transform:scale(1.05)}@media(max-width:768px){.pomodoro-time{font-size:3rem}.pomodoro-controls{flex-direction:column;width:100%}.pomodoro-controls button{width:100%}}.templates-container{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;padding:24px;margin-bottom:24px;border:2px solid #fbbf24;box-shadow:0 4px 12px #fbbf2426}.templates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.templates-header h3{margin:0;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.2rem;font-weight:700}.add-template-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #f59e0b4d}.add-template-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.template-form{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.template-input,.template-select{padding:10px 12px;border:1.5px solid #ddd;border-radius:6px;font-size:1rem}.template-input:focus,.template-select:focus{outline:none;border-color:#ff9800;box-shadow:0 0 0 3px #ff98001a}.save-template-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #10b9814d}.save-template-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.templates-section{margin-bottom:16px}.templates-section h4{margin:0 0 12px;font-size:1rem;color:#666}.templates-list{display:flex;flex-direction:column;gap:10px}.template-card{background:#fff;border-radius:8px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:all .2s;border:1px solid #e0e0e0}.template-card:hover{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b40;transform:translate(4px)}.template-content{flex:1;min-width:0}.template-name{font-weight:700;color:#333;margin-bottom:4px;font-size:1rem}.template-description{color:#666;font-size:.9rem;margin-bottom:4px}.template-tags{font-size:.85rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;margin-bottom:4px}.template-project{font-size:.85rem;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.template-actions{display:flex;gap:8px;align-items:center}.template-favorite-btn,.template-delete-btn{background:#f5f5f5;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:1.1rem;transition:all .2s}.template-favorite-btn:hover{background:#fff3e0;transform:scale(1.2)}.template-delete-btn:hover{background:#ffebee;transform:scale(1.1)}.template-start-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap;box-shadow:0 2px 8px #10b9814d}.template-start-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.no-templates{text-align:center;padding:40px 20px;color:#666}@media(max-width:768px){.template-card{flex-direction:column;align-items:flex-start}.template-actions{width:100%;justify-content:space-between}}.manual-entry-modal{background:var(--card-bg, #ffffff);border-radius:16px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}html.dark-mode .manual-entry-modal{background:var(--card-bg, #0f172a);box-shadow:0 20px 60px #000c}.manual-entry-modal form{padding:28px}.form-group input,.form-group select{width:100%;padding:12px 14px;border:2px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--input-bg, #ffffff);color:var(--text-color, #111827);font-size:15px;transition:all .2s;box-sizing:border-box;font-family:inherit}html.dark-mode .form-group input,html.dark-mode .form-group select{background:var(--input-bg, #1e293b);color:var(--text-color, #f1f5f9);border-color:var(--border-color, #334155)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 4px #3b82f61a}.entry-mode-toggle{display:flex;gap:8px;margin-bottom:20px;background:var(--toggle-bg, #f3f4f6);padding:6px;border-radius:10px}html.dark-mode .entry-mode-toggle{background:var(--toggle-bg, #1e293b)}.entry-mode-toggle button{flex:1;padding:12px 16px;border:none;background:transparent;color:var(--text-secondary, #6b7280);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;font-family:inherit}html.dark-mode .entry-mode-toggle button{color:var(--text-secondary, #94a3b8)}.entry-mode-toggle button.active{background:var(--card-bg, #ffffff);color:var(--primary-color, #3b82f6);box-shadow:0 2px 8px #0000001a}html.dark-mode .entry-mode-toggle button.active{background:var(--card-bg, #0f172a);box-shadow:0 2px 8px #0006}.entry-mode-toggle button:hover:not(.active){color:var(--text-color, #111827)}html.dark-mode .entry-mode-toggle button:hover:not(.active){color:var(--text-color, #f1f5f9)}.time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.duration-preview{padding:16px;background:#22c55e1a;border:2px solid #22c55e;border-radius:10px;margin-bottom:20px;text-align:center;color:var(--text-color, #111827);font-weight:600}html.dark-mode .duration-preview{color:var(--text-color, #f1f5f9);background:#22c55e26}.duration-preview strong{color:#22c55e;font-size:16px}.modal-actions button.primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e66}.modal-actions button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #22c55e80}:root{--card-bg: #ffffff;--header-bg: #f9fafb;--input-bg: #ffffff;--toggle-bg: #f3f4f6;--text-color: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;--hover-bg: #f3f4f6;--primary-color: #3b82f6}html.dark-mode{--card-bg: #0f172a;--header-bg: #1e293b;--input-bg: #1e293b;--toggle-bg: #1e293b;--text-color: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155;--hover-bg: #334155;--primary-color: #3b82f6}.idle-overlay{position:fixed;inset: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 .3s ease}.idle-dialog{background:#fff;border-radius:16px;padding:32px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideUp .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.idle-icon{font-size:4rem;margin-bottom:16px}.idle-dialog h2{margin:0 0 16px;color:#333;font-size:1.8rem}.idle-dialog p{color:#666;font-size:1.1rem;margin:12px 0;line-height:1.5}.idle-dialog p strong{color:#ff9800;font-weight:700}.idle-actions{display:flex;gap:12px;margin-top:24px;justify-content:center}.idle-keep-btn,.idle-discard-btn{padding:14px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.idle-keep-btn{background:#4caf50;color:#fff;flex:1}.idle-keep-btn:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.idle-discard-btn{background:#f5f5f5;color:#666;flex:1}.idle-discard-btn:hover{background:#e0e0e0;transform:translateY(-2px)}.idle-note{margin-top:20px;padding:12px;background:#f5f9ff;border-radius:8px;font-size:.9rem;color:#666}.idle-detection-settings{margin-top:16px;padding:16px;background:#f5f9ff;border-radius:8px;border:1px solid #e3f2fd}.idle-detection-settings h4{margin:0 0 12px;color:#1976d2;font-size:1rem}.setting-row{margin-bottom:12px}.setting-row label{display:flex;align-items:center;gap:8px;font-size:.95rem;color:#333}.setting-row input[type=checkbox]{width:18px;height:18px;cursor:pointer}.setting-row input[type=number]{padding:6px 10px;border:1.5px solid #ddd;border-radius:4px;font-size:.95rem}.setting-row input[type=number]:focus{outline:none;border-color:#1976d2}.setting-row small{color:#999;font-size:.85rem}.notification-settings{margin-top:16px;padding:16px;background:#fff8e1;border-radius:8px;border:1px solid #ffe082}.notification-settings h4{margin:0 0 12px;color:#ff9800;font-size:1rem}.milestone-settings{margin:12px 0}.milestone-settings label{display:block;margin-bottom:8px;font-weight:500;color:#555}.milestone-checkboxes{display:flex;flex-wrap:wrap;gap:12px}.milestone-checkbox{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .2s}.milestone-checkbox:hover{border-color:#ff9800;background:#fff3e0}.milestone-checkbox input{cursor:pointer}.test-notification-btn{background:#ff9800;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;margin-top:12px;transition:all .2s}.test-notification-btn:hover{background:#f57c00;transform:translateY(-2px)}@media(max-width:768px){.idle-dialog{padding:24px}.idle-actions{flex-direction:column}.idle-keep-btn,.idle-discard-btn{width:100%}.milestone-checkboxes{flex-direction:column}}.tracker-container{max-width:1400px;margin:0 auto;padding:24px}.tracker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px;background:linear-gradient(135deg,#fffffff2,#ffffffd9);padding:24px;border-radius:16px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-actions{display:flex;align-items:center;gap:16px}.manual-entry-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #10b9814d}.manual-entry-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.manual-entry-button:active{transform:translateY(0)}html.dark-mode .tracker-header{background:linear-gradient(135deg,#0f172af2,#1e293bd9)}.tracker-header h1{margin:0;font-size:2rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html.dark-mode .tracker-header h1{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.active-timer-banner{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);color:#fff;padding:40px;border-radius:20px;text-align:center;margin-bottom:32px;box-shadow:0 12px 48px #667eea66;animation:pulseGlow 3s ease-in-out infinite;position:relative;overflow:hidden}.active-timer-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s infinite}@keyframes pulseGlow{0%,to{box-shadow:0 12px 48px #667eea66}50%{box-shadow:0 12px 64px #667eea99}}html.dark-mode .active-timer-banner{background:linear-gradient(135deg,#1e3a8a,#4c1d95,#7e22ce);box-shadow:0 12px 48px #1e3a8a99}.user-info{display:flex;align-items:center;gap:16px}.user-email{color:#666;font-size:.95rem;font-weight:500}.signout-button{padding:8px 16px;background:#f44336;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.signout-button:hover{background:#d32f2f;transform:translateY(-1px)}.timer-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:16px;padding:32px;box-shadow:0 8px 32px #0000001a;margin-bottom:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}html.dark-mode .timer-section{background:linear-gradient(135deg,#0f172af2,#1e293bd9);border:1px solid rgba(255,255,255,.1)}.timer-section h2{font-size:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 24px}html.dark-mode .timer-section h2{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timer-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row .description-input{grid-column:1 / -1}.form-row input,.form-row select{padding:14px 18px;border:2px solid rgba(102,126,234,.2);border-radius:10px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html.dark-mode .form-row input,html.dark-mode .form-row select{background:#0f172a99;border-color:#60a5fa4d;color:#e2e8f0}.form-row input:focus,.form-row select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea26,0 4px 12px #667eea33;transform:translateY(-1px)}html.dark-mode .form-row input:focus,html.dark-mode .form-row select:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa33,0 4px 12px #60a5fa4d}.form-row input:disabled,.form-row select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.datetime-group{display:flex;flex-direction:column;gap:6px}.datetime-group label{font-size:.9rem;color:#666;font-weight:500}.active-timer{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;padding:32px;border-radius:12px;text-align:center;margin-top:8px}.timer-display{font-size:3.5rem;font-weight:700;font-family:Courier New,monospace;margin-bottom:16px;letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.paused-indicator{font-size:1.2rem;background:#fff3;padding:8px 16px;border-radius:8px;font-weight:500;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.active-task{font-size:1.1rem;margin:0 0 20px;opacity:.95}.timer-controls{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.start-button,.stop-button,.pause-button,.resume-button{padding:14px 40px;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.start-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;width:100%;box-shadow:0 4px 20px #4caf504d}.start-button:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#388e3c);transform:translateY(-2px);box-shadow:0 8px 32px #4caf5080}.pause-button{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;box-shadow:0 4px 20px #ff98004d}.pause-button:hover:not(:disabled){background:linear-gradient(135deg,#f57c00,#ef6c00);transform:scale(1.05);box-shadow:0 6px 28px #ff980080}.resume-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 4px 20px #4caf504d}.resume-button:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#388e3c);transform:scale(1.05);box-shadow:0 6px 28px #4caf5080}.stop-button{background:#fff;color:#1976d2}.stop-button:hover:not(:disabled){background:#f5f5f5;transform:scale(1.05)}.error-banner{background:#ffebee;color:#c62828;padding:12px 16px;border-radius:8px;margin-top:16px;display:flex;justify-content:space-between;align-items:center;border-left:4px solid #f44336}.error-close{background:none;border:none;color:#c62828;font-size:1.5rem;cursor:pointer;padding:0 8px}.entries-section{margin-top:40px}.entries-section h2{font-size:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px}html.dark-mode .entries-section h2{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.no-entries{text-align:center;color:#999;padding:60px 20px;font-size:1.1rem}.entries-list{display:flex;flex-direction:column;gap:16px}.entry-card{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:12px;padding:20px;box-shadow:0 4px 20px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(102,126,234,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:flex-start;gap:20px;cursor:move;-webkit-user-select:none;user-select:none}.entry-card:hover{box-shadow:0 8px 32px #667eea33;transform:translateY(-2px);border-color:#667eea4d}.entry-card.dragging{opacity:.5;box-shadow:0 12px 48px #667eea66;transform:rotate(2deg) scale(1.02)}html.dark-mode .entry-card{background:linear-gradient(135deg,#0f172af2,#1e293bd9);border:1px solid rgba(96,165,250,.2)}html.dark-mode .entry-card:hover{box-shadow:0 8px 32px #60a5fa4d;border-color:#60a5fa66}.entry-content{flex:1;display:flex;flex-direction:column;gap:12px}.entry-main{display:flex;gap:12px;align-items:flex-start;flex:1}.drag-handle{font-size:.5rem;color:#555;cursor:grab;padding:4px;line-height:1;-webkit-user-select:none;user-select:none;transition:color .2s ease;opacity:.6;margin-right:8px}.drag-handle:hover{opacity:1;color:#333}.drag-handle:active{cursor:grabbing}html.dark-mode .drag-handle{color:#aaa}html.dark-mode .drag-handle:hover{color:#fff}.entry-main h3{margin:0 0 8px;font-size:1.2rem;color:#333}.entry-meta{display:flex;gap:16px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:6px}.meta-label{font-size:.9rem;color:#999;font-weight:500}.entry-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:8px;padding-top:12px;border-top:1px solid #f0f0f0}.entry-time,.entry-duration{font-size:.9rem;color:#666}.entry-time strong,.entry-duration strong{color:#333;margin-right:6px}.entry-actions{display:flex;gap:8px}.delete-button{background:#ffebee;color:#f44336;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;white-space:nowrap}.delete-button:hover:not(:disabled){background:#f44336;color:#fff;transform:scale(1.05)}.delete-button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.form-row{grid-template-columns:1fr}.entry-card{flex-direction:column}.timer-display{font-size:2.5rem}}.cards-container{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.draggable-card-wrapper{position:relative;transition:transform .2s ease,box-shadow .2s ease}.draggable-card-wrapper.dragging{z-index:1000;transform:rotate(2deg);box-shadow:0 16px 48px #0003!important}.card-drag-handle{position:absolute;top:12px;right:12px;font-size:.5rem;color:#999;cursor:grab;padding:4px 6px;line-height:1;-webkit-user-select:none;user-select:none;transition:color .2s ease,opacity .2s ease;opacity:.5;background:#ffffffe6;border-radius:6px;z-index:10}.card-drag-handle:hover{opacity:1;color:#333;background:#fff}.card-drag-handle:active{cursor:grabbing}html.dark-mode .card-drag-handle{color:#aaa;background:#1e293be6}html.dark-mode .card-drag-handle:hover{color:#fff;background:#1e293b}.notes-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:50px;transition:border-color .2s}.notes-input:focus{outline:none;border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a}.notes-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.entry-notes{display:flex;align-items:flex-start;gap:8px;margin:8px 0;padding:10px;background:#f8f9fa;border-left:3px solid #9333ea;border-radius:4px}.entry-notes .notes-icon{font-size:16px;flex-shrink:0;margin-top:2px}.entry-notes p{margin:0;font-size:14px;color:#374151;line-height:1.5;white-space:pre-wrap;word-break:break-word}body.dark-mode .notes-input{background-color:#1f2937;border-color:#374151;color:#e5e7eb}body.dark-mode .notes-input:focus{border-color:#9333ea}body.dark-mode .entry-notes{background:#1f2937;border-left-color:#ec4899}body.dark-mode .entry-notes p{color:#d1d5db}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.edit-project-modal{background:var(--card-bg, #ffffff);border-radius:16px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid var(--border-color, #e5e7eb);background:var(--header-bg, #f9fafb)}html.dark-mode .modal-header{background:var(--header-bg, #1e293b);border-bottom-color:var(--border-color, #334155)}.modal-header h2{margin:0;font-size:22px;font-weight:700;color:var(--text-color, #111827)}html.dark-mode .modal-header h2{color:var(--text-color, #f1f5f9)}.close-button{background:none;border:none;font-size:28px;cursor:pointer;color:var(--text-secondary, #6b7280);padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.close-button:hover{background:var(--hover-bg, #f3f4f6);color:var(--text-color, #111827);transform:rotate(90deg)}html.dark-mode .close-button:hover{background:var(--hover-bg, #334155);color:var(--text-color, #f1f5f9)}.edit-project-modal form{padding:28px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-color, #374151);font-size:14px}html.dark-mode .form-group label{color:var(--text-color, #e2e8f0)}.form-group input,.form-group textarea{width:100%;padding:12px 14px;border:2px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--input-bg, #ffffff);color:var(--text-color, #111827);font-size:15px;font-family:inherit;transition:all .2s;box-sizing:border-box}html.dark-mode .form-group input,html.dark-mode .form-group textarea{background:var(--input-bg, #1e293b);color:var(--text-color, #f1f5f9);border-color:var(--border-color, #334155)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 4px #3b82f61a}.form-group textarea{resize:vertical;min-height:100px}.form-group small{display:block;margin-top:6px;font-size:13px;color:var(--text-secondary, #6b7280)}html.dark-mode .form-group small{color:var(--text-secondary, #94a3b8)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:2px solid var(--border-color, #e5e7eb);margin-top:28px}html.dark-mode .modal-actions{border-top-color:var(--border-color, #334155)}.modal-actions button{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s;font-family:inherit}.modal-actions button:disabled{opacity:.5;cursor:not-allowed}.modal-actions button:not(.primary){background:var(--hover-bg, #f3f4f6);color:var(--text-color, #374151)}html.dark-mode .modal-actions button:not(.primary){background:var(--hover-bg, #334155);color:var(--text-color, #e2e8f0)}.modal-actions button:not(.primary):hover:not(:disabled){background:var(--border-color, #e5e7eb)}html.dark-mode .modal-actions button:not(.primary):hover:not(:disabled){background:var(--border-color, #475569)}.modal-actions button.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f666}.modal-actions button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.modal-actions button.primary:active:not(:disabled){transform:translateY(0)}html.dark-mode .edit-project-modal{background:var(--card-bg, #0f172a);box-shadow:0 20px 60px #000c}:root{--card-bg: #ffffff;--header-bg: #f9fafb;--input-bg: #ffffff;--text-color: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;--hover-bg: #f3f4f6;--primary-color: #3b82f6}html.dark-mode{--card-bg: #0f172a;--header-bg: #1e293b;--input-bg: #1e293b;--text-color: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155;--hover-bg: #334155;--primary-color: #3b82f6}.projects-container{max-width:1400px;margin:0 auto;padding:24px}.projects-container h2{font-size:2rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:32px}html.dark-mode .projects-container h2{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.add-project-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:16px;padding:32px;margin-bottom:40px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.2)}html.dark-mode .add-project-section{background:linear-gradient(135deg,#0f172af2,#1e293bd9);border:1px solid rgba(96,165,250,.2)}.add-project-section h3{font-size:1.3rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px}html.dark-mode .add-project-section h3{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.add-project-form{display:grid;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:500;color:#555;font-size:.95rem}.form-group input,.form-group textarea{padding:12px 16px;border:2px solid rgba(102,126,234,.2);border-radius:10px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fffc}html.dark-mode .form-group input,html.dark-mode .form-group textarea{background:#0f172a99;border-color:#60a5fa4d;color:#e2e8f0}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea26,0 4px 12px #667eea33;transform:translateY(-1px)}html.dark-mode .form-group input:focus,html.dark-mode .form-group textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa33,0 4px 12px #60a5fa4d}.form-group textarea{resize:vertical;font-family:inherit}.add-project-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:8px;box-shadow:0 4px 20px #667eea4d}.add-project-button:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 8px 32px #667eea80}.add-project-button:disabled{opacity:.5;cursor:not-allowed}.projects-section{margin-top:40px}.projects-section h3{font-size:1.5rem;color:#333;margin-bottom:24px}.no-projects{text-align:center;color:#999;padding:60px 20px;font-size:1.1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.project-card{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid rgba(102,126,234,.2);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-card:hover{border-color:#667eea80;box-shadow:0 8px 32px #667eea40;transform:translateY(-4px)}html.dark-mode .project-card{background:linear-gradient(135deg,#0f172af2,#1e293bd9);border:1px solid rgba(96,165,250,.2)}html.dark-mode .project-card:hover{border-color:#60a5fa80;box-shadow:0 8px 32px #60a5fa4d}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.project-header h4{font-size:1.3rem;color:#1976d2;margin:0;flex:1}.project-actions{display:flex;gap:8px}.manage-team-button,.delete-project-button,.edit-project-button{background:none;border:none;font-size:1.3rem;cursor:pointer;padding:4px 8px;opacity:.6;transition:all .2s}.manage-team-button:hover,.delete-project-button:hover,.edit-project-button:hover{opacity:1;transform:scale(1.1)}.edit-project-button{font-size:1.2rem}.edit-project-button:hover{filter:brightness(1.2)}.project-description{color:#666;line-height:1.5;margin-bottom:12px}.project-tags-display{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.project-tags-display .tag{background:#e3f2fd;color:#1976d2;padding:4px 10px;border-radius:4px;font-size:.85rem;font-weight:500}.github-link{display:inline-block;color:#1976d2;text-decoration:none;margin-bottom:16px;font-size:.95rem;transition:color .2s}.github-link:hover{color:#1565c0;text-decoration:underline}.project-stats{display:flex;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0}.stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.85rem;color:#999;font-weight:500}.stat-value{font-size:1.2rem;color:#1976d2;font-weight:600}.project-org-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#9333ea,#ec4899);color:#fff;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px;box-shadow:0 2px 4px #9333ea33}.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.form-group select:focus{outline:none;border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a}.dashboard-container{max-width:1400px;margin:0 auto;padding:24px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.dashboard-header h2{font-size:2rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}html.dark-mode .dashboard-header h2{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.export-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #4caf504d}.export-button:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#388e3c);transform:translateY(-2px);box-shadow:0 8px 32px #4caf5080}.export-button:disabled{background:#ccc;cursor:not-allowed}.dashboard-filters{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.2)}html.dark-mode .dashboard-filters{background:linear-gradient(135deg,#0f172af2,#1e293bd9);border:1px solid rgba(96,165,250,.2)}.dashboard-filters h3{font-size:1.3rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 20px}html.dark-mode .dashboard-filters h3{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:16px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-weight:500;color:#555;font-size:.9rem}.filter-group input,.filter-group select{padding:12px 16px;border:2px solid rgba(102,126,234,.2);border-radius:8px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fffc}html.dark-mode .filter-group input,html.dark-mode .filter-group select{background:#0f172a99;border-color:#60a5fa4d;color:#e2e8f0}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea26;transform:translateY(-1px)}html.dark-mode .filter-group input:focus,html.dark-mode .filter-group select:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa33}.quick-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.quick-filters button{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(102,126,234,.3);color:#667eea;padding:10px 20px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d}html.dark-mode .quick-filters button{background:linear-gradient(135deg,#0f172ae6,#1e293bb3);border-color:#60a5fa4d;color:#60a5fa}.quick-filters button:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d}html.dark-mode .quick-filters button:hover{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 6px 20px #3b82f666}.clear-filters-button{background:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;margin-top:16px;transition:all .2s}.clear-filters-button:hover{background:#d32f2f}.report-selector{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.report-selector button{background:linear-gradient(135deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(102,126,234,.2);color:#666;padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d}html.dark-mode .report-selector button{background:linear-gradient(135deg,#0f172af2,#1e293bd9);border:2px solid rgba(96,165,250,.2);color:#94a3b8}.report-selector button:hover{border-color:#667eea99;color:#667eea;transform:translateY(-2px);box-shadow:0 6px 20px #667eea33}html.dark-mode .report-selector button:hover{border-color:#60a5fa99;color:#60a5fa}.report-selector button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 6px 24px #667eea66;transform:translateY(-2px)}html.dark-mode .report-selector button.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 6px 24px #3b82f680}.dashboard-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:40px}.summary-card{background:linear-gradient(135deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(102,126,234,.2);border-radius:16px;padding:28px;display:flex;align-items:center;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);opacity:0;transition:opacity .3s}.summary-card:hover:before{opacity:1}html.dark-mode .summary-card{background:linear-gradient(135deg,#0f172af2,#1e293bd9);border:2px solid rgba(96,165,250,.2)}.summary-card:hover{border-color:#667eea80;box-shadow:0 12px 40px #667eea40;transform:translateY(-4px) scale(1.02)}html.dark-mode .summary-card:hover{border-color:#60a5fa80;box-shadow:0 12px 40px #60a5fa4d}.summary-icon{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(102,126,234,.3));animation:floatIcon 3s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.summary-content{flex:1}.summary-label{font-size:.95rem;color:#999;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}html.dark-mode .summary-label{color:#94a3b8}.summary-value{font-size:2.2rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;line-height:1.2}html.dark-mode .summary-value{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.preview-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:28px;margin-bottom:24px;border:2px solid rgba(102,126,234,.2);box-shadow:0 4px 20px #00000014;transition:all .3s}html.dark-mode .preview-section{background:linear-gradient(135deg,#0f172af2,#1e293bd9);border:2px solid rgba(96,165,250,.2)}.preview-section:hover{box-shadow:0 8px 32px #667eea26;transform:translateY(-2px)}.preview-section h3{margin:0 0 24px;font-size:1.4rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}html.dark-mode .preview-section h3{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.preview-list{display:flex;flex-direction:column;gap:16px}.preview-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.preview-info{display:flex;justify-content:space-between;align-items:center}.preview-name{font-weight:600;color:#333}.preview-time{color:#1976d2;font-weight:600;margin-left:16px}.preview-bar{grid-column:1 / 2;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.preview-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);transition:width .3s ease;box-shadow:0 0 10px #667eea80}.preview-percentage{font-size:.9rem;color:#666;font-weight:500;text-align:right}.report-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:28px;border:2px solid rgba(102,126,234,.2);box-shadow:0 4px 20px #00000014}html.dark-mode .report-section{background:linear-gradient(135deg,#0f172af2,#1e293bd9);border:2px solid rgba(96,165,250,.2)}.report-section h3{margin:0 0 28px;font-size:1.6rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}html.dark-mode .report-section h3{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.no-data{text-align:center;color:#999;padding:60px 20px;font-size:1.1rem}.stats-table{overflow-x:auto}.stats-table table{width:100%;border-collapse:collapse}.stats-table thead{background:#f5f9ff}.stats-table th{text-align:left;padding:14px 16px;font-weight:600;color:#555;border-bottom:2px solid #e0e0e0;font-size:.95rem}.stats-table td{padding:14px 16px;border-bottom:1px solid #f0f0f0;color:#333}.stats-table tbody tr:hover{background:#fafafa}.project-name,.date-cell{font-weight:600;color:#1976d2}.tag-name{font-weight:500}.tag-badge{background:#e3f2fd;color:#1976d2;padding:4px 12px;border-radius:6px;font-size:.9rem;font-weight:600}.time-cell{font-family:Courier New,monospace;font-weight:600;color:#4caf50}.percentage-cell{display:flex;align-items:center;gap:12px}.percentage-cell span{min-width:50px;font-weight:600;color:#1976d2}.mini-bar{flex:1;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;max-width:200px}.mini-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);transition:width .3s ease;box-shadow:0 0 8px #667eea66}.daily-bar{width:100%;max-width:300px;height:24px;background:#e0e0e0;border-radius:6px;overflow:hidden}.daily-bar-fill{height:100%;background:linear-gradient(90deg,#4facfe,#00f2fe,#43e97b);transition:width .3s ease;box-shadow:0 0 10px #4facfe80}@media(max-width:768px){.filters-grid,.dashboard-summary,.preview-item{grid-template-columns:1fr}.preview-bar{grid-column:1}.stats-table{font-size:.9rem}.stats-table th,.stats-table td{padding:10px 8px}}.user-approvals-container{max-width:1200px;margin:0 auto;padding:2rem}.approvals-header{margin-bottom:2rem}.header-content{margin-bottom:1.5rem}.filter-tabs{display:flex;gap:.5rem;padding:.25rem;background:#f3f4f6;border-radius:.75rem;width:fit-content}.filter-tab{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;background:transparent;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:500;color:#6b7280;transition:all .2s}.filter-tab:hover{color:#374151;background:#e5e7eb}.filter-tab.active{background:#fff;color:#9333ea;box-shadow:0 1px 3px #0000001a}.approvals-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.stat-card.pending svg{color:#f59e0b}.stat-card.approved svg{color:#10b981}.stat-card.denied svg{color:#ef4444}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:700;color:#1f2937;line-height:1}.stat-label{font-size:.875rem;color:#6b7280;margin-top:.25rem}.users-list{display:flex;flex-direction:column;gap:1rem}.user-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;transition:all .2s;border-left:4px solid transparent}.user-card:hover{box-shadow:0 4px 6px #0000001a;transform:translate(4px)}.user-card.pending{border-left-color:#f59e0b}.user-card.approved{border-left-color:#10b981}.user-card.denied{border-left-color:#ef4444;opacity:.7}.user-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#9333ea,#ec4899);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.user-details{display:flex;flex-wrap:wrap;gap:1rem;color:#6b7280;font-size:.875rem}.detail-item{display:flex;align-items:center;gap:.375rem}.user-status{flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;text-transform:capitalize}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.approved{background:#d1fae5;color:#059669}.status-badge.denied{background:#fee2e2;color:#dc2626}.user-actions{display:flex;gap:.5rem;flex-shrink:0}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.action-btn.approve{background:#10b981;color:#fff}.action-btn.approve:hover{background:#059669;transform:scale(1.05)}.action-btn.deny{background:#ef4444;color:#fff}.action-btn.deny:hover{background:#dc2626;transform:scale(1.05)}.empty-state{text-align:center;padding:4rem 2rem;color:#6b7280}.empty-state svg{margin:0 auto 1rem;opacity:.5}.empty-state p{margin:0;font-size:1rem}.access-denied{text-align:center;padding:4rem 2rem;color:#6b7280}.access-denied svg{margin:0 auto 1rem;color:#ef4444}.access-denied h2{font-size:1.75rem;color:#374151;margin:0 0 .5rem}.access-denied p{margin:0;font-size:1rem}@media(max-width:768px){.user-card{flex-direction:column;align-items:flex-start;gap:1rem}.user-actions{width:100%}.action-btn{flex:1;justify-content:center}.approvals-stats{grid-template-columns:1fr}}.org-management-container{max-width:1400px;margin:0 auto;padding:2rem}.org-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.header-content h1{display:flex;align-items:center;gap:.75rem;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#9333ea,#ec4899,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem}.header-icon{width:32px;height:32px;color:#9333ea;-webkit-text-fill-color:initial}.subtitle{color:#6b7280;font-size:.95rem;margin:0}.org-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.org-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s;border:1px solid #e5e7eb}.org-card:hover{box-shadow:0 4px 6px #9333ea1a;transform:translateY(-2px);border-color:#9333ea}.org-card-header{display:flex;gap:1rem;margin-bottom:1.5rem}.org-avatar{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#9333ea,#ec4899);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;flex-shrink:0}.org-info{flex:1;min-width:0}.org-name{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.org-description{font-size:.875rem;color:#6b7280;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.org-actions{display:flex;gap:.5rem;flex-shrink:0}.action-btn{padding:.5rem;border:none;background:#f3f4f6;border-radius:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.action-btn:hover{transform:scale(1.1)}.action-btn.edit{color:#3b82f6}.action-btn.edit:hover{background:#dbeafe}.action-btn.delete{color:#ef4444}.action-btn.delete:hover{background:#fee2e2}.org-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.stat-item{display:flex;align-items:center;gap:.625rem}.stat-item svg{color:#9333ea;flex-shrink:0}.stat-icon{font-size:1.25rem;flex-shrink:0}.stat-value{font-size:1.25rem;font-weight:700;color:#1f2937;line-height:1}.stat-label{font-size:.75rem;color:#6b7280;margin-top:.125rem}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.empty-state svg{margin:0 auto 1.5rem;color:#9ca3af;opacity:.5}.empty-state h3{font-size:1.5rem;color:#374151;margin:0 0 .5rem}.empty-state p{color:#6b7280;margin:0 0 2rem;font-size:1rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#9333ea,#ec4899);color:#fff;border:none;border-radius:.75rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #9333ea33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px #9333ea4d}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:.75rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.loading{text-align:center;padding:4rem 2rem;font-size:1.25rem;color:#6b7280}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:1rem;max-width:500px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.close-btn{padding:.5rem;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:.5rem;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.95rem;color:#1f2937;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a}.form-group textarea{resize:vertical;min-height:80px}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}@media(max-width:768px){.org-management-container{padding:1rem}.org-header{flex-direction:column;align-items:stretch}.org-grid,.org-stats{grid-template-columns:1fr}.modal-content{max-height:95vh}}.dark-mode-toggle{background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:50px}.dark-mode-toggle:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.05) rotate(15deg)}.dark-mode-toggle:active{transform:scale(.95)}#root{width:100%;margin:0;padding:0;min-height:100vh}.app-container{max-width:1600px;margin:0 auto;padding:20px}.nav-bar{display:flex;gap:16px;margin-bottom:32px;background:#ffffff1a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:24px 40px;border-radius:24px;align-items:center;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3,0 0 0 1px #ffffff1a;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18)}html.dark-mode .nav-bar{background:#0f172a99;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a,0 0 0 1px #ffffff0d}.nav-bar:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 6s infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.nav-bar button{background:linear-gradient(135deg,#fff3,#ffffff0d);color:#fff;border:1.5px solid rgba(255,255,255,.3);padding:14px 32px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 4px 12px #0000001a}html.dark-mode .nav-bar button{background:linear-gradient(135deg,#ffffff1a,#ffffff05);color:#e2e8f0}.nav-bar button:hover{background:linear-gradient(135deg,#ffffff4d,#ffffff1a);border-color:#fff9;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #0003}.nav-bar button.active{background:linear-gradient(135deg,#fff,#f0f0f0);color:#667eea;border-color:#fffc;box-shadow:0 4px 16px #fff6,0 0 20px #667eea4d;font-weight:700;transform:translateY(-2px)}html.dark-mode .nav-bar button.active{background:linear-gradient(135deg,#fffffff2,#e2e8f0e6);color:#1e3a8a}.editable-field{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.editable-field input,.editable-field select{padding:6px 10px;border:1.5px solid #ddd;border-radius:4px;font-size:.9rem}.editable-field input:focus,.editable-field select:focus{outline:none;border-color:#1976d2}.editable-field button{padding:6px 12px;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s}.save-btn{background:#4caf50;color:#fff}.save-btn:hover{background:#45a049}.cancel-btn{background:#f44336;color:#fff}.cancel-btn:hover{background:#d32f2f}.clickable{cursor:pointer;transition:all .2s;padding:4px 8px;border-radius:4px}.clickable:hover{background:#e3f2fd}.entry-tags{background:#e3f2fd;color:#1976d2;padding:4px 10px;border-radius:6px;font-size:.9rem;font-weight:500}.entry-project{background:#fff3e0;color:#f57c00;padding:4px 10px;border-radius:6px;font-size:.9rem;font-weight:500}button:disabled{opacity:.5;cursor:not-allowed}.tags-input,.project-select{min-width:150px}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f0f2f5;--bg-accent: #e8f4fd;--text-primary: #1a1a1a;--text-secondary: #4a5568;--text-tertiary: #718096;--border-primary: #e2e8f0;--border-secondary: #edf2f7;--primary-color: #3b82f6;--primary-hover: #2563eb;--primary-light: #dbeafe;--secondary-color: #8b5cf6;--secondary-hover: #7c3aed;--secondary-light: #ede9fe;--accent-color: #06b6d4;--accent-hover: #0891b2;--accent-light: #cffafe;--success-color: #10b981;--success-hover: #059669;--success-light: #d1fae5;--error-color: #ef4444;--error-hover: #dc2626;--error-light: #fee2e2;--warning-color: #f59e0b;--warning-hover: #d97706;--warning-light: #fef3c7;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .16);--shadow-colored: 0 4px 20px rgba(59, 130, 246, .25)}html.dark-mode{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-accent: #1e3a5f;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-primary: #334155;--border-secondary: #1e293b;--primary-color: #60a5fa;--primary-hover: #93c5fd;--primary-light: #1e3a8a;--secondary-color: #a78bfa;--secondary-hover: #c4b5fd;--secondary-light: #4c1d95;--accent-color: #22d3ee;--accent-hover: #67e8f9;--accent-light: #164e63;--success-color: #34d399;--success-hover: #6ee7b7;--success-light: #064e3b;--error-color: #f87171;--error-hover: #fca5a5;--error-light: #7f1d1d;--warning-color: #fbbf24;--warning-hover: #fcd34d;--warning-light: #78350f;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-colored: 0 4px 20px rgba(96, 165, 250, .4)}html.dark-mode,html.dark-mode body,html.dark-mode #root{background:var(--bg-primary);color:var(--text-primary)}body{background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.app-container,.tracker-container,.dashboard-container,.projects-container{background:var(--bg-primary);color:var(--text-primary)}.timer-section,.entries-section,.add-project-section,.projects-section,.dashboard-filters,.report-section,.preview-section{background:var(--bg-primary)!important;border-color:var(--border-primary)!important}.entry-card,.project-card,.summary-card,.dashboard-entry,.time-editor,.shortcuts-modal{background:var(--bg-primary)!important;border-color:var(--border-primary)!important;color:var(--text-primary)!important}h1,h2,h3,h4,h5,h6{color:var(--text-primary)!important}input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),textarea,select{background:var(--bg-secondary)!important;border-color:var(--border-primary)!important;color:var(--text-primary)!important}input:focus,textarea:focus,select:focus{border-color:var(--primary-color)!important}input::placeholder,textarea::placeholder{color:var(--text-tertiary);opacity:.7}.stats-table,.entries-table{background:var(--bg-primary)}.stats-table thead,.entries-table thead{background:var(--bg-accent)!important}.stats-table tbody tr:hover,.entries-table tbody tr:hover{background:var(--bg-tertiary)!important}.stats-table td,.entries-table td{border-color:var(--border-secondary)!important;color:var(--text-primary)!important}.nav-bar{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%)!important}.active-timer{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%)!important;color:#fff!important}.recent-tasks{background:var(--bg-accent)!important;border-color:var(--border-primary)!important}.recent-task-item{background:var(--bg-secondary)!important;border-color:var(--border-primary)!important;color:var(--text-primary)!important}.recent-task-description,.recent-task-tags{color:var(--text-primary)!important}.entry-tags,.tag-badge,.project-tags-display .tag{background:var(--primary-light)!important;color:var(--primary-color)!important}.shortcuts-modal{background:var(--bg-primary)!important}.shortcuts-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%)!important}.shortcuts-footer{background:var(--bg-accent)!important;border-color:var(--border-primary)!important}.shortcut-description{color:var(--text-primary)!important}.user-email,.summary-label,.meta-label,.preview-time,.time-info,.entry-time,.entry-duration,.preview-name,.project-description,.no-entries,.no-projects,.no-data{color:var(--text-secondary)!important}.entry-main h3,.project-header h4{color:var(--text-primary)!important}.entry-content,.project-stat-card,.preview-item,.time-display{color:var(--text-primary)}.preview-bar,.mini-bar,.daily-bar{background:var(--border-primary)}html.dark-mode .entry-card:hover,html.dark-mode .project-card:hover,html.dark-mode .summary-card:hover,html.dark-mode .recent-task-item:hover{box-shadow:var(--shadow-md)}.autocomplete-suggestions{background:var(--bg-primary)!important;border-color:var(--primary-color)!important}.autocomplete-suggestions li{color:var(--text-primary)!important;border-color:var(--border-secondary)!important}.autocomplete-suggestions li:hover{background:var(--bg-accent)!important}.autocomplete-suggestions li.active{background:var(--primary-light)!important}.editable-field input,.editable-field select{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-primary)!important}.time-editor{background:var(--bg-accent)!important}.time-field label,.form-group label,.filter-group label,.datetime-group label{color:var(--text-secondary)!important}.report-selector button,.quick-filters button{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary)}.report-selector button:hover,.quick-filters button:hover{border-color:var(--primary-color);color:var(--primary-color)}.report-selector button.active{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}span,p,div,td,th,label{color:inherit}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease}button{transition:background-color .2s ease,transform .2s ease!important}