:root{--bg: #0d0d0d;--bg-subtle: #111111;--surface: #161616;--surface-hover: #1e1e1e;--surface-active: #242424;--border: #2a2a2a;--border-strong: #383838;--border-light: #1f1f1f;--text-primary: #e8e8e8;--text-secondary: #999999;--text-muted: #555555;--radius: 6px;--radius-sm: 3px;--radius-lg: 8px;--font: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text-primary);font-family:var(--font);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased}#app{height:100vh}.boot{display:grid;place-items:center;height:100vh;color:var(--text-muted);font-size:13px}button{font-family:inherit;cursor:pointer;color:inherit}.shell{display:grid;grid-template-columns:220px 1fr;height:100vh}.sidebar{background:var(--bg);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:12px 8px;overflow-y:auto}.brand{display:flex;align-items:center;gap:8px;padding:6px 8px 14px}.brand-mark{width:20px;height:20px;border-radius:var(--radius-sm);background:var(--text-primary);color:var(--bg);display:grid;place-items:center;font-weight:600;font-size:12px}.brand-name{font-weight:600;font-size:14px;letter-spacing:-.01em}.nav{display:flex;flex-direction:column;gap:1px}.nav-item{display:flex;align-items:center;gap:9px;height:32px;padding:0 8px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;cursor:pointer}.nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-item.active{background:var(--surface-active);color:var(--text-primary)}.nav-icon{font-size:12px;width:14px;text-align:center;color:var(--text-muted)}.nav-item.active .nav-icon{color:var(--text-secondary)}.nav-section{margin-top:18px}.nav-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:4px 8px}.project-item{display:flex;align-items:center;gap:8px;height:30px;padding:0 8px 0 12px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;cursor:pointer}.project-item:hover{background:var(--surface-hover);color:var(--text-primary)}.project-item.active{background:var(--surface-active);color:var(--text-primary)}.project-dot{width:8px;height:8px;border-radius:2px;border:1px solid var(--border-strong)}.sidebar-foot{margin-top:auto;padding:10px 8px 2px;font-size:11px;color:var(--text-muted);border-top:1px solid var(--border-light)}.main{display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;border-bottom:1px solid var(--border);flex-shrink:0}.page-title{font-size:14px;font-weight:500;letter-spacing:-.01em}.topbar-right{display:flex;align-items:center;gap:10px}.view-toggle{display:flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.toggle-btn{background:transparent;border:none;padding:5px 12px;font-size:12px;color:var(--text-secondary)}.toggle-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.toggle-btn.active{background:var(--surface-active);color:var(--text-primary)}.toggle-btn+.toggle-btn{border-left:1px solid var(--border)}.btn{font-size:12px;font-weight:500;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-primary)}.btn:hover{background:var(--surface-hover)}.btn-primary{background:var(--text-primary);color:var(--bg);border-color:var(--text-primary)}.btn-primary:hover{background:#fff}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text-primary)}.btn-danger{background:transparent;border-color:var(--border);color:var(--text-secondary)}.btn-danger:hover{background:var(--surface-hover);color:#e89a9a;border-color:#4a2a2a}.icon-btn{background:transparent;border:none;color:var(--text-muted);font-size:13px;width:24px;height:24px;border-radius:var(--radius-sm)}.icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.status-dot{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--text-muted);display:inline-block;flex-shrink:0}.status-backlog{border-color:#555}.status-todo{border-color:#888}.status-in_progress{border-color:#aaa;background:linear-gradient(90deg,#aaa 50%,transparent 50%)}.status-in_review{border-color:#ccc;background:radial-gradient(circle,#ccc 45%,transparent 47%)}.status-done{border-color:#e8e8e8;background:#e8e8e8}.prio{display:inline-block;width:16px;text-align:center;font-size:12px;color:var(--text-secondary);flex-shrink:0;font-weight:600;letter-spacing:-2px}.prio-urgent{color:#c97a7a}.prio-high{color:var(--text-primary)}.prio-medium{color:var(--text-secondary)}.prio-low{color:var(--text-muted)}.avatar{width:20px;height:20px;border-radius:50%;background:var(--surface-active);border:1px solid var(--border);color:var(--text-secondary);font-size:9px;font-weight:500;display:inline-grid;place-items:center;flex-shrink:0}.avatar-empty{background:transparent;border-style:dashed}.list-view{overflow-y:auto;flex:1}.group-header{display:flex;align-items:center;gap:8px;height:34px;padding:0 16px;background:var(--bg-subtle);border-bottom:1px solid var(--border-light);cursor:pointer;position:sticky;top:0;z-index:1}.group-caret{font-size:9px;color:var(--text-muted);transition:transform .1s}.group-caret.collapsed{transform:rotate(-90deg)}.group-title{font-size:12px;font-weight:500;color:var(--text-primary)}.group-count{font-size:11px;color:var(--text-muted)}.group-empty{padding:8px 16px 8px 40px;font-size:12px;color:var(--text-muted)}.issue-row{display:flex;align-items:center;gap:10px;height:36px;padding:0 16px;border-bottom:1px solid var(--border-light);cursor:pointer}.issue-row:hover{background:var(--surface-hover)}.row-check{width:13px;height:13px;accent-color:var(--text-secondary);cursor:pointer}.row-id{font-size:12px;color:var(--text-muted);width:38px;flex-shrink:0;font-variant-numeric:tabular-nums}.row-title{flex:1;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 8px;flex-shrink:0}.row-date{font-size:11px;color:var(--text-muted);width:48px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.board-view{display:flex;gap:12px;padding:16px;overflow-x:auto;flex:1;align-items:flex-start}.board-col{flex:0 0 280px;max-width:280px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius);display:flex;flex-direction:column;max-height:100%}.board-col.drag-over{border-color:var(--border-strong);background:var(--surface)}.col-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-light)}.col-title{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.col-count{font-size:11px;color:var(--text-muted);margin-left:auto}.card-list{padding:8px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:40px}.kanban-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:8px}.kanban-card:hover{background:var(--surface-hover);border-color:var(--border-strong)}.kanban-card.dragging{opacity:.5;transform:scale(1.02)}.card-title{font-size:13px;color:var(--text-primary);line-height:1.35}.card-meta{display:flex;align-items:center;gap:8px}.card-id{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums;margin-right:auto}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:grid;place-items:center;z-index:100;opacity:0;transition:opacity .12s ease-out}.overlay.open{opacity:1}.modal{width:560px;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transform:translateY(6px);transition:transform .12s ease-out}.overlay.open .modal{transform:translateY(0)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-eyebrow{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-variant-numeric:tabular-nums}.modal-title{font-size:18px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.modal-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px;white-space:pre-wrap}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:13px;height:34px;padding:0 10px;width:100%;outline:none}.input:focus{border-color:var(--border-strong)}.input.error{border-color:#6a3030}.textarea{height:auto;min-height:80px;padding:8px 10px;resize:vertical;line-height:1.5}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2 4l3 3 3-3' stroke='%23999' fill='none' stroke-width='1.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:26px}.detail-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-secondary);padding:12px 0;margin-top:4px;border-top:1px solid var(--border-light)}.detail-meta span{display:inline-flex;align-items:center;gap:6px}.detail-date{color:var(--text-muted)}.modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.modal-foot .btn-danger{margin-right:auto}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}