:root{--color-paper:#f0f6fd;--color-surface:#fff;--color-surface-muted:#e3ecf7;--color-ink:#142030;--color-ink-muted:#5e6d80;--color-line:#cfd8e5;--color-accent:#005bb8;--color-accent-strong:#004495;--color-accent-soft:#cce4ff;--color-danger:#be2e31;--color-danger-soft:#ffe4e1;--color-success:#007230;--color-success-soft:#d6f0da;--font-display:"Avenir Next", "Hiragino Kaku Gothic ProN", "Yu Gothic", system-ui, sans-serif;--font-body:"Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--shadow-soft:0 12px 32px #14223414;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--dur-fast:.12s;--dur-base:.18s}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(96.4953% -.962853 -4.39605);--color-surface:lab(100% 0 0);--color-surface-muted:lab(93.0009% -1.40774 -6.57457);--color-ink:lab(11.6878% -1.31047 -12.2909);--color-ink-muted:lab(45.3769% -2.23151 -12.5591);--color-line:lab(86.0354% -1.54269 -7.29395);--color-accent:lab(37.8648% 10.5244 -64.9262);--color-accent-strong:lab(27.9628% 19.2999 -68.3218);--color-accent-soft:lab(89.4031% -3.60379 -19.773);--color-danger:lab(43.6591% 56.9472 35.2594);--color-danger-soft:lab(92.7161% 10.738 5.79774);--color-success:lab(41.4075% -42.703 28.6805);--color-success-soft:lab(92.4134% -11.8413 7.56266);--shadow-soft:0 12px 32px lab(12.8156% -1.30244 -14.0053/.08)}}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0}button:disabled,select:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}h1,h2,p{margin:0}h1,h2,strong{font-family:var(--font-display);font-style:normal}h1{letter-spacing:-.04em;overflow-wrap:anywhere;font-size:clamp(28px,7vw,42px);line-height:1.16}h2{font-size:16px;line-height:1.35}.auth-page{min-height:100dvh;padding:var(--space-6);background:var(--color-paper);place-items:center;display:grid}.auth-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);width:min(440px,100%);box-shadow:var(--shadow-soft);padding:clamp(28px,8vw,52px)}.profile-card{max-width:480px}.brand-lockup{align-items:center;gap:var(--space-3);display:inline-flex}.brand-lockup strong{letter-spacing:-.03em;font-size:17px;display:block}.brand-lockup small,.brand-lockup span span{color:var(--color-ink-muted);letter-spacing:.08em;font-size:9px;line-height:1.4;display:block}.brand-mark{background:var(--color-accent);width:32px;height:32px;color:var(--color-surface);border-radius:10px;flex:none;place-items:center;font-weight:900;display:grid}.auth-card .brand-lockup{margin-bottom:var(--space-9)}.eyebrow{color:var(--color-accent);letter-spacing:.12em;font-size:11px;font-weight:800;line-height:1.3}.auth-card h1{margin-top:var(--space-3)}.auth-copy{margin-top:var(--space-4);color:var(--color-ink-muted);font-size:14px}.auth-note{margin-top:var(--space-4);color:var(--color-ink-muted);text-align:center;font-size:12px}.stack-form{gap:var(--space-4);margin-top:var(--space-6);display:grid}.field{gap:var(--space-2);min-width:0;display:grid}.field span{color:var(--color-ink-muted);font-size:12px;font-weight:800}.field i,.field em{margin-left:var(--space-1);color:var(--color-accent);font-size:10px;font-style:normal;font-weight:800}.field input,.field select,.field textarea{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-ink);transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out);padding:11px 12px}.field textarea{resize:vertical;min-height:120px}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--color-accent)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);min-height:44px;font-family:var(--font-display);white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);padding:0 16px;font-size:13px;font-weight:800;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(1px)}.button-primary{background:var(--color-accent);color:var(--color-surface);box-shadow:0 6px 16px #005bb82e;box-shadow:0 6px 16px lab(37.8648% 10.5244 -64.9262/.18)}.button-primary:hover{background:var(--color-accent-strong)}.button-secondary{background:var(--color-surface-muted);color:var(--color-ink)}.button-secondary:hover{background:var(--color-line)}.button-danger{background:var(--color-danger-soft);color:var(--color-danger)}.button-danger:hover{background:color-mix(in oklab, var(--color-danger-soft) 70%, var(--color-danger))}.button-wide{width:100%;margin-top:var(--space-7)}.text-button{margin-top:var(--space-4);color:var(--color-ink-muted);text-underline-offset:3px;background:0 0;font-size:12px;text-decoration:underline}.text-button:hover{color:var(--color-accent)}.muted{color:var(--color-ink-muted);font-size:13px}.small-text{font-size:12px}.error-message{color:var(--color-danger);font-size:12px;font-weight:700}.success-message{color:var(--color-success);font-size:13px;font-weight:700}.app-shell{min-height:100dvh}.side-rail{z-index:5;width:246px;padding:var(--space-7) var(--space-5);background:var(--color-surface);border-right:1px solid var(--color-line);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.side-brand{padding:0 var(--space-2)}.side-brand>span:last-child{min-width:0}.side-brand small{color:var(--color-ink-muted);letter-spacing:.08em;margin-top:3px;font-size:9px;display:block}.side-user{align-items:center;gap:var(--space-3);margin:var(--space-9) 0 var(--space-5);padding:var(--space-3);background:var(--color-surface-muted);border-radius:var(--radius-md);display:flex}.side-user>span:last-child{min-width:0}.side-user strong,.side-user small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.side-user strong{font-size:13px}.side-user small{color:var(--color-ink-muted);font-size:11px}.avatar{background:var(--color-accent-soft);width:32px;height:32px;color:var(--color-accent-strong);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:900;display:grid}.side-nav{gap:var(--space-1);display:grid}.side-nav a{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);color:var(--color-ink-muted);transition:background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out);padding:11px 12px;font-size:13px;font-weight:800;display:flex}.side-nav a span{color:currentColor;text-align:center;width:18px;font-size:17px}.side-nav a:hover{background:var(--color-surface-muted);color:var(--color-ink);transform:translate(2px)}.side-nav a.active{background:var(--color-accent-soft);color:var(--color-accent-strong)}.side-signout{align-self:flex-start;margin-top:auto}.main-area{min-height:100dvh;margin-left:246px}.topbar{background:color-mix(in oklab, var(--color-paper) 88%, transparent);border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;min-height:68px;padding:0 clamp(20px,5vw,60px);display:flex}.topbar-user{align-items:center;gap:var(--space-2);color:var(--color-ink-muted);font-size:12px;font-weight:700;display:flex}.mobile-brand{align-items:center;gap:var(--space-2);display:none}.content-area{width:min(960px,100%);margin:0 auto;padding:clamp(28px,6vw,64px) clamp(20px,5vw,60px) 96px}.page-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-6);margin-bottom:var(--space-7);display:flex}.compact-heading{margin-bottom:var(--space-6)}.page-lede{margin-top:var(--space-2);color:var(--color-ink-muted);font-size:13px}.inline-message{margin:-12px 0 var(--space-4)}.task-list{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);display:grid;overflow:clip;box-shadow:0 4px 16px #14223408;box-shadow:0 4px 16px lab(12.8156% -1.30244 -14.0053/.03)}.task-selection-head{min-height:42px;padding:0 var(--space-4);border-bottom:1px solid var(--color-line);background:var(--color-surface-muted);align-items:center;display:flex}.task-record{border-bottom:1px solid var(--color-line);border-left:3px solid var(--color-ink-muted);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.task-record:last-child{border-bottom:0}.task-record.is-selectable{grid-template-columns:40px minmax(0,1fr)}.task-record.task-status-in_progress{border-left-color:var(--color-accent)}.task-record.task-status-done{border-left-color:var(--color-success)}.task-record.is-overdue{border-left-color:var(--color-danger)}.task-checkbox{cursor:pointer;place-items:center;min-width:40px;min-height:44px;display:grid}.task-checkbox input{width:18px;height:18px;accent-color:var(--color-accent);margin:0}.task-select-all{gap:var(--space-2);width:fit-content;color:var(--color-ink-muted);white-space:nowrap;grid-template-columns:24px max-content;place-items:center start;font-size:11px;font-weight:800}.task-row{align-items:center;gap:var(--space-4);min-width:0;min-height:58px;padding:var(--space-3) var(--space-5);color:var(--color-ink);transition:background var(--dur-base) var(--ease-out);grid-template-columns:minmax(0,1fr) max-content max-content;display:grid}.task-record:hover .task-row{background:var(--color-surface-muted)}.task-record.is-selected .task-row,.task-row:active{background:var(--color-accent-soft)}.task-row:focus-visible{z-index:1;outline-offset:-3px;position:relative}.task-row-title{min-width:0;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.task-row-due,.task-row-assignee{color:var(--color-ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.task-row-due.is-overdue{color:var(--color-danger)}.task-row-assignee{max-width:13ch}.task-bulk-bar{z-index:12;bottom:var(--space-6);left:calc(246px + var(--space-6));width:min(620px, calc(100vw - 246px - var(--space-9)));align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-soft);grid-template-columns:max-content minmax(120px,1fr) max-content max-content;display:grid;position:fixed}.task-bulk-count{color:var(--color-ink-muted);font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:800}.task-bulk-bar select{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);min-width:0;min-height:44px;color:var(--color-ink);padding:0 var(--space-2);font-size:12px;font-weight:700}.task-bulk-bar .button{min-height:44px;padding-inline:var(--space-3)}.task-bulk-note{color:var(--color-danger);grid-column:2/-1;margin:0;font-size:11px;font-weight:700}.empty-state{min-height:260px;padding:var(--space-8);border:1px dashed var(--color-line);border-radius:var(--radius-md);text-align:center;place-items:center;display:grid}.empty-mark{width:44px;height:44px;margin-bottom:var(--space-4);background:var(--color-success-soft);color:var(--color-success);border-radius:50%;place-items:center;font-size:22px;font-weight:900;display:grid}.empty-state strong{display:block}.empty-state p{margin-top:var(--space-2);color:var(--color-ink-muted);font-size:12px}.bottom-nav{display:none}.card-surface{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:0 4px 16px #14223408;box-shadow:0 4px 16px lab(12.8156% -1.30244 -14.0053/.03)}.task-form{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));padding:clamp(20px,5vw,32px);display:grid}.field-wide{grid-column:1/-1}.form-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);grid-column:1/-1;display:flex}.form-actions .button-danger{margin-right:auto}.settings-card{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-6);display:flex}.settings-card h2{margin-bottom:var(--space-1)}.switch{justify-content:center;align-items:center;gap:var(--space-2);background:var(--color-surface-muted);min-width:78px;min-height:40px;color:var(--color-ink-muted);transition:background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:999px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.switch span{background:currentColor;border-radius:50%;width:9px;height:9px}.switch:hover{transform:translateY(-1px)}.switch.is-on{background:var(--color-success-soft);color:var(--color-success)}.info-note{margin-top:var(--space-4);padding:var(--space-4);border-left:3px solid var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-sm)}.info-note strong{font-size:13px}.info-note p{margin-top:var(--space-1);color:var(--color-ink-muted);font-size:12px}.success-message{margin-top:var(--space-4)}.user-add-card{margin-bottom:var(--space-5);padding:var(--space-5)}.user-add-card h2{margin-bottom:var(--space-1)}.user-add-form{align-items:flex-end;gap:var(--space-3);margin-top:var(--space-4);display:flex}.user-add-form .field{flex:1}.user-add-form .button{min-width:108px}.users-view .card-surface{overflow:clip}.user-record{border-bottom:1px solid var(--color-line)}.user-record:last-child{border-bottom:0}.user-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);display:flex}.user-row-main{align-items:center;gap:var(--space-3);min-width:0;display:flex}.user-row-main>div{min-width:0}.user-row-main strong,.user-row-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-row-main strong{font-size:13px}.user-row-main small{max-width:36ch;color:var(--color-ink-muted);font-size:11px}.user-row-main .user-row-status{color:var(--color-accent-strong);font-size:10px}.role-button{border:1px solid var(--color-line);background:var(--color-surface);min-width:92px;color:var(--color-ink-muted);white-space:nowrap;transition:border-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out);border-radius:999px;padding:8px 10px;font-size:11px;font-weight:800}.role-button:hover{border-color:var(--color-accent);color:var(--color-accent)}.role-button.is-admin{background:var(--color-accent-soft);border-color:var(--color-accent-soft);color:var(--color-accent-strong)}.user-row-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.user-action-button{border:1px solid var(--color-line);background:var(--color-surface);min-height:34px;color:var(--color-ink-muted);white-space:nowrap;border-radius:999px;padding:0 10px;font-size:11px;font-weight:800}.user-action-button:hover{border-color:var(--color-accent);color:var(--color-accent)}.user-action-button.is-danger:hover{border-color:var(--color-danger);color:var(--color-danger)}.user-edit-form{align-items:end;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-5);background:var(--color-surface-muted);border-top:1px solid var(--color-line);grid-template-columns:minmax(100px,.7fr) minmax(100px,.7fr) minmax(200px,1.6fr) auto;display:grid}.user-edit-actions{gap:var(--space-2);display:flex}.user-edit-actions .button{min-height:42px}.users-view>.small-text{margin-top:var(--space-3)}@media (max-width:760px){.side-rail{display:none}.main-area{margin-left:0}.topbar{min-height:60px;padding:0 var(--space-4)}.mobile-brand{display:inline-flex}.mobile-brand strong{letter-spacing:-.03em;font-size:15px}.topbar-user>span:last-child{display:none}.content-area{padding:var(--space-7) var(--space-4) 92px}.page-heading{align-items:flex-start;gap:var(--space-4);flex-direction:column}.page-heading .button{width:100%}.task-selection-head{padding-inline:var(--space-3)}.task-record.is-selectable{grid-template-columns:36px minmax(0,1fr)}.task-checkbox{min-width:36px}.task-row{gap:var(--space-2);min-height:54px;padding:var(--space-3) var(--space-4)}.task-row-title{font-size:13px}.task-row-due,.task-row-assignee{font-size:10px}.task-row-assignee{max-width:8ch}.task-bulk-bar{right:var(--space-3);bottom:calc(72px + env(safe-area-inset-bottom));left:var(--space-3);grid-template-columns:max-content minmax(0,1fr) max-content max-content;width:auto}.task-bulk-count{font-size:11px}.task-bulk-bar .button{min-width:0;padding-inline:var(--space-2)}.task-form{padding:var(--space-4);grid-template-columns:minmax(0,1fr)}.field-wide,.form-actions{grid-column:auto}.form-actions .button{flex:1}.settings-card{flex-direction:column;align-items:flex-start}.switch{width:100%}.user-add-form{flex-direction:column;align-items:stretch}.user-add-form .button{width:100%}.user-row{flex-direction:column;align-items:flex-start}.user-row-actions{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.role-button,.user-action-button{width:100%;min-width:0}.user-edit-form{padding:var(--space-4);grid-template-columns:minmax(0,1fr)}.user-edit-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.user-edit-actions .button{width:100%}.bottom-nav{z-index:10;padding:8px 6px max(8px, env(safe-area-inset-bottom));background:color-mix(in oklab, var(--color-surface) 94%, transparent);border-top:1px solid var(--color-line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -8px 24px #14223414;box-shadow:0 -8px 24px lab(12.8156% -1.30244 -14.0053/.08)}.bottom-nav a{border-radius:var(--radius-sm);min-width:0;color:var(--color-ink-muted);place-items:center;gap:2px;padding:5px 2px;font-size:10px;font-weight:800;display:grid}.bottom-nav a span{font-size:17px;line-height:1}.bottom-nav a.active{background:var(--color-accent-soft);color:var(--color-accent-strong)}}@media (max-width:360px){.content-area{padding-inline:var(--space-3)}.task-row{grid-template-columns:minmax(0,1fr) max-content max-content}.task-row-assignee{max-width:6ch}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.15s!important;animation-duration:.15s!important}}