.header-timer-widget{align-items:center;gap:var(--space-sm);padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-smooth);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;display:flex;position:relative}.header-timer-widget:hover,.header-timer-widget--expanded{padding-right:var(--space-md);background:#ffffff14;border-color:#fff3}.header-timer-widget--running{border-color:#ef44444d}.header-timer-widget--running:hover,.header-timer-widget--running.header-timer-widget--expanded{background:#ef444414;border-color:#ef444480}.timer-compact{align-items:center;gap:var(--space-sm);display:flex;position:relative}.timer-icon-stopwatch{color:#ffffffb3;transition:var(--transition-fast)}.header-timer-widget--running .timer-icon-stopwatch{color:#ef4444}.timer-display{color:#ffffffe6;font-variant-numeric:tabular-nums;min-width:60px;font-size:.875rem;font-weight:600}.timer-pulse{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;top:0;left:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.timer-controls{align-items:center;gap:var(--space-xs);opacity:0;max-width:0;transition:all var(--transition-smooth);display:flex;overflow:hidden}.header-timer-widget:hover .timer-controls,.header-timer-widget--expanded .timer-controls{opacity:1;max-width:400px}.timer-control-btn{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-md);color:#ffffffb3;cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;font-size:.75rem;font-weight:600;display:flex}.timer-control-btn:hover{color:#ffffffe6;background:#ffffff1a;border-color:#fff3}.timer-control-btn--active{background:var(--accent-gradient);color:#fff;border-color:#0000}.timer-control-btn--selected{color:#ffffffe6;border-color:#ffffff4d}.timer-control-label{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:.75rem;font-weight:600;overflow:hidden}.timer-play-stop{border-radius:var(--radius-md);color:#fff;cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);background:linear-gradient(135deg,#10b981,#059669);border:none;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:0 2px 8px #10b9814d}.timer-play-stop:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.timer-play-stop:disabled{opacity:.4;cursor:not-allowed}.timer-play-stop--running{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.timer-play-stop--running:hover:not(:disabled){box-shadow:0 4px 12px #ef444466}.timer-play-stop--pause{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d}.timer-play-stop--pause:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b66}.timer-play-stop--stop{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 8px #6b72804d}.timer-play-stop--stop:hover:not(:disabled){box-shadow:0 4px 12px #6b728066}.project-dropdown{gap:var(--space-sm);padding:var(--space-md);flex-direction:column;display:flex}.project-dropdown__header{margin-bottom:var(--space-xs);gap:var(--space-xs);flex-direction:column;display:flex}.project-dropdown__back-btn{padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-sm);color:#ffffffb3;cursor:pointer;transition:var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;width:fit-content;font-size:.75rem}.project-dropdown__back-btn:hover{color:#ffffffe6;background:#ffffff1a}.project-dropdown__step-title{padding:var(--space-xs);color:#fff;text-align:center;border-radius:var(--radius-sm);background:#ffffff0d;font-size:.875rem;font-weight:600}.project-dropdown__activity-item{align-items:center;gap:var(--space-xs);padding:var(--space-sm);border-radius:var(--radius-sm);color:#fff;text-align:left;cursor:pointer;transition:var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;width:100%;font-size:.8125rem;font-weight:500;display:flex}.project-dropdown__activity-item:hover{background:var(--accent-gradient);border-color:#0000;transform:scale(1.02)}.project-dropdown__search{width:100%;padding:var(--space-sm);border-radius:var(--radius-md);color:#fff;transition:var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;font-size:.875rem}.project-dropdown__search:focus{background:#ffffff14;border-color:#ffffff4d;outline:none}.project-dropdown__search::placeholder{color:#fff6}.project-dropdown__list{gap:var(--space-xs);flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.project-dropdown__empty{padding:var(--space-lg);text-align:center;color:#ffffff80;font-size:.875rem}.project-dropdown__item{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-sm);color:#fff;text-align:left;cursor:pointer;transition:var(--transition-fast);background:#ffffff08;border:1px solid #ffffff1a;width:100%;display:flex}.project-dropdown__item:hover{background:#ffffff14;border-color:#fff3}.project-dropdown__item--selected{background:var(--accent-gradient);border-color:#0000}.project-dropdown__item-icon{flex-shrink:0;font-size:1rem}.project-dropdown__item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8125rem;font-weight:500;overflow:hidden}.project-dropdown__item-type{color:#fff9;flex-shrink:0;font-size:.75rem}.project-dropdown__footer{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid #ffffff1a}.project-dropdown__create-btn{width:100%;padding:var(--space-sm);background:var(--accent-gradient);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:var(--transition-fast);border:none;font-size:.875rem;font-weight:600}.project-dropdown__create-btn:hover{opacity:.9}.project-dropdown__tabs{gap:var(--space-xs);margin-bottom:var(--space-md);border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff1a;padding:4px;display:flex}.project-dropdown__tab{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-sm);color:#fff9;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;flex:1;font-size:.8125rem;font-weight:600;display:flex}.project-dropdown__tab:hover{color:#ffffffe6;background:#ffffff0d}.project-dropdown__tab--active{background:var(--accent-gradient);color:#fff}.project-dropdown__tab-icon{font-size:1rem}.project-dropdown__tab-label{white-space:nowrap}.project-dropdown__custom-activity{align-items:center;gap:var(--space-xs);padding:var(--space-sm);border-radius:var(--radius-md);margin-top:var(--space-sm);background:#ffffff08;border:1px solid #ffffff1a;display:flex}.project-dropdown__custom-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.project-dropdown__custom-input::placeholder{color:#fff6}.project-dropdown__custom-submit{padding:var(--space-xs);background:var(--accent-gradient);border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;font-weight:600;display:flex}.project-dropdown__custom-submit:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.project-dropdown__custom-submit:disabled{opacity:.5;cursor:not-allowed}.timer-dropdown{gap:var(--space-md);padding:var(--space-md);flex-direction:column;display:flex}.timer-dropdown__header h3{color:#fff;margin:0;font-size:1rem;font-weight:600}.timer-dropdown__quick-dates{gap:var(--space-sm);display:flex}.timer-dropdown__quick-dates button{padding:var(--space-sm);border-radius:var(--radius-md);color:#ffffffb3;cursor:pointer;transition:var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;flex:1;font-size:.875rem;font-weight:500}.timer-dropdown__quick-dates button:hover{color:#ffffffe6;background:#ffffff14;border-color:#fff3}.timer-dropdown__quick-dates button.active{background:var(--accent-gradient);color:#fff;border-color:#0000}.timer-dropdown__time-picker{gap:var(--space-xs);flex-direction:column;display:flex}.timer-dropdown__time-picker label{color:#ffffffe6;font-size:.875rem;font-weight:600}.timer-dropdown__time-input{width:100%;padding:var(--space-sm);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;font-size:1rem;font-weight:500}.timer-dropdown__time-input:focus{background:#ffffff14;border-color:#ffffff4d;outline:none}.timer-dropdown__preview{padding:var(--space-md);border-radius:var(--radius-md);color:#10b981;text-align:center;background:linear-gradient(135deg,#10b98126,#05966926);border:1px solid #10b9814d;font-size:.875rem;font-weight:600}.timer-dropdown__actions{gap:var(--space-sm);margin-top:var(--space-xs);display:flex}.timer-dropdown__btn{padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:none;flex:1;font-size:.875rem;font-weight:600}.timer-dropdown__btn--cancel{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff1a}.timer-dropdown__btn--cancel:hover{color:#ffffffe6;background:#ffffff14}.timer-dropdown__btn--apply{background:var(--accent-gradient);color:#fff}.timer-dropdown__btn--apply:hover{opacity:.9}
