:root{--bg: #f4f5f7;--surface: #ffffff;--border: #e2e4e9;--text: #172b4d;--muted: #6b778c;--primary: #0052cc;--primary-hover: #0747a6;--danger: #de350b;--radius: 6px;--shadow: 0 1px 2px rgba(9, 30, 66, .12);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}a{color:var(--primary);text-decoration:none}button{font-family:inherit;cursor:pointer}.btn{border:1px solid transparent;background:var(--primary);color:#fff;padding:8px 14px;border-radius:var(--radius);font-weight:600;font-size:14px}.btn:hover{background:var(--primary-hover)}.btn.secondary{background:transparent;color:var(--text);border-color:var(--border)}.btn.secondary:hover{background:#ebecf0}.btn.danger{background:transparent;color:var(--danger);border-color:var(--border)}.btn.small{padding:4px 8px;font-size:13px}.btn:disabled{opacity:.6;cursor:not-allowed}input:not([type=checkbox]):not([type=radio]),textarea{font-family:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);width:100%;background:#fff;color:var(--text)}input:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #0052cc33}input[type=checkbox],input[type=radio]{width:auto;margin:0;flex-shrink:0}label{display:block;font-weight:600;margin-bottom:4px;font-size:13px}.field{margin-bottom:14px}.muted{color:var(--muted)}.centered{display:flex;align-items:center;justify-content:center;min-height:60vh}.error{color:var(--danger);font-size:13px;margin:8px 0}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-card{background:var(--surface);padding:32px;border-radius:8px;box-shadow:var(--shadow);width:360px}.auth-card h1{margin:0 0 20px;font-size:20px}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--surface);border-right:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:8px}.sidebar h2{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:12px 0 4px}.sidebar .brand{font-size:16px;font-weight:700;margin-bottom:8px}.nav-item{display:block;padding:6px 8px;border-radius:var(--radius);color:var(--text)}.nav-item:hover{background:#ebecf0}.nav-item.active{background:#e6effc;color:var(--primary);font-weight:600}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:52px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.topbar .tabs{display:flex;gap:4px}.tab{padding:6px 12px;border-radius:var(--radius);color:var(--muted);font-weight:600}.tab.active{color:var(--primary);background:#e6effc}.user-menu{display:flex;align-items:center;gap:10px}.user-menu-name{font-size:13px;color:var(--muted)}.content{flex:1;padding:20px;min-height:0;overflow:auto}.board{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;padding-bottom:12px}.column{background:#ebecf0;border-radius:8px;width:280px;flex:0 0 auto;padding:8px;display:flex;flex-direction:column;gap:8px}.column-title{font-weight:700;font-size:13px;text-transform:uppercase;color:var(--muted);padding:4px 6px;display:flex;justify-content:space-between}.cards{display:flex;flex-direction:column;gap:8px;min-height:8px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px;cursor:grab}.card:active{cursor:grabbing}.card .card-title{font-weight:500;margin-bottom:6px}.card .card-title.done{text-decoration:line-through;color:var(--muted)}.card .card-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:11px;font-weight:700;text-transform:uppercase}.badge.priority-high{background:#ffebe6;color:var(--danger)}.badge.priority-medium{background:#fffae6;color:#974f0c}.badge.priority-low{background:#e3fcef;color:#064}.badge.type-epic{background:#eae6ff;color:#5243aa}.label-chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.label-chip{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:600;color:#fff}.label-chip.removable{cursor:pointer}.avatar{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--primary);color:#fff;font-size:10px;font-weight:700;flex-shrink:0}.avatar-placeholder{background:transparent;border:1.5px dashed var(--muted)}.filter-bar select,.filter-bar input{height:34px}.backlog-table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius);overflow:hidden}.backlog-table th{text-align:left;padding:8px 12px;font-size:12px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.backlog-table td{padding:8px 12px;border-bottom:1px solid var(--border);font-size:14px}.backlog-row{cursor:pointer}.backlog-row:hover{background:#f4f5f7}.diff-view{white-space:pre-wrap;line-height:1.6;font-size:14px;max-height:320px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius);padding:10px}.diff-add{background:#e3fcef;color:#064;text-decoration:none}.diff-remove{background:#ffebe6;color:var(--danger);text-decoration:line-through}.activity-event{font-size:13px;padding:2px 4px}.issue-mention-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;border:1px solid transparent}.issue-mention-chip.priority-high{background:#ffebe6;color:var(--danger);border-color:#ffbdad}.issue-mention-chip.priority-medium{background:#fffae6;color:#974f0c;border-color:#ffe380}.issue-mention-chip.priority-low{background:#e3fcef;color:#064;border-color:#abf5d1}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#091e4266;display:flex;justify-content:flex-end;z-index:20}.drawer{background:var(--surface);width:480px;max-width:100%;height:100%;padding:20px;overflow:auto;display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:8px;align-items:center}.row.between{justify-content:space-between}.select{padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.pages-layout{display:flex;gap:16px;height:100%}.tree{width:260px;flex:0 0 auto;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px;overflow:auto}.tree-node{-webkit-user-select:none;user-select:none}.tree-row{display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:var(--radius);cursor:pointer}.tree-row:hover{background:#ebecf0}.tree-row.active{background:#e6effc;color:var(--primary);font-weight:600}.tree-row .caret{width:14px;text-align:center;color:var(--muted)}.tree-row .title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-editor{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px 28px;overflow:auto;min-width:0}.page-title-input{border:none;font-size:26px;font-weight:700;padding:0;margin-bottom:12px}.page-title-input:focus{box-shadow:none}.save-status{font-size:12px;color:var(--muted)}.conflict-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fffae6;border:1px solid var(--danger);border-radius:var(--radius);padding:10px 14px;margin-bottom:12px;font-size:13px}.editor-toolbar{display:flex;gap:4px;flex-wrap:wrap;border:1px solid var(--border);border-radius:var(--radius);padding:4px;margin-bottom:10px}.editor-toolbar button{border:none;background:transparent;padding:4px 8px;border-radius:4px;font-size:13px;color:var(--text)}.editor-toolbar button:hover{background:#ebecf0}.editor-toolbar button.active{background:#e6effc;color:var(--primary)}.ProseMirror{min-height:240px;outline:none;line-height:1.6}.ProseMirror:focus{outline:none}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--muted);pointer-events:none;height:0}.ProseMirror pre{background:#091e42;color:#fff;padding:12px;border-radius:6px;overflow-x:auto}.ProseMirror code{background:#ebecf0;padding:1px 4px;border-radius:3px}.ProseMirror pre code{background:none;color:inherit;padding:0;border-radius:0}.ProseMirror blockquote{border-left:3px solid var(--border);margin-left:0;padding-left:12px;color:var(--muted)}.editor-toolbar button:disabled{opacity:.4;cursor:default}.editor-toolbar button:disabled:hover{background:transparent}.toolbar-sep{width:1px;align-self:stretch;margin:2px;background:var(--border)}.ProseMirror .tableWrapper{overflow-x:auto;margin:12px 0}.ProseMirror table{border-collapse:collapse;table-layout:fixed;width:100%;margin:0}.ProseMirror table td,.ProseMirror table th{border:1px solid var(--border);padding:6px 10px;vertical-align:top;box-sizing:border-box;position:relative;min-width:1em}.ProseMirror table th{background:var(--bg);font-weight:600;text-align:left}.ProseMirror table p{margin:0}.ProseMirror table .selectedCell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0052cc1f;pointer-events:none}.ProseMirror table .column-resize-handle{position:absolute;right:-2px;top:0;bottom:-2px;width:4px;background:var(--primary);pointer-events:none}.ProseMirror.resize-cursor{cursor:col-resize}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.project-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;box-shadow:var(--shadow)}.project-card .key{font-size:12px;font-weight:700;color:var(--primary)}.project-card .card-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .1s ease}.project-card:hover .card-actions,.project-card .card-actions:focus-within{opacity:1}.confirm-warning{color:var(--danger);font-size:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#091e4266;display:flex;align-items:center;justify-content:center;z-index:30}.modal{background:var(--surface);border-radius:8px;padding:24px;width:400px;box-shadow:var(--shadow)}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}