:root{color-scheme:light;--bg:#f5f7fa;--surface:#fff;--text:#182534;--muted:#526273;--line:#dce3eb;--accent:#1964c8;--accent-text:#fff;--accent-soft:#eaf1fc;--hover:#edf1f6;--good:#246b45;--good-bg:#eaf5ef;--warn:#865b0c;--warn-bg:#fbf2dc;--bad:#b13636;--bad-bg:#fbeeee;--focus:#1964c8;--radius:8px;--panel-width:480px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}a{color:var(--accent);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}::selection{background:var(--accent);color:var(--accent-text)}input,textarea{caret-color:var(--accent)}[hidden]{display:none!important}svg{display:block;flex:none}h1,h2,h3,p{margin-top:0}h1{font-size:26px;line-height:1.2;letter-spacing:-.025em;margin-bottom:8px;font-weight:680}h2{font-size:21px;line-height:1.3;letter-spacing:-.015em;margin-bottom:12px}h3{font-size:15px;line-height:1.4;margin-bottom:10px;font-weight:650}p{line-height:1.55;margin-bottom:12px}small,.small{font-size:13px}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:12px;z-index:100;background:var(--surface);padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.boot{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:16px;padding:24px}.boot-mark{width:40px;height:40px;background:url('./mark.svg') center/contain no-repeat}.icon{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:9px 14px;color:var(--text);font-weight:550;line-height:1.25;text-decoration:none;transition:background 160ms ease-out,border-color 160ms ease-out}.button:hover:not(:disabled){background:var(--hover);border-color:var(--muted)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.button.primary:hover:not(:disabled){filter:brightness(.94);background:var(--accent);border-color:var(--accent)}.button.quiet{border-color:transparent;background:transparent;color:var(--muted)}.button.quiet:hover:not(:disabled){background:var(--hover);border-color:transparent}.button.danger{color:var(--bad)}.button.compact{min-height:32px;padding:6px 10px;font-size:13px}.icon-button{width:36px;height:36px;min-height:36px;padding:7px;border:0;background:transparent;color:var(--muted);border-radius:var(--radius);display:inline-flex;justify-content:center;align-items:center}.icon-button:hover{background:var(--hover);color:var(--text)}.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:28px 16px 18px;border-right:1px solid var(--line);background:var(--bg);overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 27px;font-size:15px;line-height:1.3;font-weight:680;letter-spacing:-.01em}.brand img{width:30px;height:30px}.brand span{max-width:150px}.nav-group{display:flex;flex-direction:column;gap:3px}.nav-label{color:var(--muted);font-size:12px;font-weight:650;padding:26px 11px 9px}.nav-item{display:flex;align-items:center;gap:10px;text-align:left;width:100%;border:0;background:transparent;padding:11px 12px;border-radius:var(--radius);color:var(--muted);line-height:1.35;font-size:14px;min-height:42px}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item.selected{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item .icon{width:18px;height:18px}.nav-item .nav-title{flex:1}.nav-count{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;min-width:20px;text-align:right}.track-dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.65;flex:none;margin:0 5px}.sidebar-bottom{margin-top:auto;padding-top:24px}.user-row{display:flex;align-items:center;gap:10px;padding:10px 9px;border-top:1px solid var(--line);margin-top:14px}.avatar{width:31px;height:31px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--hover);color:var(--muted);font-weight:650;font-size:12px}.user-label{min-width:0;flex:1}.user-label strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.user-label span{font-size:11px;color:var(--muted)}.workspace{min-width:0;background:var(--surface)}.nav-scrim{display:none}.mobile-bar{display:none}.page{padding:38px 40px 44px;max-width:1600px;margin:0 auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.page-head p{font-size:14px;color:var(--muted);margin:0;max-width:65ch}.head-actions{display:flex;align-items:center;gap:8px;flex:none}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.search{position:relative;flex:1;min-width:180px;max-width:370px}.search .icon{position:absolute;top:11px;left:12px;color:var(--muted);width:17px;height:17px}.search input{padding-left:38px;width:100%}.control{min-height:40px;border:1px solid var(--line);border-radius:var(--radius);padding:9px 12px;color:var(--text);background:var(--surface);line-height:1.3;min-width:0;transition:border-color 160ms ease-out}.control:hover{border-color:var(--muted)}.control::placeholder{color:var(--muted);opacity:.9}select.control{padding-right:30px;max-width:255px}textarea.control{resize:vertical;min-height:92px}.toolbar .result-count{margin-left:auto;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{background:var(--bg);color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap;padding:12px 16px;border-bottom:1px solid var(--line)}td{padding:16px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}.task-table{min-width:680px}.task-table th:first-child{width:42%}.task-table tbody tr:hover{background:var(--bg)}.task-row.selected{background:var(--accent-soft)!important}.task-title{display:block;background:transparent;border:0;padding:0;color:var(--text);text-align:left;line-height:1.45;font-size:14px;font-weight:570}.task-title:hover{color:var(--accent)}.task-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:11px;margin-top:5px}.task-key{font-variant-numeric:tabular-nums}.mobile-task-meta{display:none}.person-cell{white-space:nowrap;font-size:13px}.unassigned{color:var(--muted)}.deadline{white-space:nowrap;font-size:13px;font-variant-numeric:tabular-nums}.deadline small{display:block;font-size:11px;margin-top:3px;color:var(--muted)}.deadline.overdue{color:var(--bad);font-weight:600}.status{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:4px 7px;background:var(--hover);color:var(--muted);font-size:11px;font-weight:600;white-space:nowrap}.status::before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%;flex:none}.status.in_progress{background:var(--accent-soft);color:var(--accent)}.status.review,.status.changes{background:var(--warn-bg);color:var(--warn)}.status.done{background:var(--good-bg);color:var(--good)}.status.cancelled{text-decoration:line-through}.empty{padding:60px 24px;text-align:center;max-width:520px;margin:0 auto}.empty .icon{width:30px;height:30px;color:var(--muted);margin:0 auto 16px}.empty h2{font-size:18px;margin-bottom:8px}.empty p{font-size:14px;color:var(--muted);margin:0 auto 20px;max-width:48ch}.notice{border-radius:var(--radius);background:var(--bg);padding:14px 16px;color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 18px}.notice.error{background:var(--bad-bg);color:var(--bad)}.notice.warning{background:var(--warn-bg);color:var(--warn)}.notice.success{background:var(--good-bg);color:var(--good)}.notice .button{margin-top:10px}.demo-strip{background:var(--warn-bg);color:var(--warn);padding:8px 16px;text-align:center;font-size:12px;line-height:1.5}.demo-strip button{border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:3px;margin-left:12px;cursor:pointer;font-size:12px}.split{display:grid;grid-template-columns:minmax(0,1fr) var(--panel-width);align-items:start}.split .page{padding:38px 24px;max-width:none;width:100%}.split .task-table{min-width:590px}.split .task-table .reviewer-col{display:none}.detail{border-left:1px solid var(--line);position:sticky;top:0;height:100dvh;overflow-y:auto;background:var(--surface);padding:26px 28px 40px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.detail-top .task-key{font-size:12px;color:var(--muted)}.detail h2{font-size:21px;overflow-wrap:anywhere;margin-bottom:16px}.detail-section{margin-top:28px}.detail-section p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.detail-section h3{font-size:12px;font-weight:650;color:var(--muted);margin-bottom:8px}.task-facts{display:grid;grid-template-columns:110px minmax(0,1fr);gap:11px 12px;font-size:13px;margin:22px 0}.task-facts dt{color:var(--muted)}.task-facts dd{margin:0;overflow-wrap:anywhere}.task-facts .status{margin-top:-2px}.result-link{display:flex;gap:8px;align-items:flex-start;font-size:13px;overflow-wrap:anywhere}.result-link .icon{width:16px;height:16px;margin-top:2px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.action-form{margin-top:18px;padding:16px;background:var(--bg);border-radius:var(--radius)}.action-form .control{background:var(--surface)}.action-form .field{margin-bottom:12px}.form-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-top:18px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;min-width:0}.field label,.field-label{font-size:13px;font-weight:600}.field .hint{font-size:12px;color:var(--muted);line-height:1.45}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.full-width{grid-column:1/-1}.form-page{max-width:850px}.form-intro{margin-bottom:28px}.form-back{margin-bottom:22px;margin-left:-8px}.field-error{font-size:12px;line-height:1.5;color:var(--bad)}.field .control[aria-invalid=true]{border-color:var(--bad)}.event-list{list-style:none;padding:0;margin:0}.event{padding:13px 0;border-bottom:1px solid var(--line)}.event:last-child{border-bottom:0}.event-head{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.event-head strong{color:var(--text);font-weight:600}.event-action{font-size:12px;color:var(--muted);margin-top:4px}.event p{font-size:13px;margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.event time{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.comment-form{margin-top:16px}.comment-form textarea{width:100%;font-size:13px;min-height:78px}.comment-form .button{margin-top:8px}.tag-list{display:flex;flex-wrap:wrap;gap:5px}.tag{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:5px;padding:3px 7px;font-size:11px;color:var(--muted);line-height:1.3;white-space:nowrap}.people-table{min-width:620px}.people-name{font-weight:600;font-size:14px}.people-name small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:4px}.roster-editor{padding:4px 0;max-width:720px}.membership-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}.membership-row label{display:flex;align-items:center;gap:9px;font-size:13px}.membership-row input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent)}.membership-row select{width:160px;font-size:12px;min-height:36px}.person-actions{text-align:right}.settings-section{max-width:900px;margin-top:32px}.settings-section:first-of-type{margin-top:0}.settings-section h2{font-size:18px;margin-bottom:8px}.settings-section>p{font-size:14px;color:var(--muted);max-width:65ch}.connection-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.connection-row:last-child{border-bottom:0}.connection-row strong{font-size:14px;font-weight:600;display:block;margin-bottom:5px}.connection-row p{color:var(--muted);font-size:13px;margin:0}.connection-info{flex:1;min-width:0}.connection-action{flex:none}.connection-status{font-size:12px;white-space:nowrap;color:var(--muted)}.connection-status.connected{color:var(--good)}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;background:var(--bg);padding:3px 6px;border-radius:4px;color:var(--text);overflow-wrap:anywhere}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:44px 24px;background:var(--bg)}.login-box{width:100%;max-width:440px}.login-logo{width:48px;height:48px;margin-bottom:28px}.login-box h1{font-size:29px;margin-bottom:14px}.login-box>p{font-size:15px;color:var(--muted);margin-bottom:26px;max-width:47ch}.login-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:28px}.login-divider{height:1px;background:var(--line);margin:28px 0}.login-tracks{display:flex;flex-wrap:wrap;gap:6px}.login-tracks .tag{background:var(--surface);padding:5px 8px}.login-box .notice{margin-top:20px;background:var(--surface)}.widget-wrap{min-height:40px}.demo-logins{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.demo-logins .button{font-size:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:60;max-width:min(560px,calc(100vw - 32px));padding:12px 18px;border-radius:var(--radius);background:var(--text);color:var(--surface);font-size:13px;line-height:1.4;box-shadow:0 6px 24px #0002}.skeleton-row td{padding-top:22px;padding-bottom:22px}.skeleton{display:block;height:11px;width:75%;border-radius:4px;background:var(--hover)}.skeleton.short{width:48%}.loading-line{background:var(--hover);height:10px;border-radius:4px;margin-bottom:14px;max-width:90%}.mobile-nav-close{display:none}.help-list{font-size:13px;line-height:1.65;color:var(--muted);padding-left:19px;margin:12px 0}.help-list li{padding:4px 0}.footer-note{font-size:12px;color:var(--muted);line-height:1.5;margin-top:18px}.inline-loader{font-size:13px;color:var(--muted);padding:20px 0}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#15202b;--surface:#1c2935;--text:#e4ebf2;--muted:#abbac9;--line:#354656;--accent:#80b8ff;--accent-text:#102139;--accent-soft:#223f60;--hover:#283a4b;--good:#a2ddba;--good-bg:#234437;--warn:#f3ce83;--warn-bg:#4b3d24;--bad:#ffaaaa;--bad-bg:#4a2c31;--focus:#80b8ff}}
:root[data-theme=dark]{color-scheme:dark;--bg:#15202b;--surface:#1c2935;--text:#e4ebf2;--muted:#abbac9;--line:#354656;--accent:#80b8ff;--accent-text:#102139;--accent-soft:#223f60;--hover:#283a4b;--good:#a2ddba;--good-bg:#234437;--warn:#f3ce83;--warn-bg:#4b3d24;--bad:#ffaaaa;--bad-bg:#4a2c31;--focus:#80b8ff}
@media(min-width:1600px){.page{padding-left:52px;padding-right:52px}.split .page{padding-left:32px;padding-right:32px}}
@media(max-width:1250px){.shell{grid-template-columns:208px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.page{padding:32px 28px}.split{grid-template-columns:minmax(0,1fr) 410px}.detail{padding:24px}.split .page{padding:32px 20px}.split .task-table{min-width:530px}.split .task-table .assignee-col{display:none}}
@media(max-width:1050px){.split{display:block}.split>.page{display:none}.detail{position:relative;height:auto;min-height:100dvh;border:0;max-width:760px;margin:auto;padding:28px 32px}.split .detail-top{margin-bottom:24px}.page-head{margin-bottom:24px}.head-actions .button{white-space:nowrap}}
@media(max-width:740px){.shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;height:100dvh;width:280px;z-index:50;transform:translateX(-100%);transition:transform 160ms ease-out;box-shadow:8px 0 30px #0002;padding:24px 16px}.shell.nav-open .sidebar{transform:none}.nav-scrim{position:fixed;inset:0;z-index:45;border:0;background:#0005;display:none}.shell.nav-open .nav-scrim{display:block}.mobile-nav-close{display:inline-flex;position:absolute;right:14px;top:16px}.sidebar .brand{padding-right:28px}.mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.mobile-bar strong{font-size:14px;flex:1}.mobile-bar .avatar{width:27px;height:27px;font-size:11px}.page{padding:26px 18px 40px}.page-head{gap:12px;align-items:center;margin-bottom:24px}.page-head h1{font-size:24px}.page-head p{font-size:12px;max-width:40ch}.head-actions{gap:4px}.head-actions .button{font-size:13px;padding:9px 11px;min-height:42px}.toolbar{gap:8px}.toolbar .search{width:100%;max-width:none;flex-basis:100%}.toolbar select{font-size:12px;flex:1;max-width:none;min-width:125px;min-height:42px}.toolbar .result-count{width:100%;margin:2px 0 0}.table-wrap{margin-left:-18px;margin-right:-18px;border-left:0;border-right:0;border-radius:0}.task-table{min-width:0;table-layout:fixed}.task-table th:first-child{width:66%}.task-table .assignee-col,.task-table .reviewer-col,.task-table th:last-child,.task-table td:last-child{display:none}.mobile-task-meta{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-task-meta.overdue{color:var(--bad)}th{padding:12px 14px}td{padding:16px 14px}.task-title{font-size:13px}.detail{min-height:calc(100dvh - 63px);padding:22px 20px 36px}.detail h2{font-size:22px}.detail-top .icon-button{width:auto;gap:5px;padding-left:0}.form-grid{grid-template-columns:1fr}.form-page{padding-bottom:44px}.form-grid .full-width{grid-column:auto}.control{min-height:44px;font-size:16px}.form-actions .button{min-height:44px}.form-actions{flex-wrap:wrap}.membership-row{align-items:flex-start}.membership-row label{padding-top:8px}.membership-row select{width:145px}.connection-row{gap:12px;flex-wrap:wrap}.connection-action{max-width:100%}.settings-section{margin-top:28px}.settings-section h2{font-size:18px}.login-page{align-items:flex-start;padding-top:70px}.login-box h1{font-size:27px}.login-logo{width:44px;height:44px;margin-bottom:24px}.button{min-height:44px}.icon-button{min-height:40px;width:40px}.event-head{flex-wrap:wrap;gap:5px}.toast{bottom:max(18px,env(safe-area-inset-bottom));width:max-content}.task-facts{grid-template-columns:100px minmax(0,1fr)}.demo-logins{grid-template-columns:1fr}.page-head .refresh-label{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}