:root{--n-0:#ffffff;--n-25:#fbfcfe;--n-50:#f5f7fa;--n-75:#eef1f6;--n-100:#e8ecf2;--n-150:#dfe4ec;--n-200:#d4dae4;--n-300:#bcc4d1;--n-400:#9aa4b4;--n-500:#7c8597;--n-600:#5d6675;--n-700:#454d5c;--n-800:#2c333f;--n-900:#1b2230;--bg:var(--n-50);--panel:var(--n-0);--panel-2:var(--n-25);--panel-3:var(--n-75);--border:#e7ebf2;--border-strong:#d4dae4;--text:var(--n-900);--text-2:var(--n-700);--muted:#5c6573;--muted-2:#838c9b;--accent:#3551d4;--accent-hover:#2a41ad;--accent-on:#ffffff;--accent-soft:#ecf0ff;--accent-soft-2:#dfe6ff;--accent-border:#c4d1fb;--ring:rgba(53,81,212,.3);--brand:#fd6161;--pos:#0f7a4e;--pos-soft:#e6f4ec;--neg:#c23934;--neg-strong:#9a241f;--neg-soft:#fdecea;--warn:#a85d08;--warn-soft:#fdf2e1;--client:#6d28d9;--client-soft:#efe7fd;--prio-high:#c23934;--prio-high-soft:#fdecea;--prio-medium:#a85d08;--prio-medium-soft:#fdf2e1;--prio-low:#3551d4;--prio-low-soft:#ecf0ff;--font-sans:"Inter","Inter var",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--fs-micro:11px;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:24px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--r-xs:6px;--r-sm:8px;--r-md:10px;--r-lg:14px;--r-pill:999px;--shadow-sm:0 1px 2px rgba(20,28,46,.05);--shadow-card:0 1px 2px rgba(20,28,46,.04),0 1px 3px rgba(20,28,46,.05);--shadow-pop:0 6px 16px rgba(20,28,46,.1),0 2px 5px rgba(20,28,46,.07);--shadow-modal:0 24px 60px rgba(16,22,40,.22),0 6px 16px rgba(16,22,40,.12);--dur:.15s;--ease:cubic-bezier(.2,.6,.2,1);color-scheme:light}:root[data-theme=dark]{--bg:#12151c;--panel:#1a1e27;--panel-2:#1f2430;--panel-3:#262c3a;--border:#2b3140;--border-strong:#39404f;--text:#eceef2;--text-2:#c3c8d2;--muted:#9aa2b1;--muted-2:#6d7585;--accent:#7a90ec;--accent-hover:#93a5f0;--accent-on:#12151c;--accent-soft:#232a44;--accent-soft-2:#2b3457;--accent-border:#3b477a;--ring:rgba(122,144,236,.35);--pos:#4fbd8c;--pos-soft:#1c3229;--neg:#e57373;--neg-strong:#ef9a9a;--neg-soft:#3a2224;--warn:#e0a95c;--warn-soft:#37301e;--client:#b79df0;--client-soft:#2d2542;--prio-high:#e57373;--prio-high-soft:#3a2224;--prio-medium:#e0a95c;--prio-medium-soft:#37301e;--prio-low:#7a90ec;--prio-low-soft:#232a44;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-card:0 1px 2px rgba(0,0,0,.25),0 1px 3px rgba(0,0,0,.3);--shadow-pop:0 6px 16px rgba(0,0,0,.4),0 2px 5px rgba(0,0,0,.3);--shadow-modal:0 24px 60px rgba(0,0,0,.55),0 6px 16px rgba(0,0,0,.35);color-scheme:dark}*{box-sizing:border-box}html{font-feature-settings:"cv11","ss01"}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-sm);line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{margin:0;font-weight:var(--fw-semibold);letter-spacing:-.012em;color:var(--text)}::selection{background:var(--accent-soft-2)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum","cv11"}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input,select,textarea{font-family:inherit;font-size:var(--fs-sm);color:var(--text);background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:7px 9px;outline:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}input::placeholder{color:var(--muted-2)}input:hover,select:hover,textarea:hover{border-color:var(--n-300)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}input:disabled,select:disabled{background:var(--panel-2);color:var(--muted);cursor:not-allowed}input.invalid{border-color:var(--neg)}input[type=checkbox],input[type=radio]{width:15px;height:15px;accent-color:var(--accent)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235c6573' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 9px center;padding-right:28px}kbd{font-family:inherit;font-size:var(--fs-micro);color:var(--muted);background:var(--panel-3);border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:1px 5px}.boot{display:grid;place-items:center;height:100vh;color:var(--muted)}.app{display:grid;grid-template-columns:236px 1fr;height:100vh}.main{overflow-y:auto;min-width:0;padding-bottom:80px}.view{max-width:860px;margin:0 auto;padding:var(--sp-8) var(--sp-6)}.view-wide{max-width:1100px}.view-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:-.02em;margin:0 0 var(--sp-5);display:flex;align-items:center;gap:10px}.view-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.view-head-actions{display:flex;gap:12px;align-items:baseline}.sidebar{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--sp-4) var(--sp-3);overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:2px 8px var(--sp-4)}.brand-mark{width:30px;height:30px;border-radius:var(--r-sm);display:block}.brand-title{font-weight:var(--fw-bold);letter-spacing:-.02em;font-size:var(--fs-md)}.brand-by{font-size:var(--fs-micro);color:var(--muted-2);margin-top:1px}.search-trigger{display:flex;align-items:center;gap:9px;margin:0 0 var(--sp-2);padding:7px 10px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--panel-2);color:var(--muted);font-size:var(--fs-sm);transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.search-trigger:hover{border-color:var(--border-strong);color:var(--text)}.search-trigger kbd{margin-left:auto}.nav{display:flex;flex-direction:column;gap:1px;flex:1}.nav-item{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:var(--r-sm);color:var(--muted);font-weight:var(--fw-medium);font-size:var(--fs-sm);text-align:left;transition:background var(--dur) var(--ease),color var(--dur) var(--ease);position:relative}.nav-item:hover{background:var(--panel-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:var(--fw-semibold)}.nav-item.active:before{content:"";position:absolute;left:-12px;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-icon{width:18px;display:inline-flex;align-items:center;justify-content:center;flex:none;opacity:.95}.nav-count{margin-left:auto;font-size:var(--fs-micro);font-weight:var(--fw-semibold);background:var(--panel-3);color:var(--muted);border-radius:var(--r-pill);padding:1px 7px;min-width:20px;text-align:center}.nav-item.active .nav-count{background:var(--accent-soft-2);color:var(--accent)}.nav-head{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.07em;color:var(--muted-2);font-weight:var(--fw-semibold);padding:var(--sp-4) 10px var(--sp-1)}.nav-project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-project-client{margin-left:auto;font-size:var(--fs-micro);color:var(--muted-2)}.project-dot{width:8px;height:8px;border-radius:3px;flex:none;background:var(--n-400)}.project-dot.client{background:var(--client)}.nav-avatar{width:18px;height:18px;border-radius:var(--r-pill);flex:none;display:grid;place-items:center;background:var(--panel-3);color:var(--muted);font-size:8.5px;font-weight:var(--fw-semibold);letter-spacing:.02em}.nav-item.active .nav-avatar{background:var(--accent-soft-2);color:var(--accent)}.nav-new{color:var(--muted-2)}.sidebar-foot{display:flex;align-items:center;gap:8px;padding:var(--sp-3) 8px 0;border-top:1px solid var(--border);margin-top:var(--sp-3)}.foot-user{font-size:var(--fs-xs);font-weight:var(--fw-medium);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-micro);font-weight:var(--fw-semibold);padding:2px 8px;border-radius:var(--r-pill);background:var(--panel-3);border:1px solid var(--border);color:var(--muted);line-height:1.4;white-space:nowrap}.project-pill{background:var(--panel-3);color:var(--text-2);border-color:transparent}.project-pill.client{background:var(--client-soft);color:var(--client);border-color:transparent}.category-pill,.due-pill.today{background:var(--accent-soft);color:var(--accent);border-color:transparent}.due-pill.overdue{background:var(--neg-soft);color:var(--neg);border-color:transparent}.logged-pill{font-size:10.5px}.prio{display:inline-grid;place-items:center;flex:none}.prio-high{color:var(--prio-high)}.prio-medium{color:var(--prio-medium)}.prio-low{color:var(--prio-low)}.qa-prio.prio-high{background:var(--prio-high-soft);color:var(--prio-high);border-color:transparent}.qa-prio.prio-medium{background:var(--prio-medium-soft);color:var(--prio-medium);border-color:transparent}.qa-prio.prio-low{background:var(--prio-low-soft);color:var(--prio-low);border-color:transparent}.avatar{display:inline-grid;place-items:center;flex:none;border-radius:var(--r-pill);background:var(--panel-3);color:var(--text-2);font-weight:var(--fw-semibold);letter-spacing:.02em}.avatar-lg{width:30px;height:30px;font-size:12px}.icon-btn{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:var(--r-xs);color:var(--muted);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.icon-btn:hover{background:var(--panel-3);color:var(--text)}.link-btn{color:var(--muted-2);font-size:var(--fs-micro);font-weight:var(--fw-medium)}.link-btn:hover{color:var(--accent);text-decoration:underline}.btn{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:var(--accent-on);padding:7px 13px;border-radius:var(--r-sm);font-weight:var(--fw-semibold);font-size:var(--fs-xs);transition:background var(--dur) var(--ease)}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.45;cursor:default}.btn-outline{background:var(--panel);color:var(--text-2);border:1px solid var(--border-strong)}.btn-outline:hover{background:var(--panel-2);border-color:var(--n-300)}.btn-danger-soft{background:var(--neg-soft);color:var(--neg)}.btn-danger-soft:hover{background:var(--neg-soft);filter:brightness(.97)}.btn-sm{padding:5px 10px}.muted{color:var(--muted);font-size:var(--fs-xs)}.empty-state{padding:48px 0;text-align:center}.empty-title{font-weight:var(--fw-semibold);color:var(--muted)}.empty-hint{margin-top:6px;font-size:var(--fs-xs);color:var(--muted-2)}.tabs{display:flex;align-items:center;gap:2px;margin-bottom:var(--sp-5);border-bottom:1px solid var(--border)}.tab{padding:8px 14px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--dur) var(--ease)}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.layout-toggle{margin-left:auto;display:inline-flex;gap:2px;margin-bottom:4px;background:var(--panel-3);border:1px solid var(--border);border-radius:var(--r-xs);padding:2px}.layout-btn{display:inline-grid;place-items:center;width:26px;height:22px;border-radius:4px;color:var(--muted)}.layout-btn.active{background:var(--panel);color:var(--accent);box-shadow:var(--shadow-sm)}.monthpicker{position:relative;display:inline-block}.mp-trigger{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:var(--fs-sm);color:var(--text);background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:7px 10px;cursor:pointer;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.mp-trigger:hover{border-color:var(--n-300)}.mp-trigger.open,.mp-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.mp-trigger svg{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mp-trigger .mp-cal{width:15px;height:15px;color:var(--muted)}.mp-trigger .mp-val{font-variant-numeric:tabular-nums;font-weight:var(--fw-medium);white-space:nowrap}.mp-trigger .mp-caret{width:12px;height:12px;color:var(--muted);margin-left:1px;transition:transform var(--dur) var(--ease)}.mp-trigger.open .mp-caret{transform:rotate(180deg)}.mp-pop{position:absolute;z-index:40;top:calc(100% + 6px);left:0;width:262px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-pop);padding:12px}.mp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mp-head .mp-year{font-weight:var(--fw-semibold);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;letter-spacing:.01em}.mp-nav{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--panel);color:var(--muted);cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.mp-nav svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mp-nav:hover{background:var(--panel-2);color:var(--text);border-color:var(--n-300)}.mp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mp-month{padding:8px 0;text-align:center;font-size:var(--fs-sm);font-weight:var(--fw-medium);border:1px solid transparent;border-radius:var(--r-sm);background:var(--panel-2);color:var(--text-2);cursor:pointer;font-variant-numeric:tabular-nums;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.mp-month:hover{background:var(--accent-soft);color:var(--accent)}.mp-month.current{box-shadow:inset 0 0 0 1px var(--accent-border)}.mp-month.selected{background:var(--accent);color:var(--accent-on);font-weight:var(--fw-semibold)}.mp-foot{display:flex;justify-content:flex-end;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.mp-today{border:none;background:none;color:var(--accent);font-weight:var(--fw-semibold);font-size:var(--fs-xs);cursor:pointer;padding:2px 4px}.mp-today:hover{text-decoration:underline}.dp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;font-size:var(--fs-micro);color:var(--muted-2);font-weight:var(--fw-semibold);text-align:center}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dp-day{padding:6px 0;text-align:center;font-size:var(--fs-xs);font-weight:var(--fw-medium);border:1px solid transparent;border-radius:var(--r-xs);background:none;color:var(--text-2);cursor:pointer;font-variant-numeric:tabular-nums;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.dp-day:hover{background:var(--accent-soft);color:var(--accent)}.dp-day.current{box-shadow:inset 0 0 0 1px var(--accent-border)}.dp-day.selected{background:var(--accent);color:var(--accent-on);font-weight:var(--fw-semibold)}.time-input{width:76px;font-variant-numeric:tabular-nums}.quickadd{margin-bottom:var(--sp-5)}.quickadd-row{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:5px 12px;box-shadow:var(--shadow-sm);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.quickadd-row:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.quickadd-plus{color:var(--accent);font-weight:var(--fw-semibold);font-size:15px}.quickadd-input{flex:1;border:none;background:none;padding:7px 0;box-shadow:none}.quickadd-input:focus,.quickadd-input:hover{border:none;box-shadow:none}.quickadd-preview{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 12px 0}.qa-title{color:var(--text-2);font-weight:var(--fw-medium);margin-right:2px;font-size:var(--fs-xs)}.qa-project{background:var(--panel-3);color:var(--text-2);border-color:transparent}.qa-person{background:var(--client-soft);color:var(--client);border-color:transparent}.qa-category,.qa-date{background:var(--accent-soft);color:var(--accent);border-color:transparent}.qa-recur{background:var(--warn-soft);color:var(--warn);border-color:transparent}.qa-suggest{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-micro);font-weight:var(--fw-semibold);padding:2px 9px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);border:1px dashed var(--accent-border)}.qa-suggest:hover{background:var(--accent-soft-2)}.qa-hints{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px 0;color:var(--muted-2);font-size:var(--fs-micro)}.qa-hint{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.qa-hint kbd{font-size:10px}.task-groups{display:flex;flex-direction:column;gap:var(--sp-5)}.group-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--muted);padding-bottom:7px;border-bottom:1px solid var(--border);display:flex;align-items:baseline;gap:8px}.group-count{font-size:var(--fs-micro);color:var(--muted-2);font-weight:var(--fw-medium)}.task-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-bottom:1px solid var(--border);cursor:pointer;border-radius:var(--r-sm);transition:background var(--dur) var(--ease)}.task-row:hover{background:var(--panel);box-shadow:var(--shadow-sm)}.task-row.done .task-title{color:var(--muted-2);text-decoration:line-through}.task-row.timing{background:var(--accent-soft)}.task-title{flex:1;display:inline-flex;align-items:center;gap:6px;min-width:0;font-weight:var(--fw-medium)}.recur-icon,.private-icon{color:var(--muted-2);flex:none}.task-chips{display:flex;align-items:center;gap:5px;flex:none}.task-check{width:17px;height:17px;flex:none;border:1.5px solid var(--n-400);border-radius:var(--r-pill);display:grid;place-items:center;color:#fff;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.task-check:hover{border-color:var(--accent)}.task-check.checked{background:var(--pos);border-color:var(--pos)}.timer-btn{width:25px;height:25px;flex:none;border-radius:var(--r-xs);display:grid;place-items:center;color:var(--muted-2);opacity:0;transition:opacity var(--dur) var(--ease)}.task-row:hover .timer-btn{opacity:1}.timer-btn:hover{background:var(--accent-soft);color:var(--accent)}.timer-btn.running{opacity:1;color:var(--neg)}.section-block{margin-top:var(--sp-5);min-height:8px}.section-head{display:flex;align-items:baseline;gap:8px;padding-bottom:7px;border-bottom:1px solid var(--border);font-weight:var(--fw-semibold);font-size:var(--fs-xs);color:var(--text-2)}.section-head .link-btn{opacity:0}.section-head:hover .link-btn{opacity:1}.section-add-btn{display:block;margin-top:var(--sp-4)}.section-add{margin-top:var(--sp-4)}.board{display:flex;gap:var(--sp-3);align-items:flex-start;overflow-x:auto;padding-bottom:var(--sp-4)}.board-col{flex:0 0 260px;min-width:260px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-2)}.board-col-head{display:flex;align-items:baseline;gap:8px;padding:4px 8px 8px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-2)}.board-col-cards{display:flex;flex-direction:column;gap:var(--sp-2);min-height:24px}.board-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 11px;cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.board-card:hover{box-shadow:var(--shadow-pop);border-color:var(--border-strong)}.board-card.done{opacity:.55}.board-card.done .board-card-title{text-decoration:line-through}.board-card-top{display:flex;align-items:flex-start;gap:8px}.board-card-title{flex:1;min-width:0;font-weight:var(--fw-medium);font-size:var(--fs-sm);display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.board-card-meta{display:flex;align-items:center;gap:5px;margin-top:9px;flex-wrap:wrap}.board-card-spacer{flex:1}.timer-bar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--r-lg);padding:9px 14px;box-shadow:var(--shadow-pop);z-index:40}.timer-dot{width:8px;height:8px;border-radius:var(--r-pill);background:var(--neg);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.timer-task{font-weight:var(--fw-medium);max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-task:hover{color:var(--accent)}.timer-elapsed{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10162852;z-index:50;display:flex;justify-content:flex-end}.detail-panel{width:min(540px,94vw);height:100%;overflow-y:auto;background:var(--panel);box-shadow:var(--shadow-modal);padding:var(--sp-4) var(--sp-5) var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-4)}.detail-head{display:flex;align-items:center;justify-content:space-between}.detail-head-right{display:flex;align-items:center;gap:8px}.detail-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);border:1px solid transparent;background:none;padding:4px 6px;margin:0 -6px;border-radius:var(--r-sm);box-shadow:none}.detail-title:hover{border-color:var(--border);box-shadow:none}.detail-title:focus{border-color:var(--accent);background:var(--panel)}.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.field{display:flex;flex-direction:column;gap:5px}.field-label{font-size:var(--fs-micro);color:var(--muted);font-weight:var(--fw-medium)}.due-inputs{display:flex;gap:6px}.due-inputs input[type=date]{flex:1;min-width:0}.due-inputs input[type=time]{width:92px;flex:none}.recur-line{display:inline-flex;align-items:center;gap:6px;padding:7px 0}.private-toggle{display:inline-flex;align-items:center;gap:7px;padding:7px 0;font-size:var(--fs-xs);color:var(--text-2);cursor:pointer}.private-toggle input:disabled+span{color:var(--muted-2)}.detail-desc{resize:vertical;min-height:64px}.detail-section{border-top:1px solid var(--border);padding-top:var(--sp-3)}.section-title{font-size:var(--fs-micro);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2);margin-bottom:var(--sp-2);display:flex;align-items:baseline;gap:8px}.section-total{color:var(--text-2);text-transform:none;letter-spacing:0}.home-row{display:flex;align-items:center;gap:8px;padding:5px 0;flex-wrap:wrap}.home-billing{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-micro);color:var(--muted)}.add-project-select{margin-top:6px;color:var(--muted)}.comment{display:flex;gap:10px;padding:8px 0}.comment-main{flex:1;min-width:0}.comment-meta{display:flex;align-items:baseline;gap:8px}.comment-author{font-weight:var(--fw-semibold);font-size:var(--fs-xs)}.comment-date{font-size:var(--fs-micro);color:var(--muted-2)}.comment-body{margin-top:2px;white-space:pre-wrap}.comment-files{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.comment-file{font-size:var(--fs-micro);color:var(--accent);background:var(--accent-soft);border-radius:var(--r-pill);padding:2px 9px;font-weight:var(--fw-medium);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-file:hover{background:var(--accent-soft-2)}.comment-composer-wrap{margin-top:var(--sp-2)}.composer-files{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.comment-composer{display:flex;gap:8px;align-items:flex-end}.comment-composer textarea{flex:1;resize:vertical}.time-row{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:var(--fs-xs)}.time-date{color:var(--muted)}.time-dur{font-weight:var(--fw-semibold)}.time-note{flex:1;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-add{display:flex;gap:6px;margin-top:var(--sp-2);flex-wrap:wrap}.time-dur-input{width:118px}.time-note-input{flex:1;min-width:120px}.file-row{display:flex;align-items:center;gap:8px;padding:5px 0;min-width:0}.file-icon{color:var(--muted-2);display:grid;place-items:center;flex:none}.file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:var(--fs-xs);color:var(--text-2);font-weight:var(--fw-medium)}.file-name:hover{color:var(--accent);text-decoration:underline}.file-meta{font-size:var(--fs-micro);color:var(--muted-2);flex:none}.attachments .btn-sm{margin-top:var(--sp-2)}.search-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10162852;z-index:70;display:flex;justify-content:center;padding-top:12vh}.search-panel{width:min(600px,92vw);height:fit-content;max-height:70vh;overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-modal);display:flex;flex-direction:column}.search-input-row{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}.search-icon{color:var(--muted-2);flex:none}.search-input-row input{flex:1;border:none;box-shadow:none;font-size:var(--fs-md);padding:4px 0}.search-input-row input:focus{box-shadow:none}.search-results{overflow-y:auto;padding:6px}.search-empty{padding:20px;text-align:center;color:var(--muted-2);font-size:var(--fs-xs)}.search-result{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:var(--r-sm);text-align:left}.search-result.selected{background:var(--accent-soft)}.search-kind{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:var(--r-xs);font-size:11px;background:var(--panel-3);color:var(--muted)}.search-kind.project{background:var(--client-soft);color:var(--client)}.search-result-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--fw-medium);display:inline-flex;gap:6px;align-items:center}.search-result-sub{font-size:var(--fs-micro);color:var(--muted-2);flex:none}.overview{display:grid;grid-template-columns:1fr 290px;gap:var(--sp-4);align-items:start}@media (max-width:900px){.overview{grid-template-columns:1fr}}.overview-main,.overview-side{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}.ov-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);box-shadow:var(--shadow-card)}.ov-card h3{margin:0 0 var(--sp-3);font-size:var(--fs-micro);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2)}.ov-desc{width:100%;border:1px solid transparent;background:none;padding:2px 0;resize:vertical;line-height:1.5;box-shadow:none}.ov-desc:hover{border-color:var(--border);box-shadow:none}.ov-desc:focus{border-color:var(--accent);background:var(--panel);padding:6px 9px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:var(--sp-2)}.stat{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 12px}.stat-num{font-size:18px;font-weight:var(--fw-bold);letter-spacing:-.02em}.stat-label{font-size:var(--fs-micro);color:var(--muted);margin-top:2px}.stat-warn .stat-num{color:var(--neg)}.cat-bars{margin-top:var(--sp-4);display:flex;flex-direction:column;gap:6px}.cat-bar-row{display:grid;grid-template-columns:110px 1fr 48px;gap:10px;align-items:center}.cat-bar-name{font-size:var(--fs-xs);color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-bar-track{height:7px;border-radius:var(--r-pill);background:var(--panel-3);overflow:hidden}.cat-bar-fill{display:block;height:100%;border-radius:var(--r-pill);background:var(--accent);opacity:.8}.cat-bar-val{font-size:var(--fs-micro);color:var(--muted);text-align:right}.activity-row{display:flex;align-items:center;gap:9px;width:100%;padding:7px 4px;border-radius:var(--r-xs);text-align:left;transition:background var(--dur) var(--ease)}.activity-row:hover{background:var(--panel-2)}.activity-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-xs);color:var(--text-2)}.activity-text b{font-weight:var(--fw-semibold);color:var(--text)}.activity-when{font-size:var(--fs-micro);color:var(--muted-2);flex:none}.person-row{display:flex;align-items:center;gap:9px;padding:5px 0}.person-name{flex:1;font-size:var(--fs-xs);font-weight:var(--fw-medium);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-meta{font-size:var(--fs-micro);color:var(--muted-2);flex:none}.report-controls{display:flex;align-items:center;gap:8px;margin-bottom:var(--sp-4);flex-wrap:wrap}.report-spacer{flex:1}.report-summary{display:flex;gap:18px;margin-bottom:var(--sp-3);color:var(--muted);font-size:var(--fs-xs)}.report-table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-card)}.report-table th{text-align:left;font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:var(--fw-semibold);padding:9px 13px;border-bottom:1px solid var(--border);background:var(--panel)}.report-table td{padding:8px 13px;border-bottom:1px solid var(--border)}.report-table tbody tr{transition:background var(--dur) var(--ease)}.report-table tbody tr:hover{background:var(--panel-2)}.report-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.row-member td{font-weight:var(--fw-semibold);background:var(--panel-3)}.row-client td{color:var(--text-2)}.row-category td{color:var(--muted);font-size:var(--fs-xs)}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--sp-4)}.admin-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);box-shadow:var(--shadow-card)}.admin-card h2{font-size:var(--fs-sm);margin:0 0 var(--sp-3)}.admin-row{display:flex;align-items:center;gap:8px;padding:6px 0}.admin-name{font-weight:var(--fw-medium);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.admin-sub{font-size:var(--fs-micro);color:var(--muted-2)}.admin-toggle{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-micro);color:var(--muted)}.admin-add{display:flex;gap:6px;margin-top:var(--sp-3);align-items:center;flex-wrap:wrap}.admin-add input:not([type=checkbox]){flex:1;min-width:130px}.admin-note{margin-top:var(--sp-3)}.guest-block{border-top:1px solid var(--border);padding:var(--sp-2) 0}.guest-block:first-of-type{border-top:none}.guest-grants{display:flex;flex-direction:column;gap:4px;padding:4px 0 6px 4px}.copy-block{margin-top:var(--sp-3)}.copy-block-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}.copy-block-code{margin:0;padding:10px 12px;border-radius:var(--r-sm);background:var(--panel-3);border:1px solid var(--border);font-size:var(--fs-micro);line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-all;font-variant-numeric:tabular-nums}.token-reveal{margin-top:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--accent-border);border-radius:var(--r-md);background:var(--accent-soft)}.token-list{margin-top:var(--sp-3);border-top:1px solid var(--border);padding-top:var(--sp-2)}.admin-row.is-revoked{opacity:.5}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10162852;z-index:60;display:grid;place-items:center}.modal{background:var(--panel);border-radius:var(--r-lg);box-shadow:var(--shadow-modal);width:min(430px,92vw);padding:var(--sp-4) var(--sp-5)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.modal-title{font-weight:var(--fw-semibold);font-size:var(--fs-md)}.form{display:flex;flex-direction:column;gap:var(--sp-3)}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:var(--sp-1)}.form-error{color:var(--neg)}.toast{position:fixed;bottom:16px;right:16px;z-index:80;padding:11px 14px;border-radius:var(--r-md);box-shadow:var(--shadow-pop);max-width:380px;cursor:pointer;font-size:var(--fs-xs)}.toast-error{background:var(--neg-soft);color:var(--neg-strong);border:1px solid var(--neg)}.login-screen{display:grid;place-items:center;height:100vh}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);width:min(380px,92vw);padding:var(--sp-6)}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:var(--sp-5)}.login-mark{width:40px;height:40px;border-radius:var(--r-md);display:block}.login-title{font-weight:var(--fw-bold);font-size:var(--fs-lg)}.login-sub{font-size:var(--fs-xs);color:var(--muted)}.login-heading{font-weight:var(--fw-semibold);margin-bottom:var(--sp-3)}.login-user{display:flex;align-items:center;gap:11px;width:100%;border:1px solid var(--border-strong);border-radius:var(--r-md);padding:11px 13px;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.login-user:hover{border-color:var(--accent);background:var(--panel-2)}.login-avatar{width:30px;height:30px;border-radius:var(--r-pill);display:grid;place-items:center;background:var(--panel-3)}.login-user-main{flex:1;text-align:left;display:flex;flex-direction:column}.login-user-name{font-weight:var(--fw-semibold)}.login-user-sub{font-size:var(--fs-micro);color:var(--muted-2)}.login-go{color:var(--muted-2)}.login-guest{display:block;width:100%;text-align:center;margin-top:var(--sp-3);font-size:var(--fs-xs);color:var(--muted);padding:8px;border-radius:var(--r-sm)}.login-guest:hover{color:var(--accent);background:var(--panel-2)}.login-foot{margin-top:var(--sp-3);font-size:var(--fs-micro);color:var(--muted-2)}.login-error{color:var(--neg)}