:root{--bg-app:#f6f8fa;--bg-surface:#fff;--bg-muted:#f8fafc;--bg-subtle:#f1f5f9;--border-default:#e5e7eb;--border-strong:#cbd5e1;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#dbeafe;--primary-text:#1e40af;--success:#16a34a;--success-soft:#dcfce7;--warning:#d97706;--warning-soft:#fef3c7;--danger:#dc2626;--danger-soft:#fee2e2;--info:#0284c7;--info-soft:#e0f2fe;--r-sm:6px;--r-control:8px;--r-card:8px;--r-drawer:12px;--r-pill:999px;--shadow-card-hover:0 1px 3px #0f172a14;--shadow-overlay:0 16px 40px #0f172a29;--topbar-height:54px;--sidebar-width:220px}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.45}h2{letter-spacing:-.01em;margin:0;font-size:21px;font-weight:650}h3{margin:0;font-size:15px;font-weight:650}.muted{color:var(--text-secondary)}.tiny{font-size:11px}.error{color:var(--danger);margin:4px 0 0;font-size:12px}.spacer{flex:1}:focus-visible{outline:2px solid var(--primary);outline-offset:1px;border-radius:4px}.center{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login{text-align:center;width:320px}.login-brand{justify-content:center;margin-bottom:14px;display:flex}input,textarea,select{background:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text-primary);border-radius:var(--r-control);width:100%;height:36px;padding:7px 10px;font-family:inherit;font-size:13px;transition:border-color .12s,box-shadow .12s}textarea{resize:vertical;height:auto;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}input:disabled,textarea:disabled,select:disabled{background:var(--bg-muted);color:var(--text-secondary);cursor:not-allowed}.btn{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--r-control);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 13px;font-family:inherit;font-size:13px;font-weight:550;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--bg-subtle);border-color:#0000}.btn.danger{color:var(--danger);border-color:#0000}.btn.danger:hover{background:var(--danger-soft);border-color:#0000}.btn.small{height:30px;padding:0 10px;font-size:12px}.btn.tiny{border-radius:var(--r-sm);height:24px;padding:0 7px;font-size:12px}.btn.icon{width:30px;padding:0}.refresh-glyph{font-size:16px;line-height:1;display:inline-block}.btn.refreshing .refresh-glyph{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-card);padding:20px}.badge{background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--text-secondary);align-items:center;padding:1px 8px;font-size:11px;font-weight:500;display:inline-flex}code{font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;font-size:12px}.topbar{height:var(--topbar-height);background:var(--bg-surface);border-bottom:1px solid var(--border-default);align-items:center;gap:12px;padding:0 16px;display:flex}.logo{color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.brand-lockup{align-items:center;gap:9px;display:inline-flex}.brand-mark{background:var(--primary);color:#fff;border-radius:7px;place-items:center;width:28px;height:28px;font-size:14px;font-weight:700;line-height:1;display:inline-grid}.brand-copy{flex-direction:column;gap:1px;line-height:1.1;display:flex}.product-name{color:var(--text-primary);letter-spacing:-.01em;font-size:16px;font-weight:650}.brand-byline{color:var(--text-secondary);font-size:11px;font-weight:450}.brand-lockup.compact{gap:8px}.brand-lockup.compact .brand-mark{border-radius:6px;width:26px;height:26px;font-size:13px}.brand-lockup.compact .product-name{font-size:15px}.brand-lockup.compact .brand-byline{font-size:11px}.topbar .muted{text-overflow:ellipsis;white-space:nowrap;max-width:min(42vw,320px);font-size:12px;overflow:hidden}.container{max-width:860px;margin:0 auto;padding:24px 20px}.row{gap:8px;margin:14px 0;display:flex}.row input{max-width:320px}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.project{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-size:14px;font-weight:550;transition:border-color .12s,box-shadow .12s;display:flex}.project:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card-hover)}.shell{height:calc(100vh - var(--topbar-height));display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-muted);border-right:1px solid var(--border-default);flex-direction:column;flex-shrink:0;gap:4px;padding:12px 10px;display:flex;overflow-y:auto}.sidebar h3{margin:6px 4px 2px;font-size:14px}.sidebar>.badge{align-self:flex-start;margin:0 4px 4px}.section-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:12px 4px 4px;font-size:11px;font-weight:650}.board-tab{text-align:left;color:var(--text-primary);border-radius:var(--r-control);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;width:100%;height:34px;padding:0 9px;font-size:13px;font-weight:500;display:flex;position:relative}.board-tab:hover{background:var(--bg-subtle)}.board-tab.active{background:var(--primary-soft);color:var(--primary-text);border-color:#0000;font-weight:550}.board-tab.draggable{cursor:grab}.board-tab.draggable:active{cursor:grabbing}.board-tab.dragging{opacity:.55}.board-tab.drop-before{box-shadow:inset 0 3px 0 var(--primary)}.board-tab.drop-after{box-shadow:inset 0 -3px 0 var(--primary)}.board-tab-handle{width:12px;color:var(--text-muted);opacity:0;flex:0 0 12px;font-size:12px;line-height:1}.board-tab.draggable .board-tab-handle{opacity:.6}.board-tab-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar .btn.ghost.small{height:34px;color:var(--text-secondary);justify-content:flex-start;padding:0 9px;font-weight:500}.sidebar .btn.ghost.small:hover{color:var(--text-primary)}.sidebar-action{text-align:left;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-card);width:100%;color:var(--text-primary);cursor:pointer;font:inherit;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;transition:border-color .12s,background .12s,box-shadow .12s;display:flex}.sidebar-action:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card-hover);background:#fff}.sidebar-action strong{font-size:12.5px;font-weight:650;line-height:1.25;display:block}.sidebar-action small{color:var(--text-secondary);margin-top:2px;font-size:11.5px;line-height:1.25;display:block}.board-area{flex:1;min-width:0;padding:20px;overflow:auto}.board-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.board-title{align-items:center;gap:4px;min-width:0;max-width:100%;display:flex}.board-title h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.board-rename{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.board-rename input{width:280px;max-width:44vw;height:30px;font-size:14px;font-weight:600}.board-rename-error{margin:0 0 6px}.board-sub{color:var(--text-secondary);margin:0 0 14px;font-size:12px}.board-sub code{color:var(--text-primary);background:var(--bg-subtle);border-radius:var(--r-sm);padding:1px 5px}.quick-filters{align-items:center;gap:6px;min-width:0;display:flex}.quick-filters input,.quick-filters select{height:30px;font-size:12px}.quick-filters input{width:180px}.quick-filters select{width:auto;max-width:180px}.filter-editor,.save-board{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.filter-fields{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-fields input,.filter-fields select{max-width:150px}.save-board input{max-width:280px}.board-creator{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-card);flex-direction:column;gap:8px;margin-bottom:12px;padding:10px;display:flex}.board-creator-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.board-creator-head input{max-width:280px}.columns{grid-template-columns:repeat(var(--column-count,5), minmax(150px, 1fr));align-items:stretch;gap:12px;min-width:0;padding-bottom:8px;display:grid;overflow-x:auto}.column{background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--r-card);flex-direction:column;gap:8px;width:auto;min-width:0;min-height:120px;padding:8px;display:flex}.column.drop-ok{border-color:var(--primary);background:var(--primary-soft)}.column-head{color:var(--text-primary);justify-content:space-between;align-items:center;padding:2px 4px;font-size:13px;font-weight:650;display:flex}.count{color:var(--text-secondary);background:var(--bg-subtle);border-radius:var(--r-pill);text-align:center;min-width:20px;padding:0 7px;font-size:11px;font-weight:550}.column-empty{color:var(--text-muted);border:1px dashed var(--border-default);border-radius:var(--r-card);text-align:center;padding:12px 10px;font-size:12px;line-height:1.4}.task{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-card);cursor:pointer;flex-direction:column;gap:8px;padding:10px 11px;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.task:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card-hover)}.task:active{cursor:grabbing}.task[draggable=true]:active{opacity:.6;box-shadow:var(--shadow-overlay)}.task.has-warning{padding-right:24px}.task-warning-dot{border-radius:50%;width:8px;height:8px;animation:1.15s ease-in-out infinite warning-blink;position:absolute;top:8px;right:8px}.task-warning-dot.red{background:var(--danger);box-shadow:0 0 0 3px #dc26261f}.task-warning-dot.orange{background:var(--warning);box-shadow:0 0 0 3px #d9770624}@keyframes warning-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}.task.drop-before{border-color:var(--primary);box-shadow:0 -3px 0 var(--primary), var(--shadow-card-hover)}.task.drop-after{border-color:var(--primary);box-shadow:0 3px 0 var(--primary), var(--shadow-card-hover)}.task-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:550;line-height:1.35;display:-webkit-box;overflow:hidden}.task-meta{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.chip{background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--text-secondary);padding:1px 8px;font-size:11px}.target-date{background:var(--info-soft);color:#0369a1;border-color:#bae6fd}.prio-pill{border-radius:var(--r-pill);text-transform:capitalize;letter-spacing:.01em;padding:1px 8px;font-size:11px;font-weight:600}.prio-pill.prio-high{background:var(--danger-soft);color:#b91c1c}.prio-pill.prio-medium{background:var(--warning-soft);color:#b45309}.prio-pill.prio-low{background:var(--bg-subtle);color:var(--text-secondary)}.task-menu{z-index:80;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--r-card);width:224px;box-shadow:var(--shadow-overlay);flex-direction:column;gap:2px;padding:6px;display:flex;position:fixed}.task-menu-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;padding:5px 7px 7px;font-size:12px;font-weight:600;line-height:1.3;overflow:hidden}.task-menu button{border-radius:var(--r-sm);width:100%;min-height:30px;color:var(--text-primary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:6px 8px;font-size:12px;line-height:1.2}.task-menu button:hover,.task-menu button:focus-visible{background:var(--bg-subtle)}.task-menu button.muted{color:var(--text-muted)}.task-menu-divider{background:var(--border-default);height:1px;margin:4px 2px}.task-menu-label{color:var(--text-muted);text-transform:uppercase;padding:3px 7px 5px;font-size:11px;font-weight:600}.task-menu-priorities{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.task-menu .task-menu-priorities button{text-align:center;text-transform:capitalize;border:1px solid var(--border-default);background:var(--bg-surface);min-height:28px}.task-menu .task-menu-priorities button:hover,.task-menu .task-menu-priorities button:focus-visible,.task-menu .task-menu-priorities button.active{border-color:var(--border-strong);background:var(--bg-subtle)}.tag{border-radius:var(--r-pill);white-space:nowrap;border:1px solid #0000;align-items:center;padding:2px 7px;font-size:11px;font-weight:500;line-height:1.3;display:inline-flex}.tag-engineering{color:#475569;background:#eef2f7}.tag-bug{color:#b91c1c;background:#fee2e2}.tag-operational{color:#b45309;background:#fef3c7}.tag-feature{color:#4338ca;background:#e0e7ff}.tag-design{color:#7e22ce;background:#f3e8ff}.tag-research{color:#0f766e;background:#ccfbf1}.tag-custom{background:var(--bg-subtle);color:var(--text-secondary);border-color:var(--border-default)}.tag-picker{flex-wrap:wrap;gap:6px;display:flex}.tag-picker .tag{cursor:pointer;font-family:inherit}.tag-picker .tag.off{opacity:.4}.tag-picker .tag.on{box-shadow:inset 0 0 0 1px}.tag-create{gap:8px;margin-top:8px;display:flex}.tag-create input{max-width:240px}.modal-backdrop{z-index:50;background:#0f172a52;justify-content:flex-end;animation:.12s fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border-left:1px solid var(--border-default);border-radius:var(--r-drawer) 0 0 var(--r-drawer);box-shadow:var(--shadow-overlay);flex-direction:column;gap:12px;width:460px;max-width:92vw;height:100%;padding:18px 20px;animation:.16s slide-in;display:flex;overflow-y:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:.6;transform:translate(16px)}to{opacity:1;transform:none}}.form-row{gap:10px;display:flex}.form-row label{color:var(--text-secondary);flex-direction:column;flex:1;gap:4px;font-size:12px;font-weight:550;display:flex}.description-field{flex-direction:column;gap:6px;display:flex}.field-toolbar{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:550;display:flex}.modal-actions{border-top:1px solid var(--border-default);background:var(--bg-surface);align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex;position:sticky;bottom:-18px}.dialog-backdrop{z-index:60;background:#0f172a57;place-items:center;padding:24px;animation:.12s fade-in;display:grid;position:fixed;inset:0}.dialog{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-drawer);width:min(760px,100vw - 32px);max-height:min(780px,100vh - 32px);box-shadow:var(--shadow-overlay);flex-direction:column;display:flex;overflow:hidden}.dialog-header{border-bottom:1px solid var(--border-default);background:var(--bg-muted);justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.dialog-header h3{margin:0;font-size:16px}.dialog-header p{color:var(--text-secondary);margin:2px 0 0;font-size:12px}.dialog-close{justify-content:center;width:30px;padding:0}.dialog-body{padding:16px;overflow-y:auto}.management-panel{flex-direction:column;gap:12px;display:flex}.panel-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.panel-summary>div{background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--r-card);padding:12px}.panel-summary strong{font-size:20px;line-height:1.1;display:block}.panel-summary span{color:var(--text-secondary);margin-top:3px;font-size:12px;display:block}.management-section{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-card);padding:12px}.project-description-input{min-height:190px;line-height:1.55}.management-section-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.management-section-head h4{margin:0;font-size:13.5px;line-height:1.25}.management-section-head p{color:var(--text-secondary);margin:2px 0 0;font-size:12px}.member-list,.token-list{flex-direction:column;gap:6px;display:flex}.member-row{border:1px solid var(--border-default);border-radius:var(--r-card);background:var(--bg-muted);justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 10px;font-size:13px;display:flex}.member-row:hover{border-color:var(--border-strong);background:var(--bg-surface)}.member-row.pending{color:var(--text-secondary)}.member-identity{flex-direction:column;gap:1px;min-width:0;display:flex}.member-identity strong{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden}.member-identity span{text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:12px;overflow:hidden}.member-controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.member-controls select{width:auto;height:28px;padding:0 6px;font-size:12px}.member-row .badge{flex-shrink:0}.invite-grid{grid-template-columns:minmax(220px,1fr) 140px auto;align-items:center;gap:8px;display:grid}.row.tight{gap:6px;margin:6px 0}.row.tight select{width:auto}.usage-panel{gap:12px}.usage-controls{align-items:center;gap:8px;display:flex}.usage-controls select{width:auto;min-width:112px;height:30px;font-size:12px}.usage-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.usage-user-list,.activity-list{flex-direction:column;gap:6px;display:flex}.usage-user-row{border:1px solid var(--border-default);border-radius:var(--r-card);background:var(--bg-muted);flex-direction:column;gap:7px;padding:9px 10px;display:flex}.usage-user-main{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.usage-user-metrics{color:var(--text-secondary);flex-wrap:wrap;justify-content:flex-end;gap:5px;font-size:11.5px;display:flex}.usage-user-metrics span,.usage-task-chip{border:1px solid var(--border-default);border-radius:var(--r-pill);background:var(--bg-surface);text-overflow:ellipsis;white-space:nowrap;align-items:center;max-width:190px;min-height:22px;padding:1px 8px;display:inline-flex;overflow:hidden}.usage-task-list{flex-wrap:wrap;gap:5px;display:flex}.usage-task-chip{color:var(--text-secondary);font-size:11px}.activity-row{border:1px solid var(--border-default);border-radius:var(--r-card);background:var(--bg-muted);grid-template-columns:104px minmax(0,1fr);gap:10px;padding:8px 10px;display:grid}.activity-time{color:var(--text-secondary);white-space:nowrap;font-size:11.5px}.activity-copy{overflow-wrap:anywhere;min-width:0}.agent-panel{gap:12px}.endpoint-code{width:100%;color:var(--text-primary);background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--r-card);overflow-wrap:anywhere;padding:10px 12px;display:block}.token-row{background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--r-card);justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:8px 10px;display:flex}.token-row>div{flex-direction:column;min-width:0;display:flex}.token-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.token-row span{color:var(--text-secondary);font-size:12px}.token-create{grid-template-columns:minmax(240px,1fr) auto}.token-reveal{background:var(--warning-soft);border-radius:var(--r-control);border:1px solid #fcd34d;flex-direction:column;gap:6px;padding:10px;display:flex}.token{word-break:break-all;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-sm);padding:6px 8px;font-size:11px}.comments{border-top:1px solid var(--border-default);flex-direction:column;gap:6px;margin-top:4px;padding-top:12px;display:flex}.comment{background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--r-control);flex-direction:column;gap:1px;padding:6px 9px;display:flex}.comment-author{color:var(--text-secondary);font-size:11px}.comment-body{font-size:13px}.empty{color:var(--text-secondary);border:1px dashed var(--border-default);border-radius:var(--r-card);text-align:center;padding:18px;font-size:13px}.empty.compact{padding:12px}.empty strong{color:var(--text-primary);margin-bottom:2px;font-weight:600;display:block}@media (width<=720px){:root{--sidebar-width:100%}.shell{flex-direction:column;height:auto}.sidebar{border-right:0;border-bottom:1px solid var(--border-default);z-index:10;flex-flow:wrap;align-items:center;gap:6px;width:100%;position:sticky;top:0}.sidebar .section-label{display:none}.board-tab{width:auto}.board-tab.drop-before{box-shadow:inset 3px 0 0 var(--primary)}.board-tab.drop-after{box-shadow:inset -3px 0 0 var(--primary)}.board-title{flex:100%}.board-rename{width:100%}.board-rename input{flex:160px;width:auto;max-width:none}.columns{grid-template-columns:1fr;overflow-x:visible}.column{width:100%}.sidebar-action{width:auto;min-width:180px}.board-header>.spacer{display:none}.quick-filters{flex:100%}.quick-filters input{flex:150px;width:auto}.quick-filters select{flex:140px;width:auto;max-width:none}.dialog-backdrop{place-items:stretch stretch;padding:12px}.dialog{align-self:center;width:100%;max-height:calc(100vh - 24px)}.invite-grid,.token-create,.usage-summary{grid-template-columns:1fr}.usage-controls{width:100%}.usage-controls select{flex:1;width:100%}.usage-user-main{flex-direction:column;gap:8px}.usage-user-metrics{justify-content:flex-start}.activity-row{grid-template-columns:1fr;gap:3px}}@media (width<=560px){.topbar{gap:8px;padding:0 12px}.brand-lockup.compact .brand-byline{display:none}.modal{border-left:0;border-radius:0;width:100%;max-width:100%;padding:16px}.modal-actions{bottom:-16px}}