.header-timer-widget{position:relative;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-smooth);cursor:pointer}.header-timer-widget--expanded,.header-timer-widget:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);padding-right:var(--space-md)}.header-timer-widget--running{border-color:rgba(239,68,68,.3)}.header-timer-widget--running.header-timer-widget--expanded,.header-timer-widget--running:hover{border-color:rgba(239,68,68,.5);background:rgba(239,68,68,.08)}.timer-compact{display:flex;align-items:center;gap:var(--space-sm);position:relative}.timer-icon-stopwatch{color:rgba(255,255,255,.7);transition:var(--transition-fast)}.header-timer-widget--running .timer-icon-stopwatch{color:#ef4444}.timer-display{font-size:.875rem;font-weight:600;color:rgba(255,255,255,.9);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:60px}.timer-pulse{position:absolute;top:0;left:0;width:8px;height:8px;border-radius:50%;background:#ef4444;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.timer-controls{display:flex;align-items:center;gap:var(--space-xs);opacity:0;max-width:0;overflow:hidden;transition:all var(--transition-smooth)}.header-timer-widget--expanded .timer-controls,.header-timer-widget:hover .timer-controls{opacity:1;max-width:400px}.timer-control-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:rgba(255,255,255,.7);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;font-size:.75rem;font-weight:600}.timer-control-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.9)}.timer-control-btn--active{background:var(--accent-gradient);border-color:transparent;color:white}.timer-control-btn--selected{border-color:rgba(255,255,255,.3);color:rgba(255,255,255,.9)}.timer-control-label{font-size:.75rem;font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-play-stop{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:var(--radius-md);color:white;cursor:pointer;transition:var(--transition-fast);box-shadow:0 2px 8px rgba(16,185,129,.3)}.timer-play-stop:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.4)}.timer-play-stop:disabled{opacity:.4;cursor:not-allowed}.timer-play-stop--running{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px rgba(239,68,68,.3)}.timer-play-stop--running:hover:not(:disabled){box-shadow:0 4px 12px rgba(239,68,68,.4)}.timer-play-stop--pause{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px rgba(245,158,11,.3)}.timer-play-stop--pause:hover:not(:disabled){box-shadow:0 4px 12px rgba(245,158,11,.4)}.timer-play-stop--stop{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 8px rgba(107,114,128,.3)}.timer-play-stop--stop:hover:not(:disabled){box-shadow:0 4px 12px rgba(107,114,128,.4)}.project-dropdown{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.project-dropdown__header{margin-bottom:var(--space-xs);display:flex;flex-direction:column;gap:var(--space-xs)}.project-dropdown__back-btn{padding:var(--space-xs) var(--space-sm);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:rgba(255,255,255,.7);font-size:.75rem;cursor:pointer;transition:var(--transition-fast);width:fit-content}.project-dropdown__back-btn:hover{background:rgba(255,255,255,.1);color:rgba(255,255,255,.9)}.project-dropdown__step-title{padding:var(--space-xs);color:white;font-weight:600;font-size:.875rem;text-align:center;background:rgba(255,255,255,.05);border-radius:var(--radius-sm)}.project-dropdown__activity-item{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:white;text-align:left;cursor:pointer;transition:var(--transition-fast);width:100%;font-size:.8125rem;font-weight:500}.project-dropdown__activity-item:hover{background:var(--accent-gradient);border-color:transparent;transform:scale(1.02)}.project-dropdown__search{width:100%;padding:var(--space-sm);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:white;font-size:.875rem;transition:var(--transition-fast)}.project-dropdown__search:focus{outline:none;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}.project-dropdown__search::placeholder{color:rgba(255,255,255,.4)}.project-dropdown__list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-xs)}.project-dropdown__empty{padding:var(--space-lg);text-align:center;color:rgba(255,255,255,.5);font-size:.875rem}.project-dropdown__item{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:white;text-align:left;cursor:pointer;transition:var(--transition-fast);width:100%}.project-dropdown__item:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}.project-dropdown__item--selected{background:var(--accent-gradient);border-color:transparent}.project-dropdown__item-icon{font-size:1rem;flex-shrink:0}.project-dropdown__item-name{flex:1 1;font-weight:500;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-dropdown__item-type{font-size:.75rem;color:rgba(255,255,255,.6);flex-shrink:0}.project-dropdown__footer{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid rgba(255,255,255,.1)}.project-dropdown__create-btn{width:100%;padding:var(--space-sm);background:var(--accent-gradient);border:none;border-radius:var(--radius-md);color:white;font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--transition-fast)}.project-dropdown__create-btn:hover{opacity:.9}.project-dropdown__tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md);background:rgba(255,255,255,.03);padding:4px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1)}.project-dropdown__tab{flex:1 1;display:flex;align-items:center;justify-content:center;gap:3px;padding:var(--space-xs) 6px;background:transparent;border:none;border-radius:var(--radius-sm);color:rgba(255,255,255,.6);font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);min-width:0}.project-dropdown__tab:hover{color:rgba(255,255,255,.9);background:rgba(255,255,255,.05)}.project-dropdown__tab--active{background:var(--accent-gradient);color:white}.project-dropdown__tab-icon{font-size:.85rem}.project-dropdown__tab-label{white-space:nowrap}.project-dropdown__custom-activity{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);margin-top:var(--space-sm)}.project-dropdown__custom-input{flex:1 1;background:transparent;border:none;color:white;font-size:.875rem;outline:none}.project-dropdown__custom-input::placeholder{color:rgba(255,255,255,.4)}.project-dropdown__custom-submit{padding:var(--space-xs);background:var(--accent-gradient);border:none;border-radius:var(--radius-sm);color:white;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.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{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.timer-dropdown__header h3{margin:0;font-size:1rem;font-weight:600;color:white}.timer-dropdown__quick-dates{display:flex;gap:var(--space-sm)}.timer-dropdown__quick-dates button{flex:1 1;padding:var(--space-sm);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:rgba(255,255,255,.7);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.timer-dropdown__quick-dates button:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.9)}.timer-dropdown__quick-dates button.active{background:var(--accent-gradient);border-color:transparent;color:white}.timer-dropdown__time-picker{display:flex;flex-direction:column;gap:var(--space-xs)}.timer-dropdown__time-picker label{font-size:.875rem;font-weight:600;color:rgba(255,255,255,.9)}.timer-dropdown__time-input{width:100%;padding:var(--space-sm);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:white;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.timer-dropdown__time-input:focus{outline:none;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}.timer-dropdown__preview{padding:var(--space-md);background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(5,150,105,.15));border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);color:#10b981;font-size:.875rem;font-weight:600;text-align:center}.timer-dropdown__actions{display:flex;gap:var(--space-sm);margin-top:var(--space-xs)}.timer-dropdown__btn{flex:1 1;padding:var(--space-sm);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.timer-dropdown__btn--cancel{background:rgba(255,255,255,.05);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.1)}.timer-dropdown__btn--cancel:hover{background:rgba(255,255,255,.08);color:rgba(255,255,255,.9)}.timer-dropdown__btn--apply{background:var(--accent-gradient);color:white}.timer-dropdown__btn--apply:hover{opacity:.9}.timer-checkin-badge{font-weight:700;color:#4ade80;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25);border-radius:4px;letter-spacing:.05em;text-transform:uppercase}.timer-checkin-badge,.timer-segment-pill{font-size:.55rem;padding:1px 6px;white-space:nowrap}.timer-segment-pill{font-weight:600;color:rgba(139,92,246,.9);background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);border-radius:4px;max-width:150px;overflow:hidden;text-overflow:ellipsis}