:root,[data-theme=light]{--bg-primary:#f5f6fa;--bg-secondary:#fff;--bg-tertiary:#eef0f5;--text-primary:#1a1a2e;--text-secondary:#555770;--text-muted:#8e90a6;--border:#dde0ea;--accent:#4a90d9;--accent-hover:#3a7bc8;--danger:#e85d75;--danger-hover:#d94a63;--success:#50b86c;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--radius:12px;--radius-sm:8px}[data-theme=dark]{--bg-primary:#12121a;--bg-secondary:#1c1c2e;--bg-tertiary:#252540;--text-primary:#e8e8f0;--text-secondary:#a8a8c0;--text-muted:#6e6e8a;--border:#2e2e48;--accent:#5a9fe6;--accent-hover:#4a8fd6;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;touch-action:pan-y;-webkit-text-size-adjust:100%;font-size:16px;overflow-x:hidden}body{background:var(--bg-primary);color:var(--text-primary);overscroll-behavior-y:none;touch-action:pan-y;-webkit-overflow-scrolling:touch;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}#root{min-height:100vh;padding-bottom:env(safe-area-inset-bottom,0)}.app{flex-direction:column;min-height:100vh;display:flex}.main{width:100%;max-width:1200px;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,40px));flex:1;margin:0 auto}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:100;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex;position:sticky;top:0}.header__left{align-items:baseline;gap:12px;min-width:0;display:flex}.header__title{color:var(--accent);letter-spacing:-.5px;white-space:nowrap;font-size:1.3rem;font-weight:700;line-height:0}.header__logo-img{width:auto;height:30px;display:block}.header__date{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.header__right{flex-shrink:0;align-items:center;gap:6px;display:flex}.header__nav--desktop{align-items:center;gap:2px;display:flex}.header__nav-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:7px 14px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .15s}.header__nav-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.header__nav-btn--active{background:var(--accent);color:#fff}.header__nav-btn--active:hover{background:var(--accent-hover);color:#fff}.header__mobile-nav{display:none;position:relative}.header__hamburger{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;padding:0;display:flex}.header__hamburger-line{background:var(--text-secondary);border-radius:1px;width:18px;height:2px;display:block}.header__dark-toggle{border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;transition:all .15s;display:flex}.header__dark-toggle:hover{background:var(--bg-tertiary);border-color:var(--accent)}.header__user-menu{position:relative}.header__avatar{background:var(--accent);color:#fff;cursor:pointer;letter-spacing:.5px;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;font-size:.75rem;font-weight:700;transition:opacity .15s;display:flex}.header__avatar:hover{opacity:.85}.header__dropdown{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md,0 4px 20px #00000026);z-index:300;min-width:200px;animation:.12s ease-out dropdown-in;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.header__dropdown-header{flex-direction:column;gap:2px;padding:14px 16px;display:flex}.header__dropdown-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.header__dropdown-email{color:var(--text-muted);font-size:.8rem}.header__dropdown-role{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:.72rem;font-weight:600}.header__dropdown-divider{background:var(--border);height:1px}.header__dropdown-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:10px 16px;font-family:inherit;font-size:.88rem;transition:background .1s;display:block}.header__dropdown-item:hover{background:var(--bg-tertiary)}.header__dropdown-item--active{color:var(--accent);font-weight:600}.header__dropdown-item--danger{color:var(--danger)}.header__dropdown-item--danger:hover{background:#e85d7514}.active-bar{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:12px;min-height:56px;margin-bottom:20px;padding:12px 20px;display:flex}.active-bar__indicator{border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.active-bar__info{flex:1;align-items:center;gap:10px;display:flex}.active-bar__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.active-bar__label--idle{color:var(--text-muted);text-transform:none;font-weight:400}.active-bar__task{color:var(--text-primary);font-size:1.1rem;font-weight:600}.active-bar__timer{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:700}.reorder-banner{background:var(--accent);color:#fff;border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 18px;font-size:.9rem;font-weight:600;animation:.2s reorder-in;display:flex}@keyframes reorder-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.reorder-done-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#fff3;border:1px solid #fff6;padding:6px 18px;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .15s}.reorder-done-btn:hover{background:#ffffff59}.task-utility-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.task-utility-row__breaks{gap:8px;display:flex}.break-btn{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .15s;display:inline-flex}.break-btn:hover{border-color:var(--accent);color:var(--text-primary)}.break-btn--active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--bg-secondary));color:var(--accent);font-weight:600}.break-btn--overtime{border-color:var(--danger);color:var(--danger);animation:1.5s ease-in-out infinite pulse-overtime}.break-btn__icon{font-size:1rem;line-height:1}.break-btn__label{line-height:1}.break-btn__timer{font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700}.break-btn__duration{opacity:.6;font-size:.7rem}.reorder-toggle-btn{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;align-items:center;gap:4px;padding:5px 14px;font-family:inherit;font-size:.8rem;transition:all .15s;display:inline-flex}.reorder-toggle-btn:hover{color:var(--text-primary);border-color:var(--accent)}.task-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:12px;display:grid}.task-grid__slot{transition:transform .15s,opacity .15s}.task-grid__slot--dragging{opacity:.4;transform:scale(.95)}.task-grid__slot--over{transform:scale(1.04)}.task-grid__slot--reorder{cursor:grab;animation:.3s wiggle}.task-grid__slot--reorder:active{cursor:grabbing}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.task-panel{border-radius:var(--radius);cursor:pointer;min-height:100px;box-shadow:var(--shadow-sm);text-align:center;border:3px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px 16px;font-family:inherit;transition:all .15s;display:flex;position:relative}.task-panel:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.task-panel:active{transform:translateY(0)}.task-panel--active{box-shadow:var(--shadow-lg);border-width:3px;animation:2s ease-in-out infinite activeGlow;transform:scale(1.02)}@keyframes activeGlow{0%,to{box-shadow:var(--shadow-lg)}50%{box-shadow:0 4px 20px #0003,0 0 0 3px #fff3}}.task-panel__name{letter-spacing:-.2px;font-size:1.05rem;font-weight:600}.task-panel__timer{font-variant-numeric:tabular-nums;margin-top:2px;font-size:1.3rem;font-weight:700}.task-panel__shortcut{opacity:.5;font-size:.7rem;font-weight:600;position:absolute;top:6px;left:8px}.task-panel__edit{cursor:pointer;opacity:0;background:0 0;border:none;padding:4px;font-size:.9rem;transition:opacity .15s;position:absolute;top:4px;right:6px}.task-panel:hover .task-panel__edit{opacity:.7}.task-panel__edit:hover{opacity:1!important}.task-panel__note{opacity:.85;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.75rem;overflow:hidden}.task-panel__timer-badge{opacity:.6;letter-spacing:.5px;font-size:.7rem;font-weight:700;position:absolute;top:6px;left:8px}.task-panel__countdown{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.task-panel__countdown-label{text-transform:uppercase;letter-spacing:1px;opacity:.7;font-size:.65rem;font-weight:700}.task-panel__timer--overtime{animation:1s ease-in-out infinite pulse-overtime;color:#ff5252!important}@keyframes pulse-overtime{0%,to{opacity:1}50%{opacity:.6}}.task-panel--overtime{animation:2s ease-in-out infinite border-flash}@keyframes border-flash{0%,to{border-color:#ff5252}50%{border-color:#ff52524d}}.task-panel__progress{background:#00000026;border-radius:2px;width:80%;height:3px;margin-top:4px;overflow:hidden}.task-panel__progress-fill{border-radius:2px;height:100%;transition:width 1s linear}.task-panel--reorder{cursor:grab;border-style:dashed!important;border-color:#ffffff80!important}.task-panel__drag-handle{opacity:.7;-webkit-user-select:none;user-select:none;letter-spacing:2px;font-size:1.4rem;line-height:1}.note-prompt-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;justify-content:center;align-items:flex-start;padding-top:20vh;display:flex;position:fixed;inset:0}.note-prompt{background:var(--bg-secondary);border-radius:var(--radius);width:90%;max-width:420px;box-shadow:var(--shadow-lg);border-top:4px solid var(--accent);padding:20px 24px}.note-prompt__header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.note-prompt__badge{border-radius:6px;padding:4px 12px;font-size:.85rem;font-weight:600}.note-prompt__label{color:var(--text-secondary);font-size:.95rem}.note-prompt__input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);width:100%;color:var(--text-primary);margin-bottom:12px;padding:10px 14px;font-family:inherit;font-size:.95rem}.note-prompt__input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4a90d926}.note-prompt__actions{justify-content:flex-end;gap:8px;display:flex}.task-panel--add{background:var(--bg-secondary);border:2px dashed var(--border);color:var(--text-muted)}.task-panel--add:hover{border-color:var(--accent);color:var(--accent)}.task-panel__add-icon{font-size:1.8rem;font-weight:300;line-height:1}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .15s;display:inline-flex}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover)}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn--secondary:hover{background:var(--border)}.btn--accent{color:#fff;background:#2e7d32;font-weight:600}.btn--accent:hover{background:#1b5e20}.btn--stop{background:var(--danger);color:#fff;font-weight:600}.btn--stop:hover{background:var(--danger-hover)}.btn--resume{background:var(--success);color:#fff;font-weight:600}.btn--resume:hover{opacity:.9}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover{background:var(--danger-hover)}.btn--danger-outline{color:var(--danger);border:1px solid var(--danger);background:0 0}.btn--danger-outline:hover{background:var(--danger);color:#fff}.btn--small{padding:4px 10px;font-size:.8rem}.btn--icon{color:var(--text-muted);background:0 0;border:none;padding:4px 6px;font-size:.85rem}.btn--icon:hover{color:var(--text-primary)}.btn--icon-danger:hover{color:var(--danger)}.btn--lg{padding:12px 28px;font-size:1rem}.btn--full{justify-content:center;width:100%}.btn--link{color:var(--primary);cursor:pointer;opacity:.8;background:0 0;border:none;padding:.5rem;font-size:.85rem;text-decoration:underline}.btn--link:hover{opacity:1}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border-radius:var(--radius);width:90%;max-width:440px;box-shadow:var(--shadow-lg);padding:28px}.modal h2{margin-bottom:20px;font-size:1.2rem}.modal__actions{justify-content:space-between;align-items:center;gap:8px;margin-top:20px;display:flex}.modal__actions-right{gap:8px;display:flex}.field{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.field>span{color:var(--text-secondary);font-size:.85rem;font-weight:500}.field input[type=text],.field input[type=number],.field input[type=datetime-local],.field select,.field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);padding:8px 12px;font-family:inherit;font-size:.95rem;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4a90d926}.field textarea{resize:vertical}.field__hint{color:var(--text-muted);font-size:.8rem}.field--checkbox{flex-direction:row;align-items:center;gap:8px}.field--checkbox input{width:18px;height:18px;accent-color:var(--accent)}.color-picker{flex-wrap:wrap;gap:6px;display:flex}.color-swatch{cursor:pointer;border:3px solid #0000;border-radius:8px;width:32px;height:32px;transition:all .1s}.color-swatch:hover{transform:scale(1.15)}.color-swatch--selected{border-color:var(--text-primary);transform:scale(1.15)}.dashboard__bottom{grid-template-columns:1fr 320px;align-items:start;gap:20px;display:grid}.dashboard__sidebar{flex-direction:column;gap:16px;display:flex}.session-log{background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.session-log--empty{color:var(--text-muted);text-align:center;padding:40px 20px}.session-log h3{color:var(--text-secondary);margin-bottom:12px;font-size:1rem}.session-log__list{flex-direction:column;gap:6px;display:flex}.session-row{border-radius:var(--radius-sm);background:var(--bg-primary);grid-template-columns:180px 1fr auto auto auto;align-items:center;gap:10px;padding:8px 10px;font-size:.88rem;display:grid}.session-row:hover{background:var(--bg-tertiary)}.session-row__time{color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.session-row__task{font-weight:500}.session-row__duration{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.session-row__note{color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:4px;width:120px;padding:2px 6px;font-family:inherit;font-size:.82rem}.session-row__note:focus{border-color:var(--border);background:var(--bg-secondary);color:var(--text-primary);outline:none}.session-row__actions{opacity:0;gap:2px;transition:opacity .15s;display:flex}.session-row:hover .session-row__actions{opacity:1}.session-row--editing{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:12px}.session-row__edit-fields{gap:12px;margin-bottom:8px;display:flex}.session-row__edit-fields label{color:var(--text-secondary);flex-direction:column;gap:2px;font-size:.8rem;display:flex}.session-row__edit-fields input{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);border-radius:4px;padding:4px 8px;font-family:inherit;font-size:.85rem}.session-row__edit-actions{gap:6px;display:flex}.daily-note{background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px}.daily-note h3{color:var(--text-secondary);margin-bottom:8px;font-size:.95rem}.daily-note textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);width:100%;color:var(--text-primary);resize:vertical;padding:8px 12px;font-family:inherit;font-size:.9rem}.daily-note textarea:focus{border-color:var(--accent);outline:none}.manual-entry{background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px}.manual-entry h4{color:var(--text-secondary);margin-bottom:12px;font-size:.95rem}.summary{max-width:800px;margin:0 auto}.summary__date-nav{justify-content:center;align-items:center;gap:12px;margin-bottom:24px;padding:12px 0;display:flex}.summary__date-center{flex-direction:column;align-items:center;gap:4px;min-width:200px;display:flex}.summary__date-title{color:var(--text-primary);white-space:nowrap;margin:0;font-size:1.15rem;font-weight:700}.summary__date-picker{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:center;padding:4px 10px;font-family:inherit;font-size:.8rem}.summary__date-picker::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.summary__date-today-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--accent);background:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:8px;padding:1px 8px;font-size:.68rem;font-weight:700}.summary__date-arrow{border:1px solid var(--border);background:var(--bg-secondary);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;transition:all .15s;display:flex}.summary__date-arrow:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.summary__date-arrow:disabled{opacity:.3;cursor:not-allowed}.summary--empty{text-align:center;color:var(--text-muted);padding:60px 20px}.summary h2{margin-bottom:24px;font-size:1.3rem}.summary h3{color:var(--text-secondary);margin-bottom:12px;font-size:1rem}.summary__totals{background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px}.summary__bars{flex-direction:column;gap:10px;display:flex}.summary__bar-row{grid-template-columns:120px 1fr 70px;align-items:center;gap:12px;display:grid}.summary__bar-label{text-align:right;font-size:.9rem;font-weight:500}.summary__bar-track{background:var(--bg-tertiary);border-radius:12px;height:24px;overflow:hidden}.summary__bar-fill{border-radius:12px;min-width:4px;height:100%;transition:width .3s}.summary__bar-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:600}.summary__grand-total{border-top:1px solid var(--border);justify-content:space-between;margin-top:16px;padding-top:12px;font-size:.95rem;display:flex}.summary__gap{color:var(--text-muted)}.summary__log{background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px;overflow-x:auto}.summary__table{border-collapse:collapse;width:100%;font-size:.88rem}.summary__table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:8px 10px;font-size:.82rem;font-weight:500}.summary__table td{border-bottom:1px solid var(--bg-tertiary);padding:8px 10px}.summary__note-cell{color:var(--text-muted);font-size:.82rem}.summary__actions{background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px}.summary__action-btns{flex-wrap:wrap;gap:8px;display:flex}.summary__email-preview{background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px}.summary__email-preview pre{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:pre-wrap;color:var(--text-primary);padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;font-size:.85rem;line-height:1.6}.summary__email-actions{gap:8px;margin-top:12px;display:flex}.summary__notes{background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.summary__notes p{color:var(--text-secondary)}.settings{max-width:600px;margin:0 auto}.settings h2{margin-bottom:24px;font-size:1.3rem}.settings__section{background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:20px}.settings__section h3{color:var(--text-secondary);border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:8px;font-size:1rem}.settings__shortcuts{flex-direction:column;gap:6px;display:flex}.shortcut-row{color:var(--text-secondary);align-items:center;gap:6px;font-size:.9rem;display:flex}.shortcut-row kbd{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;padding:2px 6px;font-family:inherit;font-size:.8rem;font-weight:600}.settings__info{color:var(--text-muted);margin-bottom:12px;font-size:.88rem}@media (width<=768px){.main{padding:16px}.header{padding:10px 14px}.header__left{gap:8px}.header__title{font-size:1.1rem}.header__date,.header__nav--desktop{display:none}.header__mobile-nav{display:block}.task-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.task-panel{min-height:80px;padding:14px 10px}.dashboard__bottom{grid-template-columns:1fr}.session-row{grid-template-columns:1fr;gap:4px}.session-row__actions{opacity:1}.summary__bar-row{grid-template-columns:80px 1fr 60px}.backdate__form-row{flex-direction:column}}.backdate{max-width:800px;margin:0 auto}.backdate h2{margin-bottom:8px;font-size:1.3rem}.backdate__desc{color:var(--text-muted);margin-bottom:20px;font-size:.9rem}.backdate__date-picker{max-width:250px;margin-bottom:20px}.backdate__date-heading{color:var(--text-primary);margin-bottom:16px;font-size:1.1rem}.backdate__form{background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:16px}.backdate__form-row{align-items:flex-end;gap:12px;display:flex}.backdate__form-row .field{flex:1;margin-bottom:0}.backdate__add-btn{flex-shrink:0;height:38px}.backdate__entries{background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.backdate__entries h3{color:var(--text-secondary);margin-bottom:12px;font-size:1rem}.session-row__note-text{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.82rem;overflow:hidden}.backdate__totals{border-top:1px solid var(--border);flex-direction:column;gap:4px;margin-top:16px;padding-top:12px;display:flex}.backdate__total-row{color:var(--text-secondary);justify-content:space-between;font-size:.9rem;display:flex}.backdate__total-value{color:var(--accent);font-weight:600}.backdate__total-row--grand{color:var(--text-primary);border-top:1px solid var(--border);margin-top:4px;padding-top:6px;font-weight:700}.backdate__total-row--gap{color:var(--text-muted)}.backdate__note{margin-top:16px}.backdate__export{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.auth-screen{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--bg-secondary);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow-lg);text-align:center;padding:40px}.auth-logo{width:auto;height:48px;margin:0 auto 10px;display:block}.auth-title{color:var(--accent);letter-spacing:-.5px;margin-bottom:8px;font-size:1.8rem;font-weight:700}.auth-subtitle{color:var(--text-muted);margin-bottom:28px;font-size:.95rem;font-style:italic}.auth-form{text-align:left}.auth-form .field{margin-bottom:16px}.auth-error{color:var(--danger);margin-bottom:12px;font-size:.85rem}.auth-hint{color:var(--text-muted);text-align:center;margin-top:14px;font-size:.82rem}.auth-success-msg{color:var(--success,#50b86c);text-align:center;margin-bottom:12px;font-size:.85rem}.auth-links{flex-direction:column;align-items:center;gap:4px;margin-top:8px;display:flex}.auth-success{padding:20px 0}.auth-success__icon{margin-bottom:12px;font-size:2.5rem}.auth-success h2{margin-bottom:8px;font-size:1.2rem}.auth-success p{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem;line-height:1.5}.tag-selector{align-items:center;gap:8px;margin-bottom:8px;display:flex}.tag-selector--compact{margin-bottom:4px}.tag-selector__label{color:var(--text-muted);white-space:nowrap;min-width:50px;font-size:.78rem;font-weight:600}.tag-selector--compact .tag-selector__label{min-width:40px;font-size:.72rem}.tag-selector__chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tag-chip{background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:20px;padding:4px 12px;font-family:inherit;font-size:.78rem;font-weight:500;transition:all .15s}.tag-selector--compact .tag-chip{padding:2px 10px;font-size:.72rem}.tag-chip:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border)}.tag-chip--selected{font-weight:600}.tag-chip--clear{color:var(--text-muted);padding:4px 8px;font-size:.9rem}.tag-chip--add{color:var(--accent);border:1.5px dashed var(--border);padding:4px 10px;font-weight:700}.tag-chip--add:hover{border-color:var(--accent)}.tag-chip--confirm{color:var(--success);padding:4px 8px;font-size:.9rem}.tag-selector__add-input{align-items:center;gap:2px;display:inline-flex}.tag-selector__add-input input{border:1px solid var(--border);background:var(--bg-primary);width:100px;color:var(--text-primary);border-radius:12px;padding:3px 8px;font-family:inherit;font-size:.78rem}.tag-badge{color:var(--text-secondary);white-space:nowrap;background:0 0;border:1px solid;border-radius:10px;padding:1px 8px;font-size:.7rem;font-weight:500;display:inline-block}.session-row__tag-badges{flex-wrap:wrap;gap:4px;padding:0 0 6px;display:flex}.session-row__tags-panel{border-top:1px solid var(--border);padding:8px 0}.session-row-wrapper{border-bottom:1px solid var(--border);padding-bottom:4px}.session-row-wrapper:last-child{border-bottom:none}.session-row__status-badge{white-space:nowrap;border:1px solid;border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:.68rem;font-weight:600;display:inline-block}.active-bar__tags{border-top:1px solid var(--border);width:100%;padding:8px 12px 4px}.active-bar__tags-preview{gap:4px;margin-left:8px;display:inline-flex}.active-bar__tag-badge{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:10px;padding:1px 8px;font-size:.7rem;font-weight:500}.btn--tag-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;padding:4px 10px;font-family:inherit;font-size:.78rem}.btn--tag-toggle:hover{border-color:var(--accent);color:var(--accent)}.session-outcome__header{margin-bottom:16px}.session-outcome__header h3{margin:0 0 4px;font-size:1.1rem}.session-outcome__meta{color:var(--text-muted);font-size:.88rem}.session-outcome__body{flex-direction:column;gap:12px;display:flex}.session-outcome__completed{font-size:1rem;font-weight:600}.summary__charts{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}@media (width<=768px){.summary__charts{grid-template-columns:1fr}}.chart-bar{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.chart-bar__title{color:var(--text-primary);margin:0 0 12px;font-size:.9rem;font-weight:600}.chart-bar__rows{flex-direction:column;gap:8px;display:flex}.chart-bar__row{grid-template-columns:120px 1fr 70px;align-items:center;gap:8px;display:grid}.chart-bar__label{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.chart-bar__track{background:var(--bg-tertiary);border-radius:8px;height:16px;overflow:hidden}.chart-bar__fill{border-radius:8px;min-width:4px;height:100%;transition:width .3s}.chart-bar__value{color:var(--text-primary);text-align:right;font-size:.78rem;font-weight:600}.chart-stacked{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;padding:16px}.chart-stacked__title{color:var(--text-primary);margin:0 0 10px;font-size:.9rem;font-weight:600}.chart-stacked__bar{background:var(--bg-tertiary);border-radius:12px;height:24px;display:flex;overflow:hidden}.chart-stacked__segment{height:100%;transition:width .3s}.chart-stacked__legend{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.chart-stacked__legend-item{color:var(--text-secondary);align-items:center;gap:4px;font-size:.78rem;display:flex}.chart-stacked__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chart-status-counts{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.chart-status-count{border-radius:var(--radius);background:var(--bg-secondary);border:1.5px solid;flex-direction:column;align-items:center;min-width:80px;padding:10px 16px;display:flex}.chart-status-count__number{font-size:1.4rem;font-weight:700}.chart-status-count__label{text-align:center;white-space:nowrap;font-size:.68rem;font-weight:500}.summary__section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:16px}.summary__section h3{margin:0 0 12px;font-size:.95rem}.summary__followup-item{border-bottom:1px solid var(--border);padding:8px 0;font-size:.88rem}.summary__followup-item:last-child{border-bottom:none}.summary__followup-status{color:var(--text-muted)}.summary__followup-detail{color:var(--text-secondary);margin-top:2px;padding-left:8px;font-size:.82rem}.field__hint{color:var(--text-muted);margin-top:4px;font-size:.75rem;display:block}.tag-list-editor__items{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.tag-list-editor__item{border-radius:var(--radius-sm);background:var(--bg-tertiary);align-items:center;gap:8px;padding:6px 8px;display:flex}.tag-list-editor__color{border-radius:50%;flex-shrink:0;width:12px;height:12px}.tag-list-editor__value{color:var(--text-primary);flex:1;font-size:.85rem}.tag-list-editor__default{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-secondary);border-radius:8px;padding:1px 6px;font-size:.65rem;font-weight:600}.tag-list-editor__input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);flex:1;padding:4px 8px;font-family:inherit;font-size:.85rem}.tag-list-editor__add{gap:6px;display:flex}.tag-list-editor__add input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);flex:1;padding:6px 10px;font-family:inherit;font-size:.85rem}.bug-fab{bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--bg-secondary);border:1.5px solid var(--border);cursor:pointer;z-index:500;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;transition:all .15s;display:flex;position:fixed;right:20px;box-shadow:0 2px 12px #00000026}.bug-fab:hover{border-color:var(--accent);transform:scale(1.08);box-shadow:0 4px 16px #0003}.bug-modal-overlay{z-index:600;background:#0006;justify-content:center;align-items:flex-end;padding:20px;display:flex;position:fixed;inset:0}@media (width>=500px){.bug-modal-overlay{align-items:center}}.bug-modal{background:var(--bg-secondary);border-radius:var(--radius);width:100%;max-width:420px;max-height:90vh;padding:24px;animation:.15s ease-out dropdown-in;overflow-y:auto;box-shadow:0 8px 30px #00000040}.bug-modal__title{margin:0 0 4px;font-size:1.1rem}.bug-modal__desc{color:var(--text-muted);margin:0 0 16px;font-size:.85rem}.bug-severity-options{gap:6px;display:flex}.bug-severity-btn{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;flex:1;padding:6px 10px;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .15s}.bug-severity-btn--active.bug-severity-btn--low{color:#50b86c;background:#50b86c1a;border-color:#50b86c}.bug-severity-btn--active.bug-severity-btn--medium{color:#f5a623;background:#f5a6231a;border-color:#f5a623}.bug-severity-btn--active.bug-severity-btn--high{color:#e85d75;background:#e85d751a;border-color:#e85d75}.bug-modal__meta{color:var(--text-muted);margin-bottom:16px;font-size:.72rem}.bug-modal__success{text-align:center;color:#50b86c;padding:30px 0;font-size:1rem;font-weight:600}.loading-screen{background:var(--bg-primary);min-height:100vh;color:var(--text-muted);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.manager{max-width:1000px;margin:0 auto}.manager__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.manager__header h2{font-size:1.3rem}.manager__stats{gap:20px;display:flex}.manager__stat{text-align:center}.manager__stat-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700;display:block}.manager__stat-value--active{color:var(--success)}.manager__stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.manager__date-picker{align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.manager__date-picker .field{max-width:200px;margin-bottom:0}.manager__date-label{color:var(--text-secondary);padding-bottom:8px;font-size:.9rem}.manager__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.manager__loading,.manager__empty{color:var(--text-muted);text-align:center;grid-column:1/-1;padding:40px}.manager__detail{flex-direction:column;gap:16px;display:flex}.manager__detail-name{font-size:1.2rem}.manager__detail-totals,.manager__detail-log{background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.manager__detail-totals h4,.manager__detail-log h4{color:var(--text-secondary);margin-bottom:12px;font-size:1rem}.employee-card{background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer;border-left:4px solid var(--border);padding:16px;transition:all .15s}.employee-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.employee-card--active{border-left-color:var(--success)}.employee-card__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.employee-card__status{align-items:center;gap:8px;display:flex}.employee-card__dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:10px;height:10px}.employee-card__dot--active{background:var(--success);animation:1.5s ease-in-out infinite pulse}.employee-card__name{font-size:.95rem;font-weight:600}.employee-card__sessions{color:var(--text-muted);font-size:.75rem}.employee-card__active{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.employee-card__task-name{color:var(--accent);font-weight:500}.employee-card__task-note{color:var(--text-muted);font-size:.8rem}.employee-card__timer{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700}.employee-card__idle{color:var(--text-muted);margin-bottom:8px;font-size:.85rem}.employee-card__footer{border-top:1px solid var(--border);padding-top:8px}.employee-card__total{color:var(--text-secondary);font-size:.82rem;font-weight:500}.admin{max-width:1000px;margin:0 auto}.admin h2{margin-bottom:16px;font-size:1.3rem}.admin__tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;padding-bottom:0;display:flex}.admin__tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .15s}.admin__tab:hover{color:var(--text-primary)}.admin__tab--active{color:var(--accent);border-bottom-color:var(--accent)}.team-editor__layout{grid-template-columns:280px 1fr;align-items:start;gap:20px;display:grid}.team-editor__sidebar{background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px}.team-editor__sidebar h3{color:var(--text-secondary);margin-bottom:12px;font-size:1rem}.team-editor__list{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.team-editor__team-item{border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;padding:8px 10px;transition:background .1s;display:flex}.team-editor__team-item:hover{background:var(--bg-tertiary)}.team-editor__team-item--selected{background:var(--bg-tertiary);border-left:3px solid var(--accent)}.team-editor__team-name{flex:1;font-size:.9rem;font-weight:500}.team-editor__team-actions{opacity:0;gap:2px;transition:opacity .15s;display:flex}.team-editor__team-item:hover .team-editor__team-actions{opacity:1}.team-editor__rename{align-items:center;gap:4px;width:100%;display:flex}.team-editor__rename input{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);border-radius:4px;flex:1;padding:4px 8px;font-family:inherit;font-size:.85rem}.team-editor__add-team{gap:6px;display:flex}.team-editor__add-team input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);flex:1;padding:6px 10px;font-family:inherit;font-size:.85rem}.team-editor__tasks{background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.team-editor__tasks h3{margin-bottom:4px;font-size:1rem}.team-editor__hint{color:var(--text-muted);margin-bottom:16px;font-size:.82rem}.team-editor__task-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.team-editor__task-row{background:var(--bg-primary);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px;display:flex}.team-editor__task-color{border-radius:6px;flex-shrink:0;width:20px;height:20px}.team-editor__task-row .team-editor__task-name{flex:1;font-size:.9rem;font-weight:500}.team-editor__task-colors{gap:3px;display:flex}.color-swatch--mini{border:2px solid #0000;border-radius:4px;width:18px;height:18px}.color-picker--inline{gap:3px;display:flex}.team-editor__add-task{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.team-editor__add-task input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);min-width:140px;color:var(--text-primary);flex:1;padding:6px 10px;font-family:inherit;font-size:.85rem}.team-editor__empty{color:var(--text-muted);text-align:center;padding:40px}.user-table h3{color:var(--text-secondary);margin-bottom:16px;font-size:1rem}.user-table__grid{background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.user-table__header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);grid-template-columns:1fr 1.5fr 120px 140px;gap:12px;padding:10px 16px;font-size:.8rem;font-weight:600;display:grid}.user-table__row{border-bottom:1px solid var(--bg-tertiary);grid-template-columns:1fr 1.5fr 120px 140px;align-items:center;gap:12px;padding:10px 16px;font-size:.88rem;display:grid}.user-table__row--saving{opacity:.5}.user-table__name{font-weight:500}.user-table__email{color:var(--text-secondary);font-size:.82rem}.user-table__select{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);border-radius:4px;padding:4px 8px;font-family:inherit;font-size:.82rem}.user-table__empty{text-align:center;color:var(--text-muted);padding:30px}.invite-form h3{margin-bottom:8px;font-size:1rem}.invite-form__desc{color:var(--text-muted);margin-bottom:20px;font-size:.88rem}.invite-form__form{background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);max-width:480px;padding:20px}.invite-form__result{border-radius:var(--radius-sm);margin-top:12px;padding:10px 14px;font-size:.88rem}.invite-form__result--success{color:var(--success);background:#50b86c1a;border:1px solid #50b86c4d}.invite-form__result--error{color:var(--danger);background:#e85d751a;border:1px solid #e85d754d}.end-my-day-btn{color:#fff;border-radius:var(--radius);cursor:pointer;background:linear-gradient(135deg,#2e7d32,#43a047);border:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:20px;padding:14px 24px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #2e7d324d}.end-my-day-btn:hover{background:linear-gradient(135deg,#1b5e20,#2e7d32);transform:translateY(-1px);box-shadow:0 4px 14px #2e7d3266}.end-my-day-btn:active{transform:translateY(0)}.eod-overlay{z-index:200;background:#00000080;justify-content:center;align-items:flex-start;padding:40px 16px;animation:.15s fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.eod-modal{background:var(--bg-secondary);border-radius:var(--radius);width:100%;max-width:600px;animation:.2s slide-up;box-shadow:0 8px 40px #0000004d}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.eod-modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.eod-modal__header h2{margin:0;font-size:1.3rem}.eod-modal__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.6rem;line-height:1}.eod-modal__close:hover{color:var(--text-primary)}.eod-modal__stats{flex-wrap:wrap;gap:16px;padding:20px 24px;display:flex}.eod-modal__stat{background:var(--bg-tertiary);border-radius:var(--radius-sm);flex-direction:column;flex:1;align-items:center;gap:2px;min-width:70px;padding:12px;display:flex}.eod-modal__stat--warn{background:#e85d751a;border:1px solid #e85d7533}.eod-modal__stat-value{color:var(--text-primary);font-size:1.3rem;font-weight:700}.eod-modal__stat--warn .eod-modal__stat-value{color:var(--danger)}.eod-modal__stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.eod-modal__warnings{margin-bottom:8px;padding:0 24px}.eod-modal__warning{border-radius:var(--radius-sm);color:var(--text-primary);background:#ffc1071a;border:1px solid #ffc1074d;margin-bottom:8px;padding:10px 14px;font-size:.88rem}.eod-modal__warning-hint{color:var(--text-muted);margin:4px 0 0;font-size:.8rem;font-style:italic}.eod-modal__preview{padding:0 24px 16px}.eod-modal__preview h3{color:var(--text-muted);margin-bottom:8px;font-size:.9rem}.eod-modal__preview pre{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:pre-wrap;color:var(--text-primary);max-height:280px;padding:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;font-size:.82rem;line-height:1.5;overflow-y:auto}.eod-modal__actions{flex-direction:column;gap:10px;padding:16px 24px 24px;display:flex}.eod-modal__sent{text-align:center;color:#2e7d32;padding:16px;font-size:1.1rem;font-weight:600}@media (width<=768px){.eod-overlay{padding:20px 12px}.eod-modal__stats{gap:10px;padding:16px}.eod-modal__stat{padding:10px 8px}.eod-modal__preview,.eod-modal__warnings,.eod-modal__actions{padding-left:16px;padding-right:16px}.team-editor__layout{grid-template-columns:1fr}.user-table__header,.user-table__row{grid-template-columns:1fr 1fr;gap:6px}}
