:root{font-family:Satoshi,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:#111826;background:#f4f5f7;font-synthesis:none;-webkit-font-smoothing:antialiased;--accent: #2A6FDB;--accent-hover: color-mix(in srgb, var(--accent) 90%, #000);--accent-tint: color-mix(in srgb, var(--accent) 10%, transparent);--accent-ring: color-mix(in srgb, var(--accent) 14%, transparent);--ink: #0E1726;--text: #111826;--muted: #5B6675;--faint: #8A94A6;--bg: #F4F5F7;--card: #FFFFFF;--line: rgba(17, 24, 42, .09);--line-strong: rgba(17, 24, 42, .14);--success: #1F7A50;--success-tint: color-mix(in srgb, #2E9E6B 12%, transparent);--surface-subtle: #FAFAFB;--surface-well: #F7F8FA;--hover-ink: rgba(17, 24, 42, .05);--accent-wash: color-mix(in srgb, var(--accent) 5%, transparent);--shadow-card: 0 1px 2px rgba(17, 24, 42, .04), 0 24px 50px -40px rgba(17, 24, 42, .4);--shadow-pop: 0 1px 2px rgba(17, 24, 42, .04), 0 40px 80px -50px rgba(17, 24, 42, .35);--content-pad: 60px;--section-gap: 26px;--font-display: "Clash Display", "Satoshi", system-ui, sans-serif;--nav-bg: #FCFCFD;--nav-text: #111826;--nav-muted: #6B7482;--nav-line: rgba(17, 24, 42, .08);--nav-hover: rgba(17, 24, 42, .05);--nav-active-bg: var(--accent);--nav-active-text: #ffffff;--ws-bg: rgba(17, 24, 42, .04);--ws-border: rgba(17, 24, 42, .1)}:root[data-palette=slate]{--accent: #2A6FDB}:root[data-palette=indigo]{--accent: #1F5AC0}:root[data-palette=emerald]{--accent: #2F6B52}:root[data-palette=amber]{--accent: #7A4B32}:root[data-palette=steel]{--accent: #3E5C79}:root[data-palette=sky]{--accent: #03a9f4}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:20px;border:3px solid transparent;background-clip:padding-box}input::placeholder{color:var(--faint)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.status-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.status-screen strong{font:600 20px var(--font-display);letter-spacing:-.02em}.status-screen span{color:var(--muted);max-width:480px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--bg)}.auth-story{background:var(--ink);color:#fff;padding:clamp(34px,5vw,60px) clamp(28px,5vw,60px);display:flex;flex-direction:column;justify-content:space-between;gap:60px;position:relative;overflow:hidden}.auth-story:before{content:"";position:absolute;right:-180px;bottom:-160px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(255,255,255,.07)}.auth-story:after{content:"";position:absolute;right:-90px;bottom:-70px;width:340px;height:340px;border-radius:50%;border:1px solid rgba(255,255,255,.05)}.auth-story .brand{padding:0;position:relative}.auth-story>div{position:relative}.auth-story h1{font-size:clamp(38px,4.4vw,60px);line-height:1;letter-spacing:-.025em;max-width:460px;margin:22px 0 24px;color:#fff}.auth-story>div>p:last-child{color:#ffffff9e;font-size:17px;max-width:400px;line-height:1.55;margin:0}.auth-proof{display:flex;gap:11px;align-items:center;color:#ffffff80;font-size:14px;max-width:380px;position:relative;z-index:1}.auth-panel{display:grid;place-items:center;padding:40px;background:var(--bg)}.auth-card{width:min(420px,100%);background:var(--card);border:1px solid var(--line);border-radius:20px;padding:clamp(28px,4vw,44px) clamp(24px,4vw,40px);box-shadow:var(--shadow-pop)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--bg);padding:3px;border-radius:11px;margin-bottom:30px}.auth-tabs button{border:0;background:transparent;padding:10px;border-radius:9px;cursor:pointer;color:var(--muted);font-size:13px;font-weight:600;transition:background .15s,color .15s}.auth-tabs button.active{background:var(--ink);color:#fff}.auth-heading h2{font:600 30px var(--font-display);letter-spacing:-.02em;margin:0 0 6px}.auth-heading>p:last-child{color:var(--muted);font-size:15px;margin-bottom:30px}.auth-card form{display:grid;gap:16px}.auth-error{background:#fdf0ed;border:1px solid #F0C5B8;color:#9a3513;padding:10px 12px;border-radius:9px;font-size:12px}.auth-submit{width:100%;margin-top:6px;min-height:48px;font-size:15px}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.app-shell{--sidebar-w: 272px;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:var(--nav-bg);color:var(--nav-text);padding:22px 18px 18px;display:flex;flex-direction:column;z-index:10;border-right:1px solid var(--nav-line);overflow:hidden}.sidebar-heading{display:flex;align-items:center;justify-content:space-between}.brand,.brand-mobile{display:flex;align-items:center;gap:11px;font:600 18px var(--font-display);letter-spacing:-.01em}.brand{padding:4px 6px 26px}.sidebar-backdrop{display:none}.sidebar-clock{display:flex;flex-direction:column;gap:1px;padding:0 8px 20px}.sidebar-clock-time{font:500 21px var(--font-display);letter-spacing:-.01em;color:var(--nav-text);font-variant-numeric:tabular-nums}.sidebar-clock-date{font-size:12px;color:var(--nav-muted);text-transform:capitalize}.sidebar-heading .sidebar-close{display:none}.logo-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:10px}.sidebar nav{display:grid;gap:3px;min-height:0;overflow-y:auto;overscroll-behavior:contain}.nav-group{display:grid;gap:3px}.nav-separator{height:1px;background:var(--nav-line);margin:14px 8px}.nav-label{padding:0 8px 10px;text-transform:uppercase;color:var(--nav-muted);font-size:10.5px;font-weight:600;letter-spacing:.16em}.sidebar nav button{width:100%;border:0;background:transparent;color:var(--nav-muted);display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:11px;cursor:pointer;font-size:15px;font-weight:500;letter-spacing:-.01em;transition:background .15s,color .15s}.sidebar nav button:hover{background:var(--nav-hover);color:var(--nav-text)}.sidebar nav button.active{background:var(--nav-active-bg);color:var(--nav-active-text);font-weight:600;box-shadow:0 1px 2px #00000024}.sidebar-online{margin-top:auto;padding:0 13px 14px;flex:none;max-height:26vh;overflow-y:auto}.sidebar-online+.sidebar-invite{margin-top:0}.sidebar-online-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--nav-muted);margin-bottom:8px}.sidebar-online-names{display:flex;flex-wrap:wrap;gap:6px 14px}.sidebar-online-chip{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500;color:var(--nav-text)}.sidebar-online-chip svg{color:var(--nav-muted);flex:none}.sidebar-online-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;flex:none}.sidebar-invite{margin-top:auto;flex:none;width:100%;border:0;background:transparent;color:var(--nav-muted);display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:11px;cursor:pointer;font-size:14.5px;font-weight:500;margin-bottom:10px;transition:background .15s,color .15s}.sidebar-invite:hover{background:var(--nav-hover);color:var(--nav-text)}.social-login{margin-top:24px;display:grid;gap:10px}.social-divider{display:flex;align-items:center;gap:14px;color:var(--faint);font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:600}.social-divider:before,.social-divider:after{content:"";flex:1;height:1px;background:var(--line)}.social-button{display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid var(--line-strong);background:#fff;border-radius:11px;min-height:46px;font-weight:600;font-size:15px;color:var(--text);text-decoration:none;transition:background .15s}.social-button:hover{background:var(--surface-well)}.auth-invite{margin-top:24px;border:0;background:transparent;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:0}.auth-invite:hover{color:var(--accent)}.invite-sent p{margin:0;font-size:13px}.sidebar-footer{flex:none;border-top:1px solid var(--nav-line);padding:16px 6px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.sidebar-footer strong,.sidebar-footer span{display:block}.sidebar-footer strong{font-size:14px;font-weight:600;color:var(--nav-text)}.sidebar-footer span{color:var(--nav-muted);font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer .plan-badge{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:2px 8px;border-radius:6px;background:var(--nav-hover);color:var(--nav-muted);font-size:11px;font-weight:600;letter-spacing:.2px;width:fit-content}.sidebar-footer .plan-badge svg{flex:none}.sidebar-footer .plan-badge--free{background:transparent;border:1px solid var(--nav-line);color:var(--nav-muted)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.switch-row>span{display:grid;gap:2px}.switch{position:relative;width:44px;height:26px;border:0;border-radius:999px;background:#cfd4dc;cursor:pointer;padding:0;transition:background .15s ease;flex:none}.switch.on{background:var(--accent)}.switch:disabled{opacity:.6;cursor:default}.switch-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .15s ease}.switch.on .switch-knob{transform:translate(18px)}.sidebar-logout{color:var(--nav-muted)}.sidebar-logout:hover{color:var(--nav-text);background:var(--nav-hover)}.mini-avatar,.avatar{border-radius:50%;background:color-mix(in srgb,var(--accent) 30%,#fff);color:var(--accent);display:grid;place-items:center;font-weight:700}.mini-avatar{width:38px;height:38px;font-size:14px}.sidebar-edge-toggle{position:fixed;top:30px;left:calc(var(--sidebar-w) - 13px);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--nav-line);box-shadow:0 2px 8px #10182a1f;color:var(--nav-muted);cursor:pointer;z-index:25;transition:color .15s,border-color .15s,box-shadow .15s}.sidebar-edge-toggle:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 3px 11px #10182a2e}.sidebar-edge-toggle:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.account-menu{position:relative;justify-self:end}.account-menu-trigger{color:var(--nav-muted)}.account-menu-trigger:hover{color:var(--nav-text);background:var(--nav-hover)}.account-menu-popover{position:absolute;bottom:calc(100% + 8px);right:0;min-width:176px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 34px #0f141c38;padding:6px;display:grid;gap:2px;z-index:20}.account-menu-popover button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--text);padding:9px 10px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;text-align:left}.account-menu-popover button:hover{background:var(--hover-ink)}.account-menu-popover .account-menu-logout{color:#b4482f}.account-menu-separator{height:1px;background:var(--line);margin:4px 6px}.account-menu-popover svg{flex:none}.account-menu-langs{display:flex;gap:4px;padding:6px 6px 8px;margin:4px 0;border-top:1px solid var(--line)}.account-menu-langs button{justify-content:center;padding:6px 8px;font-size:12px;border:1px solid var(--line);border-radius:7px;text-align:center}.account-menu-langs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.account-menu-langs button.active:hover{background:var(--ink)}.lang-options{display:flex;gap:8px;flex-wrap:wrap}.lang-option{border:1px solid var(--line-strong);background:var(--card);color:var(--text);padding:8px 14px;border-radius:9px;cursor:pointer;font-weight:600;font-size:13px}.lang-option:hover{background:var(--hover-ink)}.lang-option.active{background:var(--ink);color:#fff;border-color:var(--ink)}@media(min-width:901px){.app-shell.sidebar-collapsed{--sidebar-w: 84px}.app-shell.sidebar-collapsed .sidebar{padding-left:12px;padding-right:12px}.app-shell.sidebar-collapsed .sidebar-online{display:none}.app-shell.sidebar-collapsed .sidebar-clock{align-items:center;padding:0 0 18px}.app-shell.sidebar-collapsed .sidebar-clock-time{font-size:13px;white-space:nowrap}.app-shell.sidebar-collapsed .brand{padding:0 0 22px;justify-content:center}.app-shell.sidebar-collapsed .brand span:not(.logo-mark),.app-shell.sidebar-collapsed .nav-label,.app-shell.sidebar-collapsed .nav-text,.app-shell.sidebar-collapsed .sidebar-identity,.app-shell.sidebar-collapsed .workspace-switch{display:none}.app-shell.sidebar-collapsed .sidebar nav button{justify-content:center;padding:11px 0}.app-shell.sidebar-collapsed .sidebar-invite{justify-content:center;padding:11px 0}.app-shell.sidebar-collapsed .sidebar-footer{grid-template-columns:1fr;justify-items:center;gap:8px;padding-left:0;padding-right:0}.app-shell.sidebar-collapsed .account-menu{justify-self:center}.app-shell.sidebar-collapsed .account-menu-popover{right:auto;left:0}}main{grid-column:2;min-width:0}.topbar{display:none;height:72px;background:#ffffffe6;border-bottom:1px solid var(--line);align-items:center;padding:0 42px;position:sticky;top:0;z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search-wrap{width:min(460px,50vw);display:flex;align-items:center;gap:10px;color:var(--faint)}.search-wrap input{flex:1;border:0;background:transparent;outline:0;color:var(--text);min-height:0;padding:0;box-shadow:none}.search-wrap input:focus-visible{box-shadow:none}.search-wrap kbd{background:var(--bg);border:1px solid var(--line-strong);padding:3px 7px;border-radius:6px;color:var(--faint);font-size:11px}.page-actions{display:flex;align-items:center;gap:12px;flex:none}.search-wrap.page-search{width:min(280px,42vw);background:#fff;border:1px solid var(--line-strong);border-radius:12px;padding:12px 15px;transition:border-color .15s,box-shadow .15s}.search-wrap.page-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.avatar{width:36px;height:36px;border:0;margin-left:auto;cursor:pointer;font-size:12px}.mobile-menu,.brand-mobile{display:none!important}.mobile-nav{display:none}.running-banner{background:var(--ink);color:#fff;min-height:72px;padding:12px 42px;display:grid;grid-template-columns:140px minmax(0,1fr) auto auto;gap:24px;align-items:center;position:sticky;top:0;z-index:7;box-shadow:0 30px 60px -40px #11182a99}.running-state{display:flex;align-items:center;gap:9px;text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.12em;color:#ffffff8c}.live-dot{width:10px;height:10px;background:#4ade80;border-radius:50%;animation:pulse 1.4s ease-in-out infinite}.running-copy strong,.running-copy>span{display:block}.running-copy strong{font-size:15px;font-weight:600}.running-copy>span{color:#ffffff8c;font-size:12px;margin-top:3px}.running-copy>span{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.running-tags .tag-badge{font-size:10px}.running-time{font:500 26px var(--font-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.stop-button{border:1px solid rgba(255,255,255,.16);background:#ffffff1a;color:#fff;padding:11px 18px;display:flex;align-items:center;gap:9px;cursor:pointer;font-weight:600;font-size:14px;border-radius:11px;transition:background .15s}.stop-button:hover{background:#ffffff2e}.page{padding:var(--content-pad) 42px 80px;max-width:1200px;margin:0 auto;animation:fadeUp .35s ease both}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:40px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px!important;font-weight:600;color:var(--accent)!important;margin:0 0 16px!important}h1,h2,h3,p{margin-top:0}h1{font:600 clamp(32px,4vw,48px)/1.02 var(--font-display);letter-spacing:-.03em;margin-bottom:10px;max-width:720px;color:var(--text)}h2{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.page-heading p{color:var(--muted);margin:0;font-size:17px;max-width:560px}.primary-button,.quiet-button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-weight:600}.primary-button{background:var(--accent);color:#fff;padding:13px 20px;border-radius:12px;font-size:14.5px;box-shadow:0 12px 24px -12px var(--accent);transition:transform .12s,background .15s}.primary-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.primary-button:active{transform:translateY(0)}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.quiet-button{background:transparent;color:var(--muted);padding:8px 12px;border-radius:9px;font-size:14px;font-weight:500;transition:background .15s}.quiet-button:hover{background:var(--hover-ink)}.icon-button,.chevron-button{width:34px;height:34px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;border-radius:9px;color:var(--faint);transition:background .15s,color .15s}.icon-button:hover,.chevron-button:hover{background:var(--hover-ink);color:var(--text)}.project-total span{display:block;color:var(--faint);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:10px}.page-heading-actions-only{justify-content:flex-end;margin-bottom:20px}.task-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 16px}.task-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.task-filters .task-filter{min-width:150px}.task-filters .client-filter-trigger{min-height:40px;border-radius:11px}.task-filters-clear{background:transparent;border:0;color:var(--muted);font:inherit;font-weight:600;cursor:pointer;padding:6px 8px;border-radius:8px}.task-filters-clear:hover{color:var(--accent);background:var(--card)}.filter-swatch{width:10px;height:10px;border-radius:3px;flex:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.task-table-wrap{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow-x:auto;box-shadow:var(--shadow-card)}.task-table{width:100%;border-collapse:collapse;min-width:720px}.task-table th{text-align:left;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--surface-well);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.task-table td{padding:13px 18px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:14px}.task-table tbody tr:last-child td{border-bottom:0}.task-table tbody tr:hover,.task-table tbody tr.is-running{background:var(--surface-subtle)}.task-table-sort{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;padding:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.task-table-sort:hover,.task-table-sort.is-active{color:var(--text)}.task-table-sort svg{opacity:.55}.task-table-sort.is-active svg{opacity:1;color:var(--accent)}.task-table-name{min-width:240px}.task-table-name>div{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;vertical-align:middle}.task-table-name strong{font-weight:600}.task-table-tags{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:4px}.tag-row{grid-template-columns:auto minmax(0,1fr) auto auto}.tag-row.is-confirming{grid-template-columns:auto minmax(0,1fr)}.tag-row.is-confirming .tag-badge{display:none}.tag-delete-confirm{grid-column:1 / -1;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px}.tag-delete-confirm>span{font-size:13px;font-weight:500;color:var(--muted)}.tag-delete-actions{display:flex;align-items:center;gap:8px}.task-table .project-color{margin-right:10px;vertical-align:middle}.task-table-note{font-size:12px;font-weight:500;color:var(--accent)}.task-table-muted{color:var(--muted)}.task-table-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.task-table-empty td{color:var(--faint);text-align:center;padding:34px 18px}.project-list{display:grid;gap:14px}.project-card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #11182a08}.project-header{min-height:76px;display:grid;grid-template-columns:auto auto 1fr 104px 90px 34px 90px;align-items:center;gap:14px;padding:14px 24px 14px 16px}.project-progress{display:flex;flex-direction:column;align-items:center;gap:3px}.project-progress strong{font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted)}.project-progress .in-progress-hint{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--accent);background:var(--accent-tint);border-radius:999px;padding:2px 7px;white-space:nowrap}.project-color{width:10px;height:32px;display:inline-block;border-radius:3px}.project-title h3{font-size:16px;font-weight:600;letter-spacing:-.01em;font-family:inherit;margin:0 0 3px}.project-title span{font-size:13px;color:var(--faint)}.project-total{text-align:right;min-width:76px}.project-total span{margin-bottom:2px;font-size:11px;letter-spacing:.08em}.project-total strong{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.task-list{border-top:1px solid var(--line)}.task-row{min-height:58px;display:grid;grid-template-columns:30px minmax(0,1fr) 104px 90px 34px 90px;align-items:center;padding:8px 24px 8px 38px;border-bottom:1px solid var(--line);gap:12px;transition:background .15s}.task-row:last-child{border-bottom:0}.task-row:hover{background:var(--surface-subtle)}.task-row.is-running{background:var(--accent-wash)}.task-status{display:grid;place-items:center}.task-status>span:not(.live-dot){width:6px;height:6px;border:1px solid var(--faint);border-radius:50%}.task-name strong,.task-name span{display:block}.task-name strong{font-size:14.5px;font-weight:600}.task-name span{font-size:11px;color:var(--success);margin-top:3px;font-weight:700}.task-name span.task-description{font-size:12px;color:var(--faint);font-weight:400;text-transform:none;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.task-time{font-size:14px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.task-time-editable{cursor:text;border-radius:6px;padding:2px 4px}.task-time-editable:hover{background:var(--hover-ink);color:var(--text)}.task-time-input{width:84px;font-size:12px;text-align:right;font-variant-numeric:tabular-nums;border:1px solid var(--accent);border-radius:6px;padding:2px 4px;background:var(--card);min-height:0}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.users-table td{vertical-align:middle}.task-status-select{justify-self:center;width:96px;text-align:center;text-align-last:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid transparent;border-radius:999px;padding:4px 0;min-height:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;cursor:pointer}.task-status-select:focus-visible{box-shadow:0 0 0 2px var(--accent-ring);border-color:var(--accent)}.task-status-select[data-status=todo]{background:var(--bg);color:var(--muted);border-color:var(--line-strong)}.task-status-select[data-status=in_progress]{background:var(--accent-tint);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.task-status-select[data-status=done]{background:var(--success-tint);color:var(--success);border-color:color-mix(in srgb,var(--success) 25%,transparent)}.task-status-badge{display:inline-block;width:96px;text-align:center;border:1px solid transparent;border-radius:999px;padding:5px 0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.task-status-badge[data-status=todo]{background:var(--bg);color:var(--muted);border-color:var(--line-strong)}.task-status-badge[data-status=in_progress]{background:var(--accent-tint);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.task-status-badge[data-status=done]{background:var(--success-tint);color:var(--success);border-color:color-mix(in srgb,var(--success) 25%,transparent)}.task-edit{opacity:0;transition:opacity .15s}.task-row:hover .task-edit,.task-edit:focus-visible{opacity:1}.header-add-task{justify-self:end;min-width:77px;height:34px;border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:600;border:1px dashed var(--line-strong);background:#fff;color:var(--muted);transition:color .15s,border-color .15s}.header-add-task:hover{color:var(--accent);border-color:var(--accent)}.period-selector{display:flex;align-items:center;gap:14px;background:var(--card);padding:22px 26px 0;border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0}.period-selector>span{color:var(--faint);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.period-selector>div{display:flex;gap:2px;flex-wrap:wrap;background:var(--bg);padding:3px;border-radius:11px}.period-selector button{border:0;background:transparent;color:var(--muted);border-radius:9px;padding:8px 15px;cursor:pointer;font-size:13.5px;font-weight:500;white-space:nowrap;transition:background .15s,color .15s}.period-selector button:hover{color:var(--text)}.period-selector button.active{background:var(--ink);color:#fff;font-weight:600}.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;background:var(--card);padding:20px 26px 22px;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;margin-bottom:18px}.filters>label{min-width:0}.client-filter{position:relative}.client-filter-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:#fff;border:1px solid var(--line-strong);border-radius:11px;min-height:44px;padding:10px 13px;color:var(--text);cursor:pointer;text-align:left;font:inherit}.client-filter-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-filter-trigger:hover{border-color:var(--muted)}.client-filter-menu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;max-height:260px;overflow-y:auto;background:#fff;border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 18px 45px #0e172629;padding:6px}.client-filter-option{display:flex;align-items:center;gap:9px;width:100%;background:transparent;border:0;border-radius:8px;padding:9px 10px;color:var(--text);cursor:pointer;text-align:left;font:inherit}.client-filter-option:hover{background:var(--card)}.client-filter-option.active{color:var(--accent);font-weight:600}.client-filter-check{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:none;color:var(--accent)}.client-filter-empty{padding:10px;color:var(--faint);font-size:13px}label>span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--faint);margin-bottom:8px}input,select,textarea{width:100%;background:#fff;border:1px solid var(--line-strong);border-radius:11px;min-height:44px;padding:10px 13px;color:var(--text);transition:border-color .15s,box-shadow .15s}.password-input{position:relative}.password-input input{padding-right:42px}.password-toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;color:var(--faint);display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:7px}.password-toggle:hover{color:var(--text);background:var(--hover-ink)}textarea{resize:vertical;min-height:84px;line-height:1.45}.report-totals{display:grid;grid-template-columns:repeat(3,1fr);background:var(--ink);border-radius:18px;color:#fff;margin-bottom:18px}.report-totals div{padding:30px 24px 30px 28px;border-right:1px solid rgba(255,255,255,.12)}.report-totals div:last-child{border-right:0}.report-totals span,.report-totals strong{display:block}.report-totals span{color:#ffffff80;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:14px}.report-totals strong{font:500 32px var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.report-overview{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;align-items:start;margin:40px 0 var(--section-gap)}.report-overview .report-totals,.report-overview .filters{margin-bottom:0}.report-overview .report-totals{height:100%}@media(max-width:900px){.report-overview{grid-template-columns:1fr}}.report-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--card)}table{width:100%;border-collapse:collapse;font-size:14px}th{background:var(--surface-subtle);color:var(--faint);text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.08em;text-align:left;padding:14px 24px;border-bottom:1px solid var(--line)}td{border-top:1px solid var(--line);padding:16px 24px}tr:first-child td{border-top:0}td strong,td span{display:block}td strong{font-size:14.5px;font-weight:600}td span{color:var(--faint);margin-top:3px;font-size:13px}td.numeric,th.numeric{text-align:right;font-variant-numeric:tabular-nums}.empty-cell{text-align:center;color:var(--muted);padding:42px}.report-total-row td{background:var(--surface-subtle);border-top:1px solid var(--line)}.report-total-row .report-total-label{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.report-total-row .report-total-amount{text-align:right;font:600 20px var(--font-display);color:var(--accent)}.report-total-row .report-total-duration strong{font:600 20px var(--font-display);color:var(--ink)}.report-rate{display:inline-block;font-variant-numeric:tabular-nums}.report-rate-editable{cursor:text;border-radius:6px;padding:2px 6px;margin:-2px -6px}.report-rate-editable:hover{background:var(--hover-ink);color:var(--text)}.report-rate-input{width:92px;font-size:14px;text-align:right;font-variant-numeric:tabular-nums;border:1px solid var(--accent);border-radius:6px;padding:2px 6px;background:var(--card);min-height:0}.report-task-cell{display:flex;align-items:center;gap:10px;min-width:0}.report-group-toggle{margin-left:-2px}.report-group-rate{color:var(--muted)}.report-entry-row td{background:var(--surface-subtle);font-size:13px;color:var(--muted)}.report-entry-row .report-entry-span{padding-left:34px;font-variant-numeric:tabular-nums}.report-row-unrated td{background:color-mix(in srgb,var(--surface-subtle) 60%,transparent)}.report-row-unrated .report-rate{color:var(--faint);font-style:italic}.settings-page{max-width:860px}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.settings-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.settings-card h2{font:600 19px var(--font-display);letter-spacing:-.01em;margin:0 0 4px}.settings-card p{margin:0;color:var(--faint);font-size:14px}.settings-icon{width:46px;height:46px;background:var(--accent-tint);color:var(--accent);display:grid;place-items:center;border-radius:12px}.profile-identity{display:grid;gap:3px;text-align:right}.profile-identity strong{font-size:14px}.profile-identity span{color:var(--muted);font-size:12px}.profile-form{grid-column:1 / -1;display:grid;gap:14px;margin-top:6px}.profile-form .primary-button{justify-self:start}.money-input{display:flex;align-items:center;border:1px solid var(--line-strong);background:#fff;border-radius:11px;padding:0 12px;min-width:190px}.money-input input{border:0;text-align:right;min-width:70px;padding-left:5px;padding-right:5px;font-weight:600;box-shadow:none}.money-input input:focus-visible{box-shadow:none}.money-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.money-input span{color:var(--faint);font-size:13px;white-space:nowrap}.project-rates{display:block;padding:0}.settings-card-heading{padding:24px 28px;border-bottom:1px solid var(--line)}.rate-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px 28px;border-bottom:1px solid var(--line)}.rate-row:last-child{border-bottom:0}.client-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:12px 28px;border-bottom:1px solid var(--line)}.client-color{width:40px;min-height:40px;flex:none;padding:3px}.client-edit input{min-height:40px}.client-billable-toggle{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.client-billable-toggle input{width:16px;height:16px;accent-color:var(--accent);margin:0}.client-add{display:flex;gap:12px;padding:18px 28px}.client-add input{flex:1}.client-add .client-color{flex:none}.client-add .primary-button{white-space:nowrap}.settings-empty{margin:16px 28px;padding:18px 20px;border:1px dashed var(--line-strong);border-radius:12px;color:var(--faint);font-size:14px}.rate-row .project-color{height:30px}.rate-row strong,.rate-row>div>span{display:block}.rate-row strong{font-size:14px;font-weight:600}.rate-row>div>span{color:var(--faint);font-size:12px;margin-top:3px}.money-input.compact{min-width:150px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e172680;display:grid;place-items:center;z-index:30;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(480px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;background:var(--card);color:var(--text);border-radius:18px;box-shadow:var(--shadow-pop);padding:30px;animation:fadeUp .25s ease both}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.modal-heading h2{font:600 22px var(--font-display);letter-spacing:-.01em;margin:0 0 6px}.modal-heading p{margin:0;font-size:13px;color:var(--muted)}.modal form{display:grid;gap:17px}.form-row{display:grid;grid-template-columns:1fr 110px;gap:14px}.color-input{padding:4px;cursor:pointer}.modal-actions{position:sticky;bottom:-30px;z-index:1;background:var(--card);display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:8px;padding-top:17px;padding-bottom:30px;margin-bottom:-30px;border-top:1px solid var(--line)}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;min-height:0;flex:none;margin:0;padding:0;accent-color:var(--accent);cursor:pointer}.checkbox-label>span{display:inline;margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--faint)}.checkbox-label.billable-toggle{gap:11px;padding:11px 13px;border:1px solid transparent;border-radius:10px;background:var(--accent-tint);transition:background .15s ease,border-color .15s ease}.checkbox-label.billable-toggle>span{font-size:11.5px;color:var(--accent)}.checkbox-label.billable-toggle:hover{border-color:var(--accent-ring)}.checkbox-label.billable-toggle.is-on{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.checkbox-label.billable-toggle.is-on>span{color:#1b4a8f}.danger-link{margin-right:auto;border:0;background:transparent;color:#b23b2e;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 6px}.danger-link:hover{color:#8f2d22}.delete-confirm{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:12px}.delete-confirm-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.delete-confirm span{font-size:13px;font-weight:500;color:var(--muted)}.danger-button{border:1px solid #B23B2E;background:#b23b2e;color:#fff;padding:10px 15px;border-radius:10px;cursor:pointer;font-weight:600;font-size:13px}.danger-button:hover{background:#8f2d22;border-color:#8f2d22}.toast{position:fixed;right:24px;bottom:24px;z-index:40;background:var(--ink);color:#fff;padding:13px 18px;border-radius:12px;box-shadow:0 24px 50px -20px #11182a80;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.toast.is-error{background:#b42318;color:#fff;box-shadow:0 24px 50px -20px #b423188c}.offline-banner{position:fixed;left:0;right:0;top:0;z-index:60;background:#b23b2e;color:#fff;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700}.update-toast{top:16px;bottom:auto;left:16px;right:16px;transform:none;margin:0 auto;max-width:560px;z-index:60;gap:12px;padding:13px 16px;font-size:13px;justify-content:space-between;background:#14161a;border:1px solid rgba(255,255,255,.16);border-left:4px solid #2A6FDB;box-shadow:0 14px 40px #00000073;animation:banner-drop .35s ease}.update-toast-button{padding:9px 16px;font-size:12px;flex:none;background:#2a6fdb;color:#fff;box-shadow:0 2px 12px #2a6fdb80}.update-toast-button:hover{background:#2663c4}@keyframes banner-drop{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.install-banner{display:none}@media(max-width:900px){.install-banner{position:fixed;left:16px;right:16px;top:16px;z-index:55;margin:0 auto;max-width:560px;background:#14161a;color:#fff;padding:12px 14px;box-shadow:0 14px 40px #00000073;border:1px solid rgba(255,255,255,.16);border-left:4px solid #2A6FDB;display:flex;align-items:center;gap:12px;animation:banner-drop .35s ease;border-radius:12px}}.install-banner-icon{width:42px;height:42px;border-radius:10px;flex:none}.install-banner-text{display:grid;gap:2px;min-width:0;flex:1}.install-banner-text strong{font-size:13px}.install-banner-text span{color:#aeb6c1;font-size:11px;display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.install-banner-button{padding:9px 16px;font-size:12px;flex:none;background:#2a6fdb;color:#fff;box-shadow:0 2px 12px #2a6fdb80}.install-banner-button:hover{background:#2663c4}.install-banner-dismiss{color:#99a3b0;flex:none}.install-banner-dismiss:hover{background:#ffffff14;color:#fff}.timer-focus{display:flex;flex-direction:column}.timer-focus .quick-start{max-width:820px;width:100%}.quick-start-form{display:flex;flex-wrap:wrap;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-card);padding:14px;align-items:center}.quick-start-form.is-manual .quick-start-head{flex:1 1 100%}.quick-start-head{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.quick-start-labels{display:flex;align-items:center;gap:10px;flex:0 1 auto;min-width:0}.quick-start-labels .tag-picker-trigger:not(.has-tags){min-height:44px;padding:0 11px}.quick-start-labels .task-status-select{padding:6px 0}.quick-start-form.is-manual .quick-start-controls{flex:1 1 100%;justify-content:flex-end}.quick-start-form.is-manual .quick-start-manual{flex:1 1 auto}.quick-start-input{flex:1;min-width:0;border:1px solid transparent;outline:0;background:var(--surface-well);border-radius:13px;padding:16px 20px;min-height:0;color:var(--text);font-size:18px;font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s}.quick-start-input::placeholder{color:var(--faint);font-weight:400}.quick-start-input:focus-visible{background:#fff;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.quick-start-button{padding:0 30px;align-self:stretch;font-size:17px;white-space:nowrap;border-radius:13px}.quick-start-button.is-stop{background:var(--card);border:1px solid #D64545;color:#d64545;box-shadow:none;padding:15px 30px}.quick-start-button.is-stop:hover{background:#fef2f2;border-color:#b4232a;color:#b4232a}.quick-start-button.is-stop svg{color:inherit}.quick-start-edit{flex:none;align-self:stretch;padding:0 10px;color:var(--muted)}.quick-start-edit:hover{color:var(--text)}.quick-start-controls{display:flex;align-items:stretch;gap:10px;flex:0 0 auto}.client-picker{position:relative;flex:none}.client-picker-trigger{display:flex;align-items:center;gap:7px;height:100%;min-height:44px;max-width:170px;border:1px solid var(--line);background:var(--card);border-radius:11px;padding:0 10px;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer}.client-picker-trigger.has-client{color:var(--text)}.client-picker-trigger:hover{border-color:var(--faint)}.client-picker-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:0}.client-picker-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-picker-dot{width:9px;height:9px;border-radius:50%;background:var(--faint);flex:none}.client-picker-panel{position:absolute;z-index:40;top:calc(100% + 8px);left:0;width:320px;max-width:min(320px,calc(100vw - 32px));background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-card),0 12px 32px #0f172a1f;overflow:hidden}.client-picker-search{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line);color:var(--faint)}.client-picker-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:14px;font-weight:500}.client-picker-list{list-style:none;margin:0;padding:4px 0;max-height:260px;overflow-y:auto}.client-picker-list li{display:flex;align-items:center}.client-picker-row{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:9px 14px;border:0;background:transparent;cursor:pointer;text-align:left;color:var(--text);font-size:14px;font-weight:500}.client-picker-list li:hover{background:var(--surface-subtle)}.client-picker-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-picker-name.is-muted{color:var(--muted)}.client-picker-create-task{flex:none;border:0;background:transparent;padding:9px 14px 9px 8px;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.client-picker-create-task:hover{text-decoration:underline}.client-picker-list li.is-creating{background:var(--surface-subtle)}.client-picker-new-task{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:7px 10px 7px 14px}.client-picker-new-task input{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:6px 9px;background:var(--card);color:var(--text);font-size:14px;font-weight:500;outline:0}.client-picker-new-task input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.client-picker-confirm{flex:none;border:0;border-radius:8px;background:var(--accent);color:#fff;padding:7px 11px;font-size:13px;font-weight:600;cursor:pointer}.client-picker-confirm:disabled{background:var(--line);color:var(--faint);cursor:not-allowed}.client-picker-cancel{flex:none;display:flex;align-items:center;border:0;background:transparent;color:var(--faint);padding:4px;cursor:pointer}.client-picker-cancel:hover{color:var(--text)}.client-picker-empty{padding:12px 14px;color:var(--muted);font-size:13px}.client-picker-create{width:100%;display:flex;align-items:center;gap:8px;padding:12px 14px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--accent);font-size:14px;font-weight:600;cursor:pointer;text-align:left}.client-picker-create:hover:not(:disabled){background:var(--surface-subtle)}.client-picker-create:disabled{color:var(--faint);cursor:not-allowed}.combo{position:relative;width:100%}.combo-trigger{display:flex;align-items:center;gap:9px;width:100%;min-height:44px;padding:10px 13px;border:1px solid var(--line-strong);border-radius:11px;background:#fff;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}.combo-trigger:hover{border-color:var(--faint)}.combo-trigger:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.combo-trigger .combo-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combo-trigger .combo-label.is-muted{color:var(--faint)}.combo-trigger svg{flex:none;color:var(--faint)}.combo-dot{width:9px;height:9px;border-radius:50%;flex:none}.combo-panel{position:absolute;z-index:40;top:calc(100% + 6px);left:0;width:100%;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-card),0 12px 32px #0f172a1f;overflow:hidden}.combo-search{display:flex;align-items:center;gap:8px;padding:10px 13px;border-bottom:1px solid var(--line);color:var(--faint)}.combo-search input{flex:1;min-width:0;min-height:0;border:0;border-radius:0;padding:0;outline:0;background:transparent;color:var(--text);font-size:14px;font-weight:500}.combo-search input:focus-visible{box-shadow:none}.combo-list{list-style:none;margin:0;padding:4px 0;max-height:240px;overflow-y:auto}.combo-option{width:100%;display:flex;align-items:center;gap:10px;padding:9px 14px;border:0;background:transparent;cursor:pointer;text-align:left;color:var(--text);font-size:14px;font-weight:500}.combo-option .is-muted{color:var(--muted)}.combo-option.is-active{background:var(--surface-subtle)}.combo-option.is-selected{color:var(--accent);font-weight:600}.combo-empty{padding:12px 14px;color:var(--muted);font-size:13px}.quick-start-elapsed{display:flex;align-items:center;flex:none;padding:0 12px;font-variant-numeric:tabular-nums;font-size:17px;font-weight:600;color:var(--faint);letter-spacing:.02em}.quick-start-elapsed.is-running{color:var(--text)}.quick-start-manual{display:flex;align-items:center;gap:6px}.quick-start-manual input{border:1px solid var(--line);background:var(--card);border-radius:11px;padding:0 10px;min-height:44px;color:var(--text);font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.quick-start-manual input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:0}.quick-start-time{width:106px}.quick-start-date{width:140px}.quick-start-duration{width:78px;text-align:center}.quick-start-dash{color:var(--faint)}.quick-start-mode{position:relative;flex:0 0 auto}.quick-start-mode-trigger{display:flex;align-items:center;justify-content:center;width:34px;height:100%;min-height:44px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--faint);cursor:pointer;padding:0}.quick-start-mode-trigger:hover{color:var(--text);border-color:var(--faint)}.quick-start-mode-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:0}.quick-start-mode-popover{position:absolute;z-index:40;top:calc(100% + 8px);right:0;min-width:172px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-card),0 12px 32px #0f172a1f;padding:6px;display:grid;gap:2px}.quick-start-mode-popover button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--text);padding:10px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;text-align:left}.quick-start-mode-popover button:hover{background:var(--surface-subtle)}.quick-start-mode-popover button.is-active{background:var(--surface-subtle);color:var(--accent)}.quick-start-mode-popover svg{flex:none}.quick-start-error{margin:10px 0 0;color:#b4232a;background:#fdecec;border:1px solid #F5C6C6;border-radius:11px;padding:9px 14px;font-size:14px;font-weight:500}.suggestion-list{list-style:none;margin:12px 0 0;padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card);box-shadow:var(--shadow-card)}.suggestion-list li{border-bottom:1px solid var(--line)}.suggestion-list li:last-child{border-bottom:0}.suggestion{width:100%;display:flex;align-items:center;gap:12px;padding:14px 20px;border:0;background:transparent;cursor:pointer;text-align:left;color:var(--text);transition:background .15s}.suggestion:hover{background:var(--surface-subtle)}.suggestion .project-color{flex:0 0 auto}.suggestion-name{font-weight:600;font-size:15px}.suggestion-meta{margin-left:auto;color:var(--faint);font-size:13px;font-weight:500}.suggestion svg:last-child{color:var(--accent);flex:0 0 auto}.suggestion-new,.suggestion-new .suggestion-name{color:var(--accent)}.your-timer-label{font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--faint);text-transform:uppercase;margin-bottom:6px}.timer-running-card{background:var(--ink);border-radius:18px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 30px 60px -40px #11182a99}.timer-running-info{display:flex;align-items:center;gap:16px;min-width:0}.timer-running-info .live-dot{width:11px;height:11px;flex:none}.timer-running-label{color:#ffffff8c;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.timer-running-name{color:#fff;font-size:19px;font-weight:600;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-running-meta{color:#ffffff8c;font-size:13px;margin-top:3px}.timer-running-right{display:flex;align-items:center;gap:24px;flex:none}.timer-running-clock{font:500 40px var(--font-display);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.timer-running-edit{color:#ffffff8c}.timer-running-edit:hover{color:#fff;background:#ffffff1a}.earlier-today{margin-top:44px}.earlier-today-label{font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--faint);text-transform:uppercase;margin-bottom:6px}.earlier-today-card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.earlier-today-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;border-bottom:1px solid var(--line)}.earlier-today-row:last-child{border-bottom:0}.earlier-today-item{display:flex;align-items:center;gap:14px;min-width:0}.earlier-today-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}.earlier-today-name{font-weight:600;font-size:15px}.earlier-today-meta{font-size:13px;color:var(--faint);margin-top:2px}.earlier-today-time{font-variant-numeric:tabular-nums;font-weight:600;font-size:16px;color:var(--muted);flex:none}.earlier-today-right{display:flex;align-items:center;gap:14px;flex:none}.earlier-today-play{width:34px;height:34px;border:0;border-radius:9px;background:var(--accent-tint);color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.earlier-today-play:hover{background:var(--accent);color:#fff}.tracker .quick-start{max-width:820px}.tracker-log{margin-top:32px;max-width:820px;display:flex;flex-direction:column;gap:26px}.tracker-empty{color:var(--faint);font-size:14px;padding:22px 4px;margin:0}.tracker-day{display:block}.tracker-day-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px}.tracker-day-label{font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.tracker-day-total{font-variant-numeric:tabular-nums;font-weight:600;font-size:14px;color:var(--muted)}.tracker-day-rows{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-card)}.tracker-untracked{margin-top:26px;max-width:820px}.tracker-untracked .tracker-day-rows>.tracker-row{border-bottom:1px solid var(--line)}.tracker-untracked .tracker-dot{background:var(--faint)}.tracker-duration-empty{color:var(--faint)}.tracker-day-rows>.tracker-row-running,.tracker-day-rows>.tracker-group{border-bottom:1px solid var(--line)}.tracker-day-rows>*:last-child{border-bottom:0}.tracker-row{display:flex;align-items:center;gap:14px;padding:15px 20px}.tracker-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}.tracker-row-main{min-width:0;flex:1}.tracker-task{font-weight:600;font-size:15px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracker-labels{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:4px;font-size:13px;color:var(--faint)}.tracker-project{font-weight:500}.tracker-labels .tracker-project,.tracker-labels .client-badge,.tracker-labels .tag-badge{font-size:10px;text-transform:uppercase;letter-spacing:.05em}.tracker-labels .client-badge{border-radius:3px}.tracker-readmore{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border:1px solid var(--accent);border-radius:999px;background:transparent;cursor:pointer;color:var(--accent);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.5;transition:background .15s}.tracker-readmore svg{flex:none}.tracker-readmore:hover{background:var(--accent-tint)}.tracker-readmore:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring)}.tag-badge-icon{vertical-align:-1px;margin-right:3px;opacity:.85}.tracker-project+.tracker-client:before{content:"· "}.client-badge{display:inline-flex;align-items:center;max-width:190px;padding:1px 8px;border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-name .client-badge{display:inline-flex;width:auto;margin-left:8px;vertical-align:middle;font-size:10px}.tag-badge{display:inline-block;max-width:100%;padding:2px 7px;border-radius:2px;font-size:11.5px;font-weight:600;letter-spacing:.01em;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-badge-name{display:inline;white-space:nowrap}.tag-picker{position:relative;display:inline-flex;flex:none;max-width:100%}.tag-picker-trigger{display:inline-flex;align-items:center;max-width:100%;border:1px solid transparent;background:transparent;border-radius:4px;padding:0;color:var(--faint);cursor:pointer}.tag-picker-trigger:not(.has-tags){border-color:var(--line);background:var(--card);border-radius:9px;padding:5px 8px}.tag-picker-trigger:not(.has-tags):hover{border-color:var(--faint);color:var(--muted)}.tag-picker-trigger.has-tags:hover{box-shadow:0 0 0 3px var(--hover-ink)}.tag-picker-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:0}.tag-picker-trigger:disabled{cursor:not-allowed;opacity:.55}.tag-picker-panel{position:fixed;z-index:45;max-width:calc(100vw - 16px);background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-card),0 12px 32px #0f172a1f;overflow:hidden}.tag-picker-search{display:flex;align-items:center;gap:8px;padding:10px 13px;border-bottom:1px solid var(--line);color:var(--faint)}.tag-picker-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:14px;font-weight:500}.tag-picker-list{list-style:none;margin:0;padding:4px 0;max-height:240px;overflow-y:auto}.tag-picker-row{width:100%;display:flex;align-items:center;gap:9px;padding:8px 13px;border:0;background:transparent;cursor:pointer;text-align:left;color:var(--text);font-size:14px;font-weight:500}.tag-picker-row:hover{background:var(--surface-subtle)}.tag-picker-box{flex:none;width:16px;height:16px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:5px;color:#fff}.tag-picker-box.is-checked{background:var(--accent);border-color:var(--accent)}.tag-picker-dot{width:8px;height:8px;border-radius:50%;background:var(--faint);flex:none}.tag-picker-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-picker-no-match,.tag-picker-empty{margin:0;padding:12px 14px;color:var(--muted);font-size:13px;line-height:1.5}.tag-picker-manage{display:block;margin-top:6px;border:0;background:transparent;padding:0;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer}.tag-picker-manage:hover{text-decoration:underline}.tracker-row-right{display:flex;align-items:center;gap:12px;flex:none}.tracker-duration{font-variant-numeric:tabular-nums;font-weight:600;font-size:15px;color:var(--muted)}.tracker-duration-live{color:var(--accent)}.tracker-duration-editable{cursor:text;border-radius:6px;padding:2px 5px;margin:-2px -5px}.tracker-duration-editable:hover{background:var(--hover-ink);color:var(--text)}.tracker-duration-input{width:96px;text-align:right;border:1px solid var(--accent);border-radius:6px;padding:2px 5px;background:var(--card);min-height:0}.tracker-edit{opacity:0;transition:opacity .15s}.tracker-row:hover .tracker-edit,.tracker-edit:focus-visible{opacity:1}.tracker-note{color:var(--accent)}.tracker-row-right>.tracker-note+.tracker-edit{margin-left:-8px}.task-note{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.55;color:var(--text)}.tracker-play{width:34px;height:34px;border:0;border-radius:9px;background:var(--accent-tint);color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s;flex:none}.tracker-play:hover{background:var(--accent);color:#fff}.tracker-count{display:flex;align-items:center;gap:5px;border:0;background:transparent;cursor:pointer;color:var(--muted);padding:0;flex:none}.tracker-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--accent-tint);font-size:12px;font-weight:700;color:var(--accent)}.tracker-entries{background:var(--surface-subtle);border-top:1px solid var(--line)}.tracker-entry{display:flex;align-items:center;justify-content:space-between;padding:10px 20px 10px 52px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)}.tracker-entry:last-child{border-bottom:0}.tracker-entry-span,.tracker-entry-duration{font-variant-numeric:tabular-nums}.tracker-entry-duration{font-weight:600}.tracker-row-running{background:var(--accent-wash)}.tracker-row-running .stop-button{background:var(--accent);border-color:transparent;padding:8px 10px;border-radius:9px}.tracker-row-running .stop-button:hover{background:var(--accent-hover)}.tracker-load-older{align-self:flex-start;border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:11px;padding:11px 18px;cursor:pointer;font-weight:600;font-size:13px;transition:background .15s}.tracker-load-older:hover{background:var(--surface-subtle)}.team-now{margin-bottom:26px}.team-now-label{font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--faint);text-transform:uppercase;margin-bottom:6px}.team-now-card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.team-now-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;border-bottom:1px solid var(--line)}.team-now-row:last-child{border-bottom:0}.team-now-item{display:flex;align-items:center;gap:14px;min-width:0}.team-now-item .live-dot{width:9px;height:9px;flex:none}.team-now-task{font-weight:600;font-size:15px}.team-now-meta{font-size:13px;color:var(--faint);margin-top:2px}.team-now-time{font-variant-numeric:tabular-nums;font-weight:600;font-size:16px;color:var(--muted);flex:none}@media(max-width:900px){:root{--content-pad: 40px;--section-gap: 18px}.auth-shell{grid-template-columns:1fr}.auth-story{min-height:280px;padding:34px 28px;gap:38px}.auth-story h1{font-size:38px;max-width:560px}.auth-proof{display:none}.auth-panel{padding:28px 18px 50px}.app-shell{display:block}.sidebar{display:flex;width:min(290px,84vw);z-index:26;transform:translate(-105%);transition:transform .22s ease;box-shadow:14px 0 45px #0f141c40}.sidebar.mobile-open{transform:translate(0)}.sidebar-heading .sidebar-close{display:grid;color:var(--nav-muted)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;border:0;background:#0e172675;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default}main{grid-column:1}.topbar{display:flex;padding:0 20px;gap:14px}.mobile-menu,.brand-mobile{display:flex!important}.brand-mobile{font-size:16px;margin-right:auto}.brand-mobile .logo-mark{width:28px;height:28px}.sidebar-edge-toggle{display:none}.search-wrap.page-search{width:100%}.running-banner{top:72px;padding:12px 20px;grid-template-columns:1fr auto auto}.running-state{display:none}.page{padding:38px 20px 90px}.tracker .quick-start{position:sticky;top:72px;z-index:6;margin:0 -20px;padding:10px 20px;background:var(--bg)}.mobile-nav{position:fixed;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;left:0;right:0;bottom:0;z-index:20;background:var(--nav-bg);padding:6px 6px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -12px 35px #0e17261f;border-top:1px solid var(--nav-line)}.mobile-nav>button,.mobile-nav-more>button{border:0;background:transparent;color:var(--nav-muted);display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:10px 4px;cursor:pointer;border-radius:9px;min-width:0;transition:background .15s,color .15s}.mobile-nav>button.active,.mobile-nav-more>button.active{color:var(--nav-active-text);background:var(--nav-active-bg)}.mobile-nav-more{position:relative;display:flex;min-width:0}.mobile-nav-menu{position:absolute;z-index:40;right:0;bottom:calc(100% + 8px);min-width:190px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-card),0 12px 32px #0f172a29;padding:6px;display:grid;gap:2px}.mobile-nav-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;border:0;background:transparent;color:var(--text);padding:0 12px;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;text-align:left;white-space:nowrap}.mobile-nav-menu button.is-active{background:var(--surface-subtle);color:var(--accent)}.mobile-nav-menu svg{flex:none}.timer-running-card{flex-direction:column;align-items:stretch}.timer-running-right{justify-content:space-between}}@media(max-width:650px){.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:28px}.page-heading .primary-button{width:100%}.page-actions{width:100%;flex-direction:column;align-items:stretch}.task-toolbar,.task-filters{flex-direction:column;align-items:stretch}.task-filters .task-filter{min-width:0}.running-banner{grid-template-columns:minmax(0,1fr) auto;gap:12px}.running-time{font-size:18px}.stop-button{grid-column:span 2;width:100%;justify-content:center}.project-header{grid-template-columns:auto auto 1fr auto auto auto auto;gap:9px;padding:12px}.task-row{padding-left:17px;grid-template-columns:15px minmax(0,1fr) auto 34px auto}.task-status-select{width:auto;padding:4px 10px}.task-time{display:none}.task-edit,.tracker-edit{opacity:1}.tracker-duration-input{width:84px}.header-add-task{min-width:40px;width:40px}.header-add-task span{display:none}.period-selector{align-items:flex-start;flex-direction:column;gap:10px;padding:18px 20px 0}.period-selector>div{display:grid;grid-template-columns:1fr 1fr;width:100%}.period-selector button{text-align:center}.report-overview,.filters,.report-totals{grid-template-columns:1fr}.filters{padding:16px 20px 20px}.report-totals div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.report-totals div:last-child{border-bottom:0}.settings-card{grid-template-columns:auto minmax(0,1fr);padding:20px}.settings-card>.money-input{grid-column:span 2;width:100%}.settings-card>.palette-row{grid-column:1 / -1;flex-wrap:wrap}.rate-row{grid-template-columns:auto 1fr}.rate-row .money-input{grid-column:span 2;width:100%}.quick-start-form{flex-direction:column;align-items:stretch;padding:10px;gap:8px}.quick-start-head{gap:8px}.quick-start-input{font-size:16px;padding:11px 12px;border-radius:11px}.quick-start-head .client-picker{flex:0 1 auto;min-width:0}.quick-start-head .client-picker-trigger{width:auto;max-width:132px;min-height:40px}.quick-start-head .client-picker-panel{left:auto;right:0}.quick-start-labels{gap:6px}.quick-start-labels .tag-picker-trigger:not(.has-tags){min-height:40px;padding:0 8px}.quick-start-labels .task-status-select{width:84px}.quick-start-button{flex:0 0 auto;width:auto;min-height:40px;padding:0 18px;font-size:15px;border-radius:11px}.quick-start-button.is-stop{padding:0 18px}.quick-start-controls{flex-wrap:wrap;align-items:center;gap:8px}.quick-start-mode-trigger{width:30px;min-height:40px;border-color:transparent}.quick-start-manual{flex:1 1 100%;flex-wrap:wrap}.quick-start-manual input{flex:1 1 auto;min-width:0;min-height:40px}.quick-start-date{width:auto;flex-basis:100%}.quick-start-elapsed{justify-content:flex-end;flex:1 1 auto;padding:0 4px;font-size:16px}.suggestion-meta{display:none}.timer-running-clock{font-size:30px}.client-row,.tag-row{grid-template-columns:auto minmax(0,1fr);padding:12px 20px;row-gap:8px}.client-row>:nth-child(n+3),.tag-row>:nth-child(n+3){grid-column:2}.client-row>.client-billable-toggle,.client-row>button:last-child,.tag-row>button:last-child{justify-self:start}.client-add{flex-wrap:wrap;padding:16px 20px}.client-add input{flex:1 1 140px;min-width:0}.settings-card-heading,.rate-row{padding-left:20px;padding-right:20px}.tracker-row{flex-wrap:wrap;row-gap:10px;padding:14px 16px}.tracker-row-main{flex:1 1 auto}.tracker-row-right{flex:1 0 100%;justify-content:flex-end}.tracker-task{white-space:normal;overflow-wrap:anywhere}.tracker-entry{padding-left:20px}}.muted{color:var(--muted);font-size:.85rem}.invite-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}.invite-form input,.invite-form select{padding:10px 13px;border:1px solid var(--line-strong);border-radius:11px;font:inherit;background:#fff;width:auto}.invite-form input[type=email],.invite-form input[placeholder="User ID"]{flex:1 1 200px}.settings-card:has(>.invite-form){display:block}.members-card{display:block}.members-table{display:grid;grid-template-columns:minmax(180px,1.6fr) minmax(0,2fr) auto;align-items:start;margin-top:12px}.members-head{display:contents}.members-head span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--faint);padding-bottom:10px}.members-table .member-row{display:contents}.members-table .member-row>*{padding:14px 14px 14px 0;border-top:1px solid var(--line);align-self:start}.members-table .member-actions{padding-right:0;display:flex;justify-content:flex-end}.member-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 0;border-top:1px solid var(--line)}.member-row:first-of-type{border-top:0}.member-id{display:flex;flex-direction:column;min-width:180px}.member-id span{font-size:.8rem;color:var(--faint)}.grant-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1}.grant-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:7px;background:var(--accent-tint);color:var(--accent);font-size:.78rem;font-weight:600}.grant-chip.admin{background:var(--success-tint);color:var(--success)}.grant-chip button{border:0;background:transparent;cursor:pointer;color:inherit;display:inline-flex;padding:0;min-height:0;width:auto;box-shadow:none}.quiet-button.small{padding:4px 8px;font-size:.8rem}@media(max-width:650px){.members-table{grid-template-columns:minmax(0,1fr)}.members-head{display:none}.members-table .member-row{display:grid;gap:8px;padding:14px 0;border-top:1px solid var(--line)}.members-table .member-row>*{padding:0;border-top:0}.members-table .member-actions{justify-content:flex-start}.member-id{min-width:0}}.usage-row{display:flex;flex-wrap:wrap;gap:24px;margin-top:12px}.usage-row.big{gap:32px}.usage-row>div{display:flex;flex-direction:column}.usage-num{font:500 1.6rem var(--font-display);font-variant-numeric:tabular-nums}.billing-portal-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.plan-card{position:relative;border:1px solid var(--line);border-radius:16px;padding:22px 18px 18px;display:flex;flex-direction:column;gap:10px;background:var(--card);box-shadow:0 1px 2px #11182a08;transition:transform .15s ease,box-shadow .15s ease}.plan-card:hover{transform:translateY(-3px);box-shadow:0 24px 50px -30px #11182a66}.plan-card.current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.plan-card h3{margin:0;font:600 18px var(--font-display)}.plan-popular-badge{position:absolute;top:-11px;right:14px;background:#c2410c;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:3px 10px;border-radius:999px}.plan-tagline{margin:-4px 0 0;font-size:.84rem;color:var(--muted);min-height:2.2em}.plan-price{font:500 2.2rem var(--font-display);letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums}.plan-price span{font-size:.9rem;font-weight:500;font-family:Satoshi,system-ui,sans-serif;letter-spacing:0;color:var(--faint)}.plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:.88rem;color:var(--muted)}.plan-features li:before{content:"✓";color:var(--success);font-weight:700;margin-right:7px}.plan-cta{display:flex;flex-direction:column;gap:5px;margin-top:auto}.plan-cancel-note{font-size:.76rem;color:var(--faint);text-align:center}.plan-current-badge{color:var(--accent);font-weight:600;font-size:.85rem;margin-top:auto}.palette-row{display:flex;gap:12px;margin-top:10px}.palette-swatch{width:34px;height:34px;min-height:0;padding:0;border-radius:50%;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 0 1px #11182a1f;transition:box-shadow .15s}.palette-swatch svg{display:none}.palette-swatch.active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent)}.palette-swatch.active svg{display:block}.palette-swatch-custom{position:relative;overflow:hidden;background:conic-gradient(from 0deg,#ef4444,#f59e0b,#22c55e,#06b6d4,#3b82f6,#a855f7,#ef4444);color:var(--text)}.palette-swatch-custom .palette-color-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer}.palette-swatch-custom>svg{display:block;position:relative;filter:drop-shadow(0 1px 1px rgba(17,24,42,.35))}.palette-swatch-custom.active{color:#fff}.settings-card--stack{display:block}.settings-card--stack>h2{margin-bottom:14px}.settings-card .ai-connected{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:12px 0 16px;padding:7px 12px;border-radius:999px;width:fit-content;max-width:100%;font-size:13px;font-weight:600;color:var(--success);background:var(--success-tint);border:1px solid color-mix(in srgb,var(--success) 25%,transparent)}.ai-connected svg{flex-shrink:0}.ai-connected-sep{opacity:.5}.annotator-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.annotator-page-head h2{margin:0 0 4px}.annotator-page-url{margin:0;font-size:13px}.annotator-page-url a{display:inline-flex;align-items:center;gap:4px;color:inherit}.annotator-page-actions{display:flex;gap:6px;flex-shrink:0}.annotator-viewports{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:12px 0}.annotator-viewport-card{border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;gap:8px;align-content:start}.annotator-viewport-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.annotator-thumb{display:block;padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;cursor:zoom-in;background:none;height:110px}.annotator-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.annotator-viewport-status{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px}.annotator-viewport-failed{color:#9a6700;font-weight:600}.annotator-share-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.annotator-share-list li{display:flex;align-items:center;gap:10px;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:8px 12px}.spin{animation:annotator-spin 1s linear infinite}@keyframes annotator-spin{to{transform:rotate(360deg)}}.admin-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.admin-plan-card{border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;gap:12px;background:var(--surface-subtle);align-content:start}.admin-plan-card h3{font:600 16px var(--font-display);margin:0}.admin-plan-card label{display:grid;gap:5px}.admin-plan-card label>span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--faint);margin:0}.admin-plan-card input{width:100%;padding:8px 12px;border:1px solid var(--line-strong);border-radius:9px;font:inherit;background:var(--card);min-height:40px}.admin-plan-card .quiet-button{justify-self:end}.admin-promo-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end}.admin-promo-form label{display:grid;gap:5px}.admin-promo-form label>span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--faint);margin:0}.admin-promo-form input,.admin-promo-form select{width:100%;padding:8px 12px;border:1px solid var(--line-strong);border-radius:9px;font:inherit;background:var(--card);min-height:40px}.admin-promo-table{width:100%;border-collapse:collapse;font-size:13px}.admin-promo-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);padding:8px 10px;border-bottom:1px solid var(--line);background:transparent}.admin-promo-table td{padding:8px 10px;border-bottom:1px solid var(--line);border-top:0}.admin-promo-table tr.muted td{opacity:.55}.invite-banner{background:var(--ink);color:#fff;padding:14px 20px;text-align:center;font-size:.92rem}.invite-banner b{color:#fff}.invite-actions{display:flex;gap:10px;justify-content:center}.invite-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:clamp(28px,5vw,44px);width:min(420px,100%);display:grid;justify-items:center;gap:14px;box-shadow:var(--shadow-pop)}.invite-card .logo-mark{width:40px;height:40px;margin-bottom:4px;border-radius:11px}.invite-card strong{font:600 22px var(--font-display);letter-spacing:-.02em}.invite-card>span{color:var(--muted);max-width:320px}.status-screen a.primary-button{text-decoration:none}.workspace-switch{padding:0 0 18px}.workspace-switch select{width:100%;background:var(--ws-bg);color:var(--nav-text);border:1px solid var(--ws-border);border-radius:12px;padding:12px 14px;min-height:0;font-weight:600;font-size:14.5px;letter-spacing:-.01em;cursor:pointer}.workspace-switch select option{color:var(--ink)}.task-row.is-shared-running{background:var(--accent-wash)}.shared-running{color:var(--accent)!important;font-weight:600}.export-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--faint);margin-bottom:8px}.export-periods{display:flex;gap:6px;flex-wrap:wrap}.export-periods button{border:1px solid var(--line-strong);background:transparent;color:var(--muted);border-radius:9px;padding:8px 13px;cursor:pointer;font-size:12px;font-weight:600}.export-periods button:hover{background:var(--bg)}.export-periods button.active{background:var(--ink);border-color:var(--ink);color:#fff}.form-row-even{grid-template-columns:1fr 1fr}.export-formats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-formats label{border:1px solid var(--line-strong);border-radius:11px;padding:12px 14px;cursor:pointer;display:grid;gap:3px}.export-formats label.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.export-formats input{position:absolute;opacity:0;pointer-events:none}.export-formats strong{font-size:13px}.export-formats label>span{font-size:12px;color:var(--muted);text-transform:none;letter-spacing:0;font-weight:500;margin:0}.kanban-add-backdrop{align-items:start;padding-top:min(18vh,180px)}.kanban-add-panel{width:min(880px,100%);animation:fadeUp .25s ease both}.kanban-add-panel .quick-start{box-shadow:var(--shadow-pop);border-radius:16px}.kanban-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.kanban-column{background:var(--surface-well);border:1px solid var(--line);border-radius:16px;padding:14px;min-height:220px;transition:border-color .15s,background .15s}.kanban-column.drag-over{border-color:var(--accent);background:var(--accent-tint)}.kanban-column-header{display:flex;align-items:center;gap:9px;padding:2px 4px 12px}.kanban-column-header h2{font:600 13px var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0}.kanban-dot{width:8px;height:8px;border-radius:50%;background:var(--line-strong)}.kanban-dot[data-status=in_progress]{background:var(--accent)}.kanban-dot[data-status=done]{background:var(--success)}.kanban-count{margin-left:auto;min-width:24px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700;color:var(--muted)}.kanban-cards{display:grid;gap:10px;position:relative}.kanban-drop-line{position:absolute;left:0;right:0;height:0;border-top:2px dashed var(--accent);z-index:2;pointer-events:none}.kanban-drop-line:before{content:"";position:absolute;left:-3px;top:-5px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.kanban-card.is-dragging{opacity:.4}.kanban-empty{border:1px dashed var(--line-strong);border-radius:12px;padding:22px 12px;text-align:center;color:var(--faint);font-size:13px}.kanban-card{display:grid;gap:7px;justify-items:start;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px 14px;box-shadow:var(--shadow-card);cursor:grab}.kanban-card:active{cursor:grabbing}.kanban-card-name{font-size:14px;letter-spacing:-.01em;overflow-wrap:anywhere}.kanban-card-labels{margin-top:0}.kanban-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0}.kanban-card-note{flex:1;min-width:0;padding:0;border:0;background:none;text-align:left;font:inherit;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:color .15s}.kanban-card-note:hover,.kanban-card-note:focus-visible{color:var(--accent)}.kanban-card-footer .tracker-play{width:28px;height:28px;border-radius:8px}.kanban-card-actions{display:inline-flex;align-items:center;gap:6px;margin-left:auto}.kanban-card .tracker-edit{opacity:.6;width:28px;height:28px;border-radius:8px}.kanban-card:hover .tracker-edit{opacity:1}.kanban-card-timer{display:inline-flex;align-items:center;gap:8px}.kanban-card-elapsed{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.kanban-card-tracked{font-size:12.5px;margin-right:2px}.kanban-stop{background:var(--accent);color:#fff}@media(max-width:900px){.kanban-board{grid-template-columns:1fr}.kanban-column{min-height:0}.kanban-card .tracker-edit{opacity:1}}@media(prefers-reduced-motion:reduce){.page,.modal,.update-toast,.install-banner,.live-dot{animation:none}.primary-button,.primary-button:hover,.plan-card,.plan-card:hover{transform:none;transition:none}.sidebar{transition:none}}