:root{--bg-page:#f7f6fa;--bg-surface:#fff;--bg-sunken:#efedf6;--border:#e2dfec;--border-strong:#cbc6de;--text-primary:#201d2b;--text-secondary:#635f73;--text-muted:#9791aa;--accent:#5b4fcf;--accent-bg:#ecebfb;--accent-text:#4238a8;--radius:8px;--radius-lg:12px;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-data:ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--status-gray-bg:#eceaf3;--status-gray-text:#4a4658;--status-amber-bg:#fbeedb;--status-amber-text:#7a4a08;--status-coral-bg:#fbe7e2;--status-coral-text:#8a3116;--status-green-bg:#e4f3e1;--status-green-text:#285c1b;--status-teal-bg:#e1f3ee;--status-teal-text:#0b5c49;--status-pink-bg:#fce9f1;--status-pink-text:#7a2350;--status-indigo-bg:#e7e9fb;--status-indigo-text:#38408a;--status-yellow-bg:#fdf3c7;--status-yellow-text:#6b5504;--status-orange-bg:#fce3cc;--status-orange-text:#8a4610;--status-skyblue-bg:#dff3fc;--status-skyblue-text:#0b5c7a}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-ui);background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font-family:inherit}button{cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:7px 12px;font-size:13px}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-primary);padding:7px 9px;font-size:13px}input:focus-visible,select:focus-visible,button:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app{min-height:100vh;display:flex}.sidebar{background:var(--bg-sunken);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:1.25rem;width:180px;padding:1.1rem .7rem;display:flex}.identity-block{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding-bottom:1.1rem;display:flex}.user-row{border-radius:var(--radius);align-items:center;gap:9px;padding:6px;display:flex}.user-row:hover{background:var(--bg-surface)}.brand-row{align-items:center;gap:9px;padding:0 6px;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:600;display:flex}.brand-name{letter-spacing:-.01em;font-size:14px;font-weight:600}.avatar{background:var(--accent-bg);width:24px;height:24px;color:var(--accent-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.user-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.nav-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:6px;padding:0 6px;font-size:11px;font-weight:600}.project-nav-btn{text-align:left;border-radius:var(--radius);width:100%;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;padding:7px 9px;font-size:13px;display:block;overflow:hidden}.project-nav-btn:hover{background:var(--bg-surface)}.project-nav-btn.active{background:var(--accent-bg);color:var(--accent-text);font-weight:600}.ghost-action{border-radius:var(--radius);color:var(--text-secondary);text-align:left;cursor:pointer;align-items:center;gap:6px;width:100%;padding:7px 9px;font-size:13px;display:flex}.ghost-action:hover{background:var(--bg-surface);color:var(--text-primary)}details.inline-disclosure>summary{cursor:pointer;list-style:none}details.inline-disclosure>summary::-webkit-details-marker{display:none}details.inline-disclosure[open]>summary.ghost-action{background:var(--bg-surface);color:var(--text-primary)}.inline-form{flex-direction:column;gap:6px;margin-top:6px;display:flex}.inline-form-row{gap:6px;display:flex}.btn-solid{background:var(--accent);color:#fff;font-weight:600}.btn-solid:hover{filter:brightness(1.08)}.btn-quiet{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary)}.btn-quiet:hover{border-color:var(--border-strong)}.btn-danger{color:var(--status-coral-text)}.btn-danger:hover{background:var(--status-coral-bg)}.main{flex-direction:column;flex:1;gap:1.25rem;min-width:0;padding:1.5rem 2rem;display:flex}.main-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.project-title{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600}.project-meta{color:var(--text-secondary);margin-top:2px;font-size:12.5px}.col-headers{grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;gap:24px;padding:0 .6rem;display:grid}.col-headers span{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:11px;font-weight:600}.col-header-status{align-items:center;gap:4px;display:flex}.icon-btn{border-radius:var(--radius);color:var(--text-muted);padding:3px;font-size:13px;display:inline-flex}.icon-btn:hover{background:var(--bg-sunken);color:var(--text-primary)}.sections{flex-direction:column;gap:1.5rem;display:flex}.section-block{flex-direction:column;display:flex}.section-header{touch-action:none;align-items:center;gap:8px;padding:.4rem .6rem;display:flex}.section-collapse-toggle{width:18px;height:18px;color:var(--text-muted);border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:10px;transition:transform .15s;display:inline-flex}.section-collapse-toggle:hover{background:var(--bg-surface);color:var(--text-primary)}.section-collapse-toggle.collapsed{transform:rotate(-90deg)}.section-name{border-radius:var(--radius);cursor:pointer;margin:-3px -7px;padding:3px 7px;font-size:14px;font-weight:600}.section-name:hover{background:var(--bg-surface)}.section-count{color:var(--text-muted);font-size:12px;font-family:var(--font-data)}.section-actions{gap:4px;margin-left:auto;display:flex}.task-row{border-radius:var(--radius);touch-action:none;background-color:var(--row-tint,transparent);grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;gap:24px;padding:.55rem .6rem;display:grid}.task-row:hover{filter:brightness(.97)}.task-row+.task-row{border-top:1px solid var(--border)}.task-row-empty{color:var(--text-muted);padding:.55rem .6rem;font-size:13px}.dragging{opacity:.92;background:var(--bg-surface);pointer-events:none;box-shadow:0 10px 28px #00000038}.drag-placeholder{border:2px dashed var(--accent);border-radius:var(--radius);background:var(--accent-bg);opacity:.7;margin:2px 0}body.is-dragging,body.is-dragging *{cursor:grabbing!important}.task-title{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:13.5px;overflow:hidden}.assignee-cell{align-items:center;gap:7px;min-width:0;font-size:12.5px;display:flex}.assignee-cell.empty{color:var(--text-muted)}.due-cell{color:var(--text-secondary);font-size:12.5px;font-family:var(--font-data)}.status-pill{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.status-pill.gray{background:var(--status-gray-bg);color:var(--status-gray-text)}.status-pill.amber{background:var(--status-amber-bg);color:var(--status-amber-text)}.status-pill.coral{background:var(--status-coral-bg);color:var(--status-coral-text)}.status-pill.green{background:var(--status-green-bg);color:var(--status-green-text)}.status-pill.teal{background:var(--status-teal-bg);color:var(--status-teal-text)}.status-pill.pink{background:var(--status-pink-bg);color:var(--status-pink-text)}.status-pill.indigo{background:var(--status-indigo-bg);color:var(--status-indigo-text)}.row-actions{gap:2px;display:flex}.row-assignee-select{cursor:pointer;background:0 0;border:1px solid #0000;width:100%;padding:3px 6px;font-size:12.5px}.row-assignee-select:hover{border-color:var(--border);background:var(--bg-surface)}.row-due-input{font-size:12.5px;font-family:var(--font-data);cursor:pointer;background:0 0;border:1px solid #0000;width:100%;padding:3px 6px}.row-due-input:hover{border-color:var(--border);background:var(--bg-surface)}.row-status-select{cursor:pointer;border:none;border-radius:999px;width:100%;max-width:120px;padding:3px 10px;font-size:11px;font-weight:600}.add-row-form{gap:6px;padding:.35rem .6rem;display:flex}.add-row-form input,.add-row-form select{flex:1}.archived-toggle{color:var(--text-muted);padding:.2rem .6rem;font-size:12px}.archived-row{align-items:center;gap:8px;padding:.45rem .6rem;display:flex}.archived-title{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.project-cards{flex-direction:column;gap:.75rem;display:flex}.project-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.9rem 1.1rem;display:block}.project-card:hover{border-color:var(--border-strong)}.project-card .name{font-size:14px;font-weight:600}.project-card .meta{color:var(--text-secondary);margin-top:2px;font-size:12.5px}form p{flex-direction:column;gap:5px;margin:0 0 .9rem;display:flex}form p label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.messages{margin:0 0 1rem;padding:0;list-style:none}.messages li{border-radius:var(--radius);margin-bottom:.5rem;padding:.6rem 1rem;font-size:13px}.messages li.success{background:var(--status-green-bg);color:var(--status-green-text)}.messages li.error{background:var(--status-coral-bg);color:var(--status-coral-text)}.td-backdrop{z-index:40;background:#14111a66;display:none;position:fixed;inset:0}.td-backdrop.open{display:block}.context-menu{z-index:50;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;min-width:170px;padding:4px;display:none;position:fixed;box-shadow:0 8px 24px #0000002e}.context-menu.open{display:flex}.context-menu-item{text-align:left;border-radius:var(--radius);width:100%;color:var(--text-primary);align-items:center;padding:8px 10px;font-size:13px;display:flex}.context-menu-item:hover{background:var(--bg-sunken)}.context-menu-item.danger{color:var(--status-coral-text)}.context-menu-item.danger:hover{background:var(--status-coral-bg)}.td-panel{background:var(--bg-surface);border-left:1px solid var(--border);z-index:41;flex-direction:column;gap:1.4rem;width:560px;max-width:92vw;height:100vh;padding:1.6rem 1.6rem 2.5rem;display:none;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-16px 0 32px #0003}.td-panel.open{display:flex}.td-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.td-title-input{background:0 0;border:none;flex:1;margin:-2px -4px;padding:2px 4px;font-size:19px;font-weight:600}.td-title-input:focus{background:var(--bg-sunken);border-radius:var(--radius);outline:none}.td-field{flex-direction:column;gap:7px;display:flex}.td-field input[type=date],.td-field select{cursor:pointer}.td-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:11px;font-weight:600}.td-static{color:var(--text-secondary);font-size:13.5px}.td-description{resize:vertical;min-height:180px;font-family:inherit;font-size:13.5px}.td-attachments{flex-direction:column;gap:6px;display:flex}.td-attachments-empty{color:var(--text-muted);font-size:12.5px}.td-attachment-row{background:var(--bg-sunken);border-radius:var(--radius);align-items:center;gap:8px;padding:6px 8px;font-size:12.5px;display:flex}.td-attachment-row a{text-overflow:ellipsis;white-space:nowrap;color:var(--accent-text);flex:1;overflow:hidden}.td-upload-label{cursor:pointer;align-items:center;gap:6px;width:fit-content;margin-top:4px;font-size:13px;display:inline-flex}.td-upload-progress{flex-direction:column;gap:8px;margin-top:6px;display:flex}.td-upload-row{align-items:center;gap:8px;display:flex}.td-upload-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:120px;font-size:12px;overflow:hidden}.td-upload-bar-track{background:var(--bg-sunken);border-radius:999px;flex:1;height:6px;overflow:hidden}.td-upload-bar-fill{background:var(--accent);border-radius:999px;width:0%;height:100%;transition:width .15s}.td-upload-percent{color:var(--text-muted);font-size:11.5px;font-family:var(--font-data);text-align:right;flex-shrink:0;width:34px}.td-comments{flex-direction:column;gap:10px;max-height:260px;display:flex;overflow-y:auto}.td-comments-empty{color:var(--text-muted);font-size:12.5px}.td-comment-row{background:var(--bg-sunken);border-radius:var(--radius);padding:8px 10px}.td-comment-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:3px;display:flex}.td-comment-author{font-size:12.5px;font-weight:600}.td-comment-time{color:var(--text-muted);font-size:11px;font-family:var(--font-data);flex-shrink:0}.td-comment-body{white-space:pre-wrap;word-break:break-word;font-size:13px}.td-comment-body a{color:var(--accent-text)}.td-comment-form{flex-direction:column;gap:6px;margin-top:8px;display:flex}.td-comment-form textarea{resize:vertical;min-height:90px;font-family:inherit;font-size:13px}.td-comment-form button{align-self:flex-end}