@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500&display=swap";:root{--primary:#000;--primary-2:#1b1b1b;--primary-hover:#1b1b1b;--primary-light:#0000000d;--primary-glow:#00000014;--success:#166534;--success-bg:#1665341a;--warning:#92400e;--warning-bg:#92400e1a;--danger:#991b1b;--danger-bg:#991b1b1a;--info:#075985;--info-bg:#0759851a;--accent:var(--primary);--accent-bg:var(--primary-light);--accent-border:var(--border-focus);--bg:var(--bg-elevated);--bg-page:#f9f9f9;--bg-elevated:#fff;--bg-muted:#f3f3f4;--bg-sidebar:#fff;--bg-glass:#fffffff5;--text:#4c4546;--text-h:#1a1c1c;--text-muted:#7e7576;--text-inverse:#fff;--border:#e5e5e5;--border-light:#eee;--border-focus:#000;--shadow-sm:none;--shadow-md:4px 4px 0 #000;--shadow-lg:6px 6px 0 #000;--shadow-xl:8px 8px 0 #000;--sans:"Inter", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--sidebar-width:240px;--sidebar-collapsed:64px;--header-height:56px;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--space-1:8px;--space-2:12px;--space-3:20px;--space-4:32px;--space-5:48px;--space-6:64px;--space-7:80px;--space-8:96px;--transition-fast:.12s ease;--transition-base:.2s ease}[data-theme=dark]{--primary:#fff;--primary-2:#e2e2e2;--primary-hover:#f5f5f5;--primary-light:#ffffff14;--primary-glow:#ffffff1f;--success:#4ade80;--success-bg:#4ade801f;--warning:#fbbf24;--warning-bg:#fbbf241f;--danger:#f87171;--danger-bg:#f871711f;--info:#38bdf8;--info-bg:#38bdf81f;--bg-page:#000;--bg-elevated:#0a0a0a;--bg-muted:#171717;--bg-sidebar:#0a0a0a;--bg-glass:#0a0a0af5;--text:#a3a3a3;--text-h:#fff;--text-muted:#737373;--text-inverse:#000;--border:#262626;--border-light:#171717;--border-focus:#fff;--shadow-sm:none;--shadow-md:4px 4px 0 #fff;--shadow-lg:6px 6px 0 #fff}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-tap-highlight-color:transparent;height:100%;min-height:100svh}body{font-family:var(--sans);color:var(--text);background:var(--bg-page);font-size:16px;line-height:1.7;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4{color:var(--text-h);letter-spacing:-.025em;font-weight:700;line-height:1.2}h1{font-size:32px;font-weight:800}h2{font-size:24px}h3{font-size:18px}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none;transition:border-color var(--transition-fast);padding:40px}.card:hover{box-shadow:none;border-color:var(--outline,var(--border))}.btn{border-radius:var(--radius-md);letter-spacing:.01em;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn--primary{background:var(--primary);color:var(--text-inverse);box-shadow:none}.btn--primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:none;transform:none}.btn--secondary{background:var(--bg-elevated);border-color:var(--primary);color:var(--text-h)}.btn--secondary:hover:not(:disabled){background:var(--bg-muted);border-color:var(--primary)}.btn--ghost{color:var(--text);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--primary-light);color:var(--text-h)}.btn--danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn--danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn--sm{gap:6px;padding:7px 14px;font-size:13px}.input,.select,textarea{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-h);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.input:focus,.select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:none;border-width:2px;outline:none;padding:9px 11px}.input:focus-visible,.select:focus-visible,textarea:focus-visible,.btn:focus-visible,.sidebar__link:focus-visible,.auth-submit:focus-visible,.theme-toggle:focus-visible,.mobile-menu-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.dashboard-chart{border-bottom:1px solid var(--border);align-items:flex-end;gap:8px;height:180px;padding:20px 0;display:flex}.dashboard-chart__bar{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.dashboard-chart__stack{background:var(--bg-muted);border-radius:6px 6px 2px 2px;flex-direction:column;justify-content:flex-end;width:100%;max-width:32px;height:100%;display:flex;overflow:hidden}.dashboard-chart__fill{width:100%;transition:height 1s cubic-bezier(.175,.885,.32,1.275)}.page-container{width:100%;max-width:1440px;margin:0 auto}.page-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0 0 4px;font-size:11px;font-weight:700;display:block}.section-header{margin-bottom:var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-header h1{letter-spacing:-.02em;color:var(--text-h);margin:0;font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.2}.section-header h2{letter-spacing:-.01em;color:var(--text-h);margin:0;font-size:20px;font-weight:600}.section-header p,.section-header .text-muted{color:var(--text-muted);max-width:56ch;margin:6px 0 0;font-size:14px;line-height:1.45}.section-header__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stat-card{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border);padding:20px;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--primary);opacity:.5;width:4px;height:100%;position:absolute;top:0;left:0}.stat-card__label{color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:600}.stat-card__value{color:var(--text-h);font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.badge{border-radius:var(--radius-sm);background:var(--bg-muted);color:var(--text-h);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;line-height:1.5;display:inline-flex}.badge--success{background:var(--success-bg);color:var(--success)}.badge--warning{background:var(--warning-bg);color:var(--warning)}.badge--danger{background:var(--danger-bg);color:var(--danger)}.badge--info{background:var(--info-bg);color:var(--info)}.badge--muted{background:var(--bg-muted);color:var(--text-muted)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-info{color:var(--info)}.text-muted{color:var(--text-muted)}@media (width<=768px){:root{--sidebar-width:0px}.app-layout__main{padding:16px;padding-bottom:calc(32px + env(safe-area-inset-bottom))}h1{font-size:24px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr;gap:16px}.btn{width:100%;min-height:48px}.input,.select,textarea{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.access-denied{border:1px solid var(--border);background:var(--bg);text-align:left;border-radius:12px;width:min(100%,520px);margin:0 auto;padding:28px}.access-denied h2{color:var(--text-h);margin:0 0 12px}.access-denied p{color:var(--text);margin:0 0 12px}.access-denied__request{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-2) 100%);color:var(--text-inverse);font:inherit;cursor:pointer;border:none;border-radius:8px;margin-top:4px;margin-right:10px;padding:10px 16px;font-weight:600}.access-denied__request:disabled{opacity:.7;cursor:not-allowed}.access-denied__error{background:var(--danger-bg);color:var(--danger);border-radius:8px;margin:10px 0 0;padding:10px 12px;font-size:14px}.access-denied__sign-out{border:1px solid var(--border);background:var(--bg-muted);color:var(--text-h);font:inherit;cursor:pointer;border-radius:8px;margin-top:8px;padding:10px 16px}.auth-card{border:1px solid var(--border);background:var(--bg);width:min(100%,420px);box-shadow:var(--shadow-md);text-align:left;border-radius:12px;margin:0 auto;padding:32px 28px}.auth-card__header h2{margin-bottom:8px}.auth-card__header p{color:var(--text);font-size:16px}.auth-form{gap:16px;margin-top:24px;display:grid}.auth-field{gap:8px;display:grid}.auth-field span{color:var(--text-h);font-size:14px;font-weight:500}.auth-field input{box-sizing:border-box;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);font:inherit;border-radius:8px;padding:12px 14px}.auth-field input:focus{outline:2px solid var(--border-focus);outline-offset:1px}.auth-error{background:var(--danger-bg);color:var(--danger);border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.auth-success{background:var(--success-bg);color:var(--success);border-radius:8px;margin:20px 0 0;padding:12px 14px;font-size:14px}.auth-forgot{text-align:right;margin:-6px 0 0}.auth-forgot button{color:var(--primary);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.auth-submit{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-2) 100%);color:var(--text-inverse);font:inherit;cursor:pointer;transition:filter var(--transition-fast), transform var(--transition-fast);border:none;border-radius:8px;margin-top:4px;padding:12px 16px;font-weight:600}.auth-submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-switch{text-align:center;margin-top:20px;font-size:14px}.auth-switch button{color:var(--primary);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:500;text-decoration:underline}.app-downloads{pointer-events:auto;position:relative}.app-downloads__trigger{border-radius:var(--radius-md);background:var(--primary);color:var(--text-inverse);cursor:pointer;box-shadow:none;transition:background var(--transition-fast);border:1px solid #0000;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.app-downloads__trigger:hover{background:var(--primary-hover)}.app-downloads__trigger svg{flex-shrink:0}.app-downloads__panel{z-index:600;box-sizing:border-box;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);width:300px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;top:calc(100% + 8px);left:auto;right:0}.app-downloads__item{border-radius:var(--radius-sm);background:var(--bg-muted);align-items:center;gap:10px;padding:8px 10px;display:flex}.app-downloads__icon{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);width:32px;min-width:32px;height:32px;color:var(--text-h);justify-content:center;align-items:center;display:flex}.app-downloads__body{flex:1;min-width:0}.app-downloads__label{color:var(--text-h);font-size:13px;font-weight:600}.app-downloads__meta{color:var(--text-muted);font-size:11px}@media (width<=480px){.app-downloads__panel{width:260px}}.update-banner{border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;padding:10px 14px;display:flex}.update-banner--available{border:1px solid var(--primary);background:var(--primary-light)}.update-banner--current{border:1px solid var(--border);background:var(--bg-elevated)}.update-banner__icon{background:var(--primary);width:32px;min-width:32px;height:32px;color:var(--text-inverse);border-radius:50%;justify-content:center;align-items:center;display:flex}.update-banner__icon--muted{background:var(--bg-muted);color:var(--text-muted)}.update-banner__body{flex:1;min-width:0}.update-banner__title{color:var(--text-h);font-size:14px;font-weight:700}.update-banner__sub{color:var(--text-muted);margin-top:2px;font-size:12px}.dashboard{max-width:1200px}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.dashboard-header h1{letter-spacing:-.02em;font-size:30px;line-height:1.15}.dashboard-header__subtitle{color:var(--text);margin-top:4px;font-size:14px}.dashboard-section{margin-bottom:14px}.dashboard-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;margin-bottom:12px;font-size:11px;font-weight:700;display:inline-flex}.dashboard-kicker--warning{color:var(--warning)}.dashboard-empty{color:var(--text-muted);padding:8px 0;font-size:13px}.dashboard .card{border-radius:var(--radius-md);padding:20px 22px}.dashboard .card:hover{transform:none}.dashboard-alerts{border-left:3px solid var(--warning)}.dashboard .grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.dashboard .grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dashboard .grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dashboard .stat-card{border-radius:var(--radius-md);padding:16px 18px}.dashboard .stat-card__value{font-size:20px;line-height:1.2}.dashboard .stat-card__sub{color:var(--text-muted);margin-top:2px;font-size:11px}.dashboard-comm-alert{border-radius:var(--radius-sm);background:var(--primary);width:100%;color:var(--text-inverse);cursor:pointer;font:inherit;text-align:left;border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:12px 18px;display:flex}.dashboard-comm-alert:hover{filter:brightness(1.15)}.dashboard-comm-alert__left{flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0;display:flex}.dashboard-comm-alert__kicker{letter-spacing:.08em;text-transform:uppercase;opacity:.85;font-size:11px;font-weight:700}.dashboard-comm-alert__sep{opacity:.45}.dashboard-comm-alert__title{font-size:14px;font-weight:600}.dashboard-comm-alert__title b,.dashboard-comm-alert__title strong{font-weight:800;text-decoration:underline}.dashboard-comm-alert__preview{opacity:.75;text-overflow:ellipsis;white-space:nowrap;max-width:min(40vw,360px);font-size:13px;overflow:hidden}.dashboard-comm-alert__cta{letter-spacing:.06em;text-transform:uppercase;text-underline-offset:3px;flex-shrink:0;align-items:center;gap:10px;font-size:12px;font-weight:700;text-decoration:underline;display:inline-flex}.dashboard-comm-alert__count{border-radius:var(--radius-sm);background:var(--text-inverse);min-width:20px;height:20px;color:var(--primary);letter-spacing:0;place-items:center;padding:0 6px;font-size:11px;font-weight:800;text-decoration:none;display:inline-grid}.dashboard-bento{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:stretch;gap:14px;margin-bottom:14px;display:grid}.dashboard-bento__right{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.dashboard-work-status{background:var(--bg-elevated);border:2px solid var(--primary);box-shadow:var(--shadow-md);border-radius:var(--radius-md);flex-direction:column;justify-content:space-between;min-height:280px;padding:24px;display:flex}.dashboard-work-status__top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.dashboard-work-status__top .dashboard-kicker{margin-bottom:0}.dashboard-work-status__clock{font-family:var(--mono);letter-spacing:-.03em;color:var(--text-h);font-variant-numeric:tabular-nums;font-size:48px;font-weight:800;line-height:1.05}.dashboard-work-status__clock--muted{color:var(--text-muted)}.dashboard-work-status__session{color:var(--text);margin-top:10px;font-size:13px}.dashboard-work-status__session b,.dashboard-work-status__session strong{color:var(--text-h)}.dashboard-work-status__actions{gap:8px;margin-top:24px;display:flex}.dashboard-work-status__btn{border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.03em;flex:1;font-size:12px}.dashboard-work-status__btn--full{flex:100%}.dashboard-status-pill{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.dashboard-status-pill__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.dashboard-status-pill--success{background:var(--success-bg);color:var(--success)}.dashboard-status-pill--success .dashboard-status-pill__dot{animation:1.6s ease-in-out infinite dashboard-pulse}.dashboard-status-pill--info{background:var(--info-bg);color:var(--info)}.dashboard-status-pill--warning{background:var(--warning-bg);color:var(--warning)}.dashboard-status-pill--neutral{background:var(--bg-muted);color:var(--text-muted);border:1px solid var(--border)}@keyframes dashboard-pulse{0%,to{opacity:1}50%{opacity:.35}}.dashboard-snapshot-card,.dashboard-weekly-card,.dashboard-projects-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px}.dashboard-snapshot-card{flex-direction:column;justify-content:center;display:flex}.dashboard-snapshot-card__value-row{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.dashboard-snapshot-card__value{letter-spacing:-.02em;color:var(--text-h);font-size:30px;font-weight:800}.dashboard-snapshot-card__delta{font-size:11px;font-weight:700}.dashboard-snapshot-card__delta--up{color:var(--success)}.dashboard-snapshot-card__delta--down{color:var(--danger)}.dashboard-progress-track{background:var(--bg-muted);border-radius:var(--radius-full);width:100%;height:8px;margin-top:16px;overflow:hidden}.dashboard-progress-track__fill{background:var(--primary);height:100%;transition:width .5s}.dashboard-progress-track__labels{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;justify-content:space-between;margin-top:6px;font-size:10px;font-weight:600;display:flex}.dashboard-weekly-card{flex-direction:column;justify-content:center;display:flex}.dashboard-weekly-bars{align-items:flex-end;gap:12px;height:88px;display:flex}.dashboard-weekly-bars__col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.dashboard-weekly-bars__bar{background:var(--primary);border-radius:2px;width:12px;transition:height .4s}.dashboard-weekly-bars__bar--empty{background:var(--bg-muted);border:1px solid var(--border)}.dashboard-weekly-bars__bar--today{box-shadow:0 0 0 2px var(--primary-glow)}.dashboard-weekly-bars__label{color:var(--text-h);font-size:10px;font-weight:700}.dashboard-projects-card{grid-column:1/-1}.dashboard-projects-card__header{justify-content:space-between;align-items:center;display:flex}.dashboard-projects-card__header .dashboard-kicker{margin-bottom:0}.dashboard-view-all{letter-spacing:.04em;text-transform:uppercase;color:var(--text-h);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:700}.dashboard-view-all:hover{text-decoration:underline}.dashboard-projects-sections{gap:16px;margin-top:8px;display:grid}.dashboard-projects-section__head{gap:2px;padding:0 8px;display:grid}.dashboard-projects-section__title{color:var(--text-h);letter-spacing:-.01em;margin:0;font-size:13px;font-weight:700}.dashboard-projects-section__hint{color:var(--text-muted);margin:0;font-size:11px}.dashboard-projects-list{border-top:1px solid var(--border);flex-direction:column;margin-top:6px;display:flex}.dashboard-projects-list__row{border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);justify-content:space-between;align-items:center;gap:12px;padding:12px 8px;display:flex}.dashboard-projects-list__row:hover{background:var(--bg-muted);transform:translate(2px)}.dashboard-projects-list__main{align-items:center;gap:12px;min-width:0;display:flex}.dashboard-projects-list__icon{color:var(--text-muted);flex-shrink:0;display:flex}.dashboard-projects-list__title{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.dashboard-projects-list__meta{color:var(--text-muted);margin-top:2px;font-size:11px}.dashboard-projects-list__right{flex-shrink:0;align-items:center;gap:18px;display:flex}.dashboard-projects-list__hours{text-align:right}.dashboard-projects-list__hours-value{font-family:var(--mono);color:var(--text-h);font-size:12px}.dashboard-projects-list__hours-label{color:var(--text-muted);text-transform:uppercase;font-size:9px;font-weight:700}.dashboard-status-badge{border:1px solid var(--border-focus);color:var(--text-h);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;padding:2px 8px;font-size:9px;font-weight:700}.dashboard-chart{grid-template-columns:repeat(14,1fr);align-items:end;gap:3px;height:96px;margin-bottom:8px;display:grid}.dashboard-chart__bar{flex-direction:column;align-items:center;gap:2px;height:100%;padding:0;display:flex;position:relative}.dashboard-chart__bar--today .dashboard-chart__day{color:var(--primary);font-weight:700}.dashboard-chart__bar--today .dashboard-chart__stack{box-shadow:0 0 0 2px var(--primary-glow)}.dashboard-chart__stack{background:var(--bg-muted);border-radius:2px;flex-direction:column-reverse;flex:1;width:100%;display:flex;position:relative;overflow:hidden}.dashboard-chart__fill{width:100%;min-height:2px;transition:height .4s}.dashboard-chart__fill--manual{background:var(--primary)}.dashboard-chart__day{color:var(--text-muted);text-transform:uppercase;font-size:9px;font-weight:600}.dashboard-chart__date{display:none}.dashboard-legend{color:var(--text-muted);gap:12px;font-size:11px;display:flex}.dashboard-legend__swatch{vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.dashboard-legend__swatch--manual{background:var(--primary)}.dashboard-lifetime{gap:8px}.dashboard-week-stats__item{border-radius:var(--radius-sm);background:var(--bg-muted);border:1px solid var(--border-light);flex-direction:column;gap:2px;padding:8px 10px;display:flex}.dashboard-week-stats__label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-size:10px;font-weight:600}.dashboard-week-stats__value{font-variant-numeric:tabular-nums;color:var(--text-h);font-size:16px;font-weight:800;line-height:1.2}.dashboard-bars{flex-direction:column;gap:8px;display:flex}.dashboard-bars__row{grid-template-columns:minmax(72px,28%) 1fr auto;align-items:center;gap:8px;display:grid}.dashboard-bars__label{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.dashboard-bars__track{background:var(--bg-muted);border-radius:var(--radius-full);height:6px;overflow:hidden}.dashboard-bars__fill{border-radius:var(--radius-full);height:100%;transition:width .5s}.dashboard-bars__fill--primary{background:var(--primary)}.dashboard-bars__fill--info{background:var(--info)}.dashboard-bars__value{font-size:12px;font-family:var(--mono);color:var(--text);text-align:right;min-width:52px}.dashboard-list{flex-direction:column;gap:6px;display:flex}.dashboard-list__row{border-radius:var(--radius-sm);background:var(--bg-muted);justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.dashboard-list__main{min-width:0}.dashboard-list__title{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.dashboard-list__meta{color:var(--text-muted);font-size:11px}.dashboard-list__metric{text-align:right;flex-shrink:0}.dashboard-list__pct{font-family:var(--mono);font-size:14px;font-weight:700}.dashboard-list__pct--warning{color:var(--warning)}.dashboard-list__pct--danger{color:var(--danger)}.dashboard-log-card__header{color:var(--text-muted);align-items:center;gap:8px;display:flex}.dashboard-log-card__header .dashboard-kicker{margin-bottom:0}.dashboard-log-table-wrap{margin-top:10px;overflow-x:auto}.dashboard-log-table{border-collapse:collapse;text-align:left;width:100%}.dashboard-log-table thead tr{background:var(--bg-muted);border-bottom:1px solid var(--border)}.dashboard-log-table th{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding:8px 12px;font-size:10px;font-weight:700}.dashboard-log-table td{color:var(--text-h);border-bottom:1px solid var(--border-light);padding:12px;font-size:13px}.dashboard-log-table tbody tr:hover{background:var(--bg-muted)}.dashboard-log-table__date{color:var(--text)}.dashboard-log-table__mono{font-family:var(--mono)}.dashboard-log-status{border-radius:var(--radius-sm);background:var(--bg-muted);border:1px solid var(--border);color:var(--text-h);text-transform:uppercase;letter-spacing:.03em;padding:3px 8px;font-size:9px;font-weight:700;display:inline-block}.dashboard-log-status--open{background:var(--success-bg);color:var(--success);border-color:#0000}@media (width<=1024px){.dashboard-bento{grid-template-columns:1fr}.dashboard .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard .grid-3{grid-template-columns:1fr}}@media (width<=768px){.dashboard .grid-4,.dashboard .grid-2,.dashboard-bento__right{grid-template-columns:1fr}.dashboard-work-status__clock{font-size:38px}.dashboard-chart{height:80px}.dashboard-projects-list__row{flex-wrap:wrap}.dashboard-header{flex-direction:column;align-items:flex-start}}html,body,#root{background:0 0}.mini-timer{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--bg-elevated);width:100vw;height:100vh;font-family:var(--sans);align-items:stretch;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000059}.mini-timer--idle{box-shadow:none;background:0 0;border:none}.mini-timer__drag{-webkit-app-region:drag;cursor:default;flex:1;align-items:center;gap:10px;min-width:0;padding:0 12px;display:flex}.mini-timer__dot{background:var(--success);border-radius:50%;width:8px;min-width:8px;height:8px;animation:1.6s ease-in-out infinite mini-timer-pulse}@keyframes mini-timer-pulse{0%,to{opacity:1}50%{opacity:.4}}.mini-timer__body{flex:1;min-width:0}.mini-timer__project{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.mini-timer__activity{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.mini-timer__time{font-family:var(--mono);color:var(--primary);white-space:nowrap;font-size:14px;font-weight:700}.mini-timer__action{border:none;border-left:1px solid var(--border);background:var(--bg-muted);width:32px;min-width:32px;color:var(--text-muted);cursor:pointer;-webkit-app-region:no-drag;justify-content:center;align-items:center;display:flex}.mini-timer__action:hover{background:var(--bg-page);color:var(--text-h)}.mini-timer__open:hover{color:var(--primary)}.punch-clock{white-space:nowrap;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-muted);align-items:center;gap:8px;min-height:40px;padding:4px 6px 4px 12px;display:flex}.punch-clock--off{background:0 0;border:none;padding:0}.punch-clock__status{letter-spacing:.02em;color:var(--text-h);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.punch-clock__status--on{color:var(--success)}.punch-clock__elapsed{font-family:var(--mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;color:var(--text-h);font-weight:800}.punch-clock__dot{background:var(--success);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.6s ease-in-out infinite punch-clock-pulse}.punch-clock__action{border-radius:var(--radius-full);font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:none;margin:0;padding:8px 14px;font-size:12px;font-weight:800}.punch-clock__action:disabled{opacity:.65;cursor:wait}.punch-clock__action--in{background:var(--primary);color:var(--text-inverse);box-shadow:0 1px 0 color-mix(in srgb, var(--text-h) 12%, transparent);padding:10px 16px}.punch-clock__action--in:hover:not(:disabled){background:var(--primary-hover,var(--primary));filter:brightness(1.05)}.punch-clock__action--out{background:color-mix(in srgb, var(--danger) 14%, var(--bg));color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 35%, var(--border))}.punch-clock__action--out:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 22%, var(--bg))}.punch-clock__error{color:var(--danger);white-space:nowrap;font-size:12px}@keyframes punch-clock-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (width<=640px){.punch-clock__status{display:none}.punch-clock:not(.punch-clock--off){padding:4px}}.time-zone-note{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0;font-size:12px;display:flex}.time-zone-note__label strong{color:var(--text-h);font-weight:700}.time-zone-note__switch{border:1px solid var(--border);background:var(--bg-muted);border-radius:999px;padding:2px;display:inline-flex}.time-zone-note__switch button{color:var(--text);font:inherit;letter-spacing:.02em;cursor:pointer;background:0 0;border:none;border-radius:999px;margin:0;padding:4px 10px;font-size:11px;font-weight:700}.time-zone-note__switch button.is-active{background:var(--primary);color:var(--text-inverse)}.monday-complete-modal{z-index:4000;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.monday-complete-modal__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c0d0f73;position:absolute;inset:0}.monday-complete-modal__panel{z-index:1;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-elevated);width:min(100%,520px);max-height:min(90svh,760px);box-shadow:var(--shadow-xl);gap:16px;padding:22px 22px 18px;display:grid;position:relative;overflow-y:auto}.monday-complete-modal__header h3{letter-spacing:-.02em;margin:0 0 4px;font-size:1.15rem}.monday-complete-modal__header p{margin:0;font-size:13px}.monday-complete-modal__field{gap:8px;display:grid}.monday-complete-modal__field>span:first-child{color:var(--text-h);font-size:12.5px;font-weight:600}.monday-complete-modal__links{gap:8px;display:grid}.monday-complete-modal__link-row{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;align-items:center;gap:8px;display:grid}.monday-complete-modal__preview{object-fit:contain;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);width:100%;max-height:220px}.monday-complete-modal__preview-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.monday-complete-modal__preview-item{gap:6px;display:grid}.monday-complete-modal__preview-item .monday-complete-modal__preview{max-height:160px}.monday-complete-modal__preview-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.monday-complete-modal__preview-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.monday-complete-modal__preview-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.monday-complete-modal__hint{color:var(--text-muted);font-size:12px}.monday-complete-modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:4px;display:flex}@media (width<=560px){.monday-complete-modal{align-items:flex-end;padding:12px}.monday-complete-modal__panel{width:100%;max-height:92svh}.monday-complete-modal__actions .btn{flex:1}.monday-complete-modal__link-row{grid-template-columns:1fr}.monday-complete-modal__link-row .btn{justify-self:start}}.screenshot-gallery{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.screenshot-gallery--compact{gap:6px}.screenshot-gallery__thumb{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-muted);cursor:pointer;width:64px;height:64px;transition:border-color var(--transition-fast), transform var(--transition-fast);flex-shrink:0;padding:0;overflow:hidden}.screenshot-gallery--compact .screenshot-gallery__thumb{width:40px;height:40px}.screenshot-gallery__thumb:hover:not(:disabled){border-color:var(--primary);transform:translateY(-1px)}.screenshot-gallery__thumb:disabled{cursor:not-allowed}.screenshot-gallery__thumb img{object-fit:cover;width:100%;height:100%;display:block}.screenshot-gallery__error{width:100%;height:100%;color:var(--warning);justify-content:center;align-items:center;font-size:16px;display:flex}.screenshot-gallery__loading{color:var(--text-muted);font-size:11px}.screenshot-gallery__lightbox{z-index:10000;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.screenshot-gallery__lightbox img{object-fit:contain;border-radius:var(--radius-md);max-width:92vw;max-height:82vh;box-shadow:var(--shadow-xl);cursor:default}.screenshot-gallery__close{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex;position:absolute;top:16px;right:16px}.screenshot-gallery__close:hover{background:#ffffff38}.screenshot-gallery__caption{color:#fff;border-radius:var(--radius-full);text-overflow:ellipsis;white-space:nowrap;background:#00000080;max-width:80vw;padding:6px 14px;font-size:13px;position:absolute;bottom:20px;left:50%;overflow:hidden;transform:translate(-50%)}.timer-card{max-width:600px;margin-left:auto;margin-right:auto}.timer-idle,.timer-idle__form{gap:var(--space-4);flex-direction:column;display:flex}.project-selected{justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--bg-muted);border-radius:var(--radius-md);border:1px solid var(--border-light);flex-wrap:wrap;padding:12px 16px;display:flex}.project-selected__shots{flex-direction:column;flex-basis:100%;gap:6px;margin-top:4px;display:flex}.project-selected__shots-label{color:var(--text-muted);font-size:11px}.project-combo{position:relative}.project-combo__row{gap:var(--space-2);align-items:center;display:flex}.project-list{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);max-height:280px;box-shadow:var(--shadow-lg);z-index:50;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.project-list__item{border-radius:var(--radius-sm);text-align:left;cursor:pointer;width:100%;color:var(--text);transition:background var(--transition-fast);font-size:14px;font-family:var(--sans);background:0 0;border:none;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.project-list__item:hover{background:var(--bg-muted);color:var(--text-h)}.project-list__item strong{color:var(--text-h);font-weight:600}.project-list__item span{color:var(--text-muted);font-size:12px}.project-list__empty{text-align:center;color:var(--text-muted);padding:20px;font-size:14px}.toggle-group{gap:var(--space-4);flex-wrap:wrap;display:flex}.toggle{align-items:center;gap:var(--space-2);cursor:pointer;font-size:14px;font-weight:500;display:flex}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle__track{background:var(--border);border-radius:var(--radius-full);width:40px;height:22px;transition:background var(--transition-fast);flex-shrink:0;position:relative}.toggle input:checked+.toggle__track{background:var(--primary)}.toggle__thumb{width:18px;height:18px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.toggle input:checked+.toggle__track .toggle__thumb{transform:translate(18px)}.toggle__label{color:var(--text-h);-webkit-user-select:none;user-select:none}.timer-running{align-items:center;gap:var(--space-5);padding:var(--space-4) 0;flex-direction:column;display:flex}.timer-running__info{text-align:center;flex-direction:column;gap:4px;display:flex}.timer-running__tags{justify-content:center;gap:6px;margin-top:4px;display:flex}.timer-running__display{font-family:var(--mono);letter-spacing:-.03em;text-align:center;padding:var(--space-4) 0;font-variant-numeric:tabular-nums;background:0 0;-webkit-background-clip:unset;background-clip:unset;color:var(--text-h);font-size:72px;font-weight:700;line-height:1}@media (width<=640px){.timer-running__display{font-size:52px}}.timer-running__actions{gap:var(--space-3);width:100%;max-width:400px;display:flex}.timer-summary{gap:var(--space-4);padding:var(--space-4) 0;flex-direction:column;display:flex}.timer-summary__info{text-align:center;margin-bottom:var(--space-2);flex-direction:column;gap:4px;display:flex}.timer-summary__display{font-family:var(--mono);color:var(--text-h);letter-spacing:-.03em;text-align:center;padding:var(--space-3) 0 var(--space-5);text-shadow:0 2px 8px #0000000d;font-size:56px;font-weight:700;line-height:1}.timer-summary__actions{gap:var(--space-3);display:flex}.timer-summary__completion{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);flex-direction:column;display:flex}.timer-summary__completion-label{color:var(--text-h);letter-spacing:-.01em;font-size:15px;font-weight:700}.timer-summary__completion-choices{gap:10px;display:grid}.timer-summary__choice{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg);width:100%;color:var(--text);text-align:left;cursor:pointer;padding:14px 16px;transition:border-color .15s,background .15s,box-shadow .15s;display:block}.timer-summary__choice strong{color:var(--text-h);font-size:14.5px}.timer-summary__choice:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));background:color-mix(in srgb, var(--primary) 6%, var(--bg))}.timer-summary__choice--active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--bg));box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 35%, transparent)}.timer-summary__screenshot-ready{border-radius:var(--radius-md);background:color-mix(in srgb, var(--success,#16a34a) 12%, var(--bg));border:1px solid color-mix(in srgb, var(--success,#16a34a) 35%, var(--border));color:var(--text-h);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.idle-alert{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--warning-bg);border:1px solid var(--warning);margin-bottom:var(--space-4);display:flex}.idle-alert__icon{background:var(--warning);width:40px;height:40px;color:var(--text-inverse);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.idle-alert__content{flex:1}.idle-alert__title{color:var(--text-h);margin-bottom:2px;font-weight:600}.idle-alert__text{color:var(--text);font-size:13px}.idle-alert__actions{gap:var(--space-2);flex-shrink:0;display:flex}@media (width<=640px){.idle-alert{flex-direction:column;align-items:flex-start}.idle-alert__actions{width:100%}.idle-alert__actions .btn{flex:1}}.session-list{flex-direction:column;gap:16px;display:flex}.session-list--grouped{gap:var(--space-5)}.session-week{gap:var(--space-3);flex-direction:column;display:flex}.session-week__header{background:var(--primary);color:var(--text-inverse);border-radius:var(--radius-md);flex-wrap:wrap;align-items:baseline;gap:8px 12px;padding:10px 14px;display:flex}.session-week__header strong{letter-spacing:.02em;font-size:13px;font-weight:800}.session-week__meta{opacity:.85;font-size:12px;font-weight:500;font-family:var(--mono)}.session-day{padding-left:var(--space-3);border-left:2px solid var(--border);flex-direction:column;gap:0;margin-left:2px;display:flex}.session-day__header{background:var(--bg-muted);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;margin-bottom:2px;padding:8px 12px;display:flex}.session-day__label{color:var(--text-h);font-size:13px;font-weight:700}.session-day__meta{color:var(--text-muted);font-size:12px;font-family:var(--mono)}.session-day .session-item{border-radius:0}.session-day .session-item:last-child{border-bottom:none}.session-item{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);transition:background var(--transition-fast);border-bottom:1px solid var(--border-light);display:flex}.session-item--clickable{cursor:pointer}.session-item--clickable:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.session-item:hover{background:var(--bg-muted)}.session-item:last-child{border-bottom:none}.session-item__left{gap:var(--space-3);flex:1;min-width:0;display:flex}.session-item__dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.session-item__info{flex-direction:column;gap:3px;min-width:0;display:flex}.session-item__title{color:var(--text-h);font-size:14px;font-weight:600}.session-item__project{color:var(--primary);font-size:13px;font-weight:500}.session-item__meta{color:var(--text-muted);font-size:12px;font-family:var(--mono)}.session-item__tags{gap:4px;margin-top:2px;display:flex}.session-item__summary{color:var(--text);margin-top:2px;font-size:13px;line-height:1.4}.session-item__right{align-items:flex-end;gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.session-item__duration{font-family:var(--mono);color:var(--text-h);font-size:15px;font-weight:700}.session-item__actions{opacity:0;transition:opacity var(--transition-fast);gap:4px;display:flex}.session-item:hover .session-item__actions{opacity:1}.dialog-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-4);background:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.dialog-card{background:var(--bg-elevated);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:480px;box-shadow:var(--shadow-xl);gap:var(--space-4);flex-direction:column;max-height:90vh;animation:.3s slideUp;display:flex;overflow-y:auto}.dialog-card--wide{max-width:640px}.session-detail__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.session-detail__header h3{margin:0}.session-detail__subtitle{color:var(--text-muted);margin:4px 0 0;font-size:14px}.session-detail__duration{color:var(--text-h);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:22px;font-weight:700}.session-detail__grid{grid-template-columns:1fr 1fr;gap:12px 16px;margin:0;display:grid}.session-detail__row{flex-direction:column;gap:2px;min-width:0;display:flex}.session-detail__row dt{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-size:11px;font-weight:600}.session-detail__row dd{color:var(--text-h);word-break:break-word;margin:0;font-size:14px}.session-detail__notes,.session-detail__shots{flex-direction:column;gap:8px;display:flex}.session-detail__notes-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-size:11px;font-weight:600}.session-detail__notes p{color:var(--text-h);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.5}.session-detail__empty{color:var(--text-muted);margin:0;font-size:13px}@media (width<=560px){.session-detail__grid{grid-template-columns:1fr}}.dialog-actions{gap:var(--space-3);margin-top:var(--space-2);display:flex}.field{flex-direction:column;gap:6px;display:flex}.field>span:first-child{color:var(--text-h);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.manual-error{border-radius:var(--radius-lg);background:var(--danger-bg);color:var(--danger);margin-top:var(--space-2);padding:12px 16px;font-size:14px;font-weight:500}.manual-success{border-radius:var(--radius-lg);background:var(--success-bg);color:var(--success);margin-top:var(--space-2);padding:12px 16px;font-size:14px;font-weight:500}.kbd{border-radius:var(--radius-sm);background:var(--bg-muted);border:1px solid var(--border);font-family:var(--mono);color:var(--text-muted);justify-content:center;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}@media (width<=640px){.timer-summary__display{font-size:42px}.session-item__actions{opacity:1}.dialog-card{padding:var(--space-4)}}.timer-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);max-width:900px;box-shadow:none;padding:28px 24px}.timer-card:hover{box-shadow:none;transform:none}.timer-running{align-items:center;gap:20px;padding:12px 0 8px}.timer-running__kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:700}.timer-running__display{letter-spacing:-.04em;padding:8px 0 4px;font-size:clamp(48px,10vw,80px);font-weight:900}.timer-running__project-card{text-align:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-muted);justify-items:center;gap:6px;width:min(100%,520px);padding:16px 24px;display:grid}.timer-running__project-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.timer-running__project-name{color:var(--text-h);font-size:18px;font-weight:700}.timer-running__activity-line{color:var(--text);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.timer-running__pulse{background:var(--success);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite timer-running-pulse}@keyframes timer-running-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.timer-running__actions{max-width:520px;margin-top:8px}.timer-running__actions .btn{border-radius:var(--radius-md);letter-spacing:.02em;text-transform:uppercase;flex:1;min-height:48px;font-size:14px;font-weight:700}.timer-running__hint{color:var(--text-muted);text-align:center;margin:0;font-size:12px}.timer-idle__start{width:100%;margin-top:var(--space-2);border-radius:var(--radius-md);letter-spacing:.02em;text-transform:uppercase;min-height:48px;font-size:14px;font-weight:700}.timer-summary__display{text-shadow:none;font-variant-numeric:tabular-nums}.timer-summary__completion-label,.timer-summary__info>span:first-child,.field>span,.timer-idle label>span{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:600}.timer-summary__choice{border-radius:var(--radius-md);border:1px solid var(--border)}.timer-summary__choice--active{border-color:var(--primary);background:var(--bg-muted)}.project-selected{border-radius:var(--radius-md);border-color:var(--border)}.project-list{box-shadow:var(--shadow-md);border-radius:var(--radius-md)}.dialog-card{border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.admin-projects-page.admin-report-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);padding:20px 22px}.admin-projects-page .admin-period-toolbar h3{letter-spacing:-.02em;color:var(--text-h);margin:0;font-size:clamp(22px,2.5vw,28px);font-weight:700}.admin-projects-page .admin-period-controls>button:not(.admin-projects__secondary){border-radius:var(--radius-md);background:var(--primary);color:var(--text-inverse);font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:none;padding:10px 16px;font-size:12px;font-weight:700}.admin-projects-page .admin-period-controls>button:not(.admin-projects__secondary):hover{background:var(--primary-hover)}.admin-projects__secondary{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-h);font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;padding:10px 16px;font-size:12px;font-weight:700}.admin-projects__secondary:hover:not(:disabled){background:var(--bg-muted)}.admin-projects__secondary:disabled{opacity:.6;cursor:not-allowed}.admin-projects__board{margin-bottom:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);overflow:hidden}.admin-projects__board-toggle{background:var(--bg-muted);cursor:pointer;width:100%;font:inherit;color:var(--text-h);text-align:left;border:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.admin-projects__board-toggle:hover{background:var(--surface-container,#eee)}.admin-projects__chevron{margin-right:8px;font-size:10px;transition:transform .15s;display:inline-block}.admin-projects__chevron.is-open{transform:rotate(90deg)}.admin-projects__board-meta{white-space:nowrap;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:400}.admin-projects__board-body{gap:8px;padding:10px 16px 16px;display:grid}.admin-projects__cc-toggle{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;width:100%;font:inherit;color:var(--text-h);text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.admin-projects__cc-toggle:hover{background:var(--bg-muted)}.admin-projects__cc-muted{color:var(--text-muted);font-style:italic;font-weight:500}.admin-projects__cc-meta{white-space:nowrap;color:var(--text-muted);font-size:12px;font-weight:400}.admin-projects__cc-table{margin-top:6px}.admin-table--projects .admin-projects__num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:12px}.admin-table--projects tr.is-archived td{opacity:.55}.admin-projects__status{border-radius:var(--radius-sm);background:var(--bg-muted);border:1px solid var(--border);color:var(--text-h);letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.admin-projects__source{border-radius:var(--radius-sm);background:var(--bg-muted);border:1px solid var(--border);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;vertical-align:middle;margin-left:8px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.admin-projects__row-actions{justify-content:flex-end;gap:8px;display:flex}.admin-projects__row-actions button,.admin-projects__toggle{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-h);font:inherit;cursor:pointer;padding:6px 12px;font-size:12px;font-weight:600}.admin-projects__toggle{margin-top:14px}.admin-projects__backdrop{z-index:60;background:#00000080;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.admin-projects__modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);width:min(100%,520px);max-height:90vh;box-shadow:var(--shadow-md);gap:14px;padding:22px;display:grid;overflow-y:auto}.admin-projects__modal h4{letter-spacing:-.02em;color:var(--text-h);margin:0;font-size:18px;font-weight:700}.admin-projects__modal label{gap:6px;display:grid}.admin-projects__modal label>span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.admin-projects__modal input{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);width:100%;color:var(--text-h);font:inherit;padding:10px 12px}.admin-projects__modal input:focus{border-color:var(--border-focus);border-width:2px;outline:none;padding:9px 11px}.admin-projects__modal-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=520px){.admin-projects__modal-row{grid-template-columns:1fr}}.admin-projects__form-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.work-track-tabs{gap:32px;width:min(100%,920px);display:grid}.work-track-tabs__nav{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-muted);align-self:flex-start;padding:3px;display:inline-flex}.work-track-tabs__nav button{border-radius:var(--radius-sm);color:var(--text);font:inherit;letter-spacing:.02em;cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:13px;font-weight:600}.work-track-tabs__nav button.is-active{background:var(--primary);color:var(--text-inverse);box-shadow:none}.work-track-tabs__nav button.needs-attention:not(.is-active){color:var(--text-h)}.work-track-tabs__alert{border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius-md);background:var(--bg-elevated);width:100%;color:var(--text-h);text-align:left;margin:0;padding:12px 16px;font-size:14px}.work-track-tabs__panel{gap:32px;display:grid}.theme-toggle{border:1px solid var(--border);background:var(--bg-muted);color:var(--text-h);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;display:inline-flex}.theme-toggle:hover{border-color:var(--border-focus)}.theme-toggle__icon{font-size:14px;line-height:1}.timer-bar{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-muted);color:var(--text-h);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;max-width:100%;min-height:40px;padding:6px 8px 6px 14px;font-size:13px;font-weight:600;display:flex}.timer-bar--running{background:var(--primary);border-color:var(--primary);color:var(--text-inverse);box-shadow:0 1px 0 color-mix(in srgb, var(--text-h) 12%, transparent)}.timer-bar--running .timer-bar__project,.timer-bar--running .timer-bar__time{color:inherit}.timer-bar--running .timer-bar__dot--running{background:var(--text-inverse)}.timer-bar--running .timer-bar__stop{background:color-mix(in srgb, var(--text-inverse) 18%, transparent);color:var(--text-inverse)}.timer-bar--idle,.timer-bar--summary,.timer-bar--paused,.timer-bar--pending{letter-spacing:.02em;padding:8px 16px;font-weight:700}.timer-bar--idle:hover,.timer-bar--summary:hover,.timer-bar--paused:hover,.timer-bar--pending:hover{background:var(--bg-elevated,var(--bg-muted));border-color:var(--text-h)}.timer-bar--pending{border-color:var(--warning);color:var(--text-h)}.timer-bar__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.timer-bar__dot--idle{background:var(--text-muted)}.timer-bar__dot--running{background:var(--success);animation:1.6s ease-in-out infinite timer-bar-pulse}.timer-bar__dot--summary{background:var(--warning)}.timer-bar__dot--paused-badge{background:var(--text-muted)}.timer-bar__main{cursor:pointer;color:inherit;font:inherit;background:0 0;border:none;align-items:center;gap:8px;padding:0;display:flex;overflow:hidden}.timer-bar__label{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.timer-bar__project{color:var(--text-muted);font-weight:400}.timer-bar__time{font-family:var(--mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;color:var(--primary);font-size:14px;font-weight:800}.timer-bar__stop{background:var(--danger-bg);width:28px;height:28px;color:var(--danger);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.timer-bar__stop:hover{filter:brightness(.95)}@keyframes timer-bar-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (width<=640px){.timer-bar__label{max-width:100px}}.update-toast{top:calc(var(--header-height) + 16px);z-index:3000;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);max-width:360px;box-shadow:var(--shadow-lg);align-items:center;gap:12px;padding:14px 16px;display:flex;position:fixed;right:16px}.update-toast__icon{background:var(--bg-muted);width:32px;min-width:32px;height:32px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.update-toast__icon--ready{background:var(--success-bg);color:var(--success)}.update-toast__body{flex:1;min-width:0}.update-toast__title{color:var(--text-h);font-size:13px;font-weight:700;line-height:1.3}.update-toast__sub{color:var(--text-muted);margin-top:2px;font-size:12px}.update-toast__dismiss{width:22px;height:22px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.update-toast__dismiss:hover{background:var(--bg-muted);color:var(--text-h)}@media (width<=768px){.update-toast{max-width:none;left:16px;right:16px}}.app{flex-direction:column;flex:1;display:flex}.app--auth{background:var(--bg-page);min-height:100svh;padding:48px 24px;padding-top:max(60px, env(safe-area-inset-top));padding-bottom:max(48px, env(safe-area-inset-bottom));justify-content:flex-start;align-items:center;overflow-y:auto}.app-header--auth{text-align:center;width:100%;max-width:400px;margin-bottom:32px}.app-header--auth .crompton-logo{border-radius:var(--radius-md);width:90%;max-width:280px;height:auto;box-shadow:var(--shadow-md);margin-bottom:24px}.app-tagline{color:var(--text);margin-top:12px;font-size:16px;line-height:1.5}.app-layout{background:var(--bg-page);width:100%;height:100svh;display:flex;overflow:hidden}.app-layout__content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.app-layout__main{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;padding:32px 40px;overflow-y:auto}.app-topbar{height:var(--header-height);border-bottom:1px solid var(--border);background:var(--bg-elevated);-webkit-backdrop-filter:none;z-index:500;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:relative}.app-topbar__left{z-index:501;align-items:center;gap:20px;padding-left:64px;display:flex;position:relative}.mobile-menu-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);width:56px;min-width:56px;height:56px;color:var(--text-h);cursor:pointer;z-index:99999;top:calc(env(safe-area-inset-top) + 20px);pointer-events:all;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-shadow:var(--shadow-lg);justify-content:center;align-items:center;display:none;position:fixed;left:20px}.mobile-menu-btn:active{background:var(--bg-muted);transform:scale(.95)}.app-topbar__brand{letter-spacing:-.02em;color:var(--text-h);pointer-events:none;align-items:center;gap:10px;font-weight:800;display:flex}.app-topbar__brand-name{letter-spacing:-.02em;text-transform:none;font-size:14px;font-weight:800}.app-topbar__logo{object-fit:contain;border-radius:var(--radius-sm);pointer-events:none;width:auto;max-width:140px;height:auto;max-height:28px;display:block}.app-topbar__right{align-items:center;gap:12px;display:flex}.staff-hero-controls{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-elevated) 70%, transparent);border-radius:999px;align-items:center;gap:8px;padding:4px;display:flex}.app-topbar__right .btn--sign-out{text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.app-topbar__user{color:var(--text-h);border-radius:var(--radius-md);background:var(--bg-muted);border:1px solid var(--border);align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);transition:width var(--transition-base);z-index:1000;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sidebar--collapsed{width:var(--sidebar-collapsed)}.sidebar__header{height:var(--header-height);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.sidebar__brand-text{gap:1px;min-width:0;display:grid}.sidebar__brand-name{letter-spacing:-.02em;color:var(--text-h);font-size:15px;font-weight:800;line-height:1.2}.sidebar__brand-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:600;line-height:1.2}.sidebar__brand-mark{color:var(--text-h);letter-spacing:-.02em;font-size:12px;font-weight:800}.sidebar__logo{object-fit:contain;width:auto;max-width:160px;height:auto;max-height:40px;padding:4px 0}.sidebar__nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.sidebar__link{border-radius:var(--radius-md);color:var(--text);transition:background var(--transition-fast), color var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar__link:hover{background:var(--bg-muted);color:var(--text-h)}.sidebar__link.is-active{background:var(--primary);color:var(--text-inverse)}.sidebar__link svg{opacity:.7;width:20px;height:20px}.sidebar__link.is-active svg{opacity:1;color:var(--text-inverse)}.sidebar__badge{background:var(--primary);min-width:18px;height:18px;color:var(--text-inverse);border-radius:999px;place-items:center;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:inline-grid}.sidebar__link.is-active .sidebar__badge{background:var(--text-inverse);color:var(--primary)}.sidebar--collapsed .sidebar__badge{min-width:8px;height:8px;padding:0;font-size:0;position:absolute;top:4px;right:8px}.sidebar__nav-group{flex-direction:column;gap:2px;display:flex}.sidebar__nav-group--divided{border-top:1px solid var(--border);margin-top:4px;padding-top:8px}.sidebar__nav-group--bottom{border-top:1px solid var(--border);margin-top:auto;padding-top:8px}.sidebar__footer{border-top:1px solid var(--border);padding:10px}[data-desktop=true] .app-topbar{-webkit-app-region:drag}[data-desktop=true] .app-topbar__left,[data-desktop=true] .app-topbar__right,[data-desktop=true] .mobile-menu-btn{-webkit-app-region:no-drag}[data-desktop=true] .app-topbar__right{padding-right:138px}@media (width<=768px){.app-topbar{padding:0 16px;padding-top:env(safe-area-inset-top);height:calc(var(--header-height) + env(safe-area-inset-top) + 12px)}.mobile-menu-btn{display:flex}.sidebar-overlay{z-index:999;opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#0006;position:fixed;inset:0}.sidebar-overlay.is-open{opacity:1;pointer-events:auto}.app-topbar__brand-name{font-size:13px}.btn--sign-out span{display:none}.btn--sign-out{min-width:44px;border-radius:50%!important;padding:10px!important}.app-topbar__logo{max-height:32px}.app-layout__main{padding:32px 24px}.sidebar{z-index:2000;visibility:hidden;width:280px;transition:transform var(--transition-base), visibility var(--transition-base);padding-top:env(safe-area-inset-top);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.is-open{visibility:visible;transform:translate(0);box-shadow:10px 0 30px #0003}.app-topbar__user{display:none}}