:root{--bg:#f7f8fa;--surface:#ffffff;--surface-2:#f1f3f5;--border:#dfe3e8;--border-soft:#eef1f4;--text:#1f2933;--muted:#6b7280;--faint:#9aa4b2;--blue:#2563eb;--purple:#7c3aed;--teal:#0f766e;--orange:#c2410c;--green:#16a34a;--amber:#b7791f;--red:#dc2626;--shadow:0 1px 2px rgba(16,24,40,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Pretendard,sans-serif;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh}.topbar{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(680px,1.9fr);grid-gap:14px;gap:14px;padding:10px 18px;border-bottom:1px solid var(--border);background:var(--surface);position:-webkit-sticky;position:sticky;top:0;z-index:30}.brand h1{margin:0;font-size:16px;font-weight:850;letter-spacing:0}.summary{margin-top:2px;color:var(--muted);font-size:11px}.auth-actions,.builder-row,.button-row,.chip-row,.count-strip,.edge-controls,.preset-row,.tabbar,.toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.tabbar{gap:2px;margin-top:8px;overflow-x:auto}.danger-btn,.mini-btn,.primary-btn,.tab-button,.view-button{height:30px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);padding:0 10px;font-size:12px;font-weight:760;white-space:nowrap;transition:border-color .14s,background .14s,color .14s,transform .12s}.tab-button{border-bottom:2px solid transparent;border-radius:0}.tab-button.active{color:var(--blue);border-bottom-color:var(--blue)}.view-switch{display:inline-flex;align-items:center;gap:1px;height:30px;padding:2px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2)}.view-button{height:24px;border-radius:5px;padding:0 9px;font-size:11px}.view-button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.danger-btn,.mini-btn,.primary-btn{border-color:var(--border);background:var(--surface);color:var(--text)}.primary-btn{background:var(--blue);border-color:var(--blue);color:#fff}.danger-btn{color:var(--red)}.danger-btn:disabled,.mini-btn:disabled,.primary-btn:disabled{opacity:.48;cursor:not-allowed}.danger-btn:hover:not(:disabled),.mini-btn:hover:not(:disabled),.primary-btn:hover:not(:disabled),.tab-button:hover,.view-button:hover{border-color:var(--blue);color:var(--blue)}.primary-btn:hover:not(:disabled){color:#fff;background:#1d4ed8}.controls{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(108px,132px)) auto auto;grid-gap:6px;align-items:center}.controls,.jql-row{display:grid;gap:6px}.jql-row{grid-column:1/-1;grid-template-columns:minmax(240px,1fr) auto auto;grid-gap:6px}input,select,textarea{border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:12px}input,select{height:30px;min-width:0;padding:0 10px}textarea{min-height:76px;resize:vertical;padding:8px 10px}input:focus,select:focus,textarea:focus{outline:2px solid rgba(37,99,235,.18);border-color:#93c5fd}.edge-controls,.jql-builder{grid-column:1/-1}.jql-builder{display:grid;grid-gap:6px;gap:6px;padding:8px;border:1px solid var(--border-soft);border-radius:7px;background:#fbfcfe}.builder-row,.preset-row{gap:6px}.builder-row{display:grid;grid-template-columns:minmax(112px,132px) minmax(220px,1fr) repeat(4,auto) auto auto}.toggle{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:11px;font-weight:720;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle input{display:none}.toggle.active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.toggle.blocks.active{background:#fff1f2;border-color:#fecdd3;color:var(--red)}.auth-strip{justify-content:space-between;gap:12px;padding:10px 18px;border-bottom:1px solid var(--border-soft);background:#fbfcfe;color:var(--muted);font-size:12px}.auth-strip,.auth-user{display:flex;align-items:center}.auth-user{gap:8px;min-width:0}.avatar{width:24px;height:24px;border-radius:50%;background:var(--surface-2);background-position:50%;background-size:cover;flex:0 0 auto}.insight-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;padding:12px 18px 0}.board-panel,.details-panel,.graph-panel,.insight-card,.login-panel,.table-section,.timeline-section{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.insight-card{padding:11px 13px}.insight-label{color:var(--muted);font-size:11px;font-weight:760}.insight-value{margin-top:5px;font-size:22px;font-weight:900;line-height:1}.insight-sub{margin-top:5px;color:var(--faint);font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell{display:grid;grid-template-columns:minmax(0,1fr) 370px;grid-gap:12px;gap:12px;padding:12px 18px 18px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid var(--border-soft);font-size:12px;font-weight:820}.count-strip{color:var(--muted);font-size:11px;font-weight:620}.graph-panel{min-width:0;overflow:hidden}.graph-viewport{height:calc(100vh - 214px);min-height:520px;overflow:auto;background:linear-gradient(#eef2f7 1px,transparent 0),linear-gradient(90deg,#eef2f7 1px,transparent 0);background-size:24px 24px}.graph-stage{position:relative;min-width:960px;min-height:760px}.edge-layer{position:absolute;inset:0;pointer-events:none;overflow:visible}.section-label{position:absolute;left:20px;right:20px;height:26px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;font-weight:820;border-bottom:1px dashed var(--border)}.section-label span{background:var(--bg);padding-right:10px}.node{position:absolute;min-height:66px;border:1px solid var(--border);border-left-width:5px;border-radius:7px;background:var(--surface);cursor:-webkit-grab;cursor:grab;padding:7px 9px 6px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;transition:box-shadow .14s,opacity .12s,border-color .12s,background .12s}.node:hover{box-shadow:0 9px 20px rgba(17,24,39,.12);z-index:10}.node.selected{outline:2px solid var(--blue);outline-offset:2px;box-shadow:0 6px 16px rgba(37,99,235,.18);z-index:20}.node.muted{opacity:.18;filter:saturate(.35)}.node.dragging{opacity:.94;box-shadow:0 16px 32px rgba(17,24,39,.18);z-index:40}.type-objective{border-left-color:var(--purple)}.type-epic{border-left-color:var(--blue)}.type-task{border-left-color:var(--teal)}.type-sub-task{border-left-color:var(--orange)}.node-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.node-key{color:var(--text);font-size:11px;font-weight:900}.node-type,.pill{border-radius:999px;padding:1px 7px;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:850;white-space:nowrap}.node-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;font-weight:720}.node-meta{margin-top:6px;display:flex;align-items:center;gap:5px;min-width:0;color:var(--faint);font-size:10px;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.status-done{background:var(--green)}.status-progress{background:var(--amber)}.status-todo{background:#64748b}.edge{fill:none;stroke:#94a3b8;stroke-width:1.4}.edge.blocks{stroke:var(--red);stroke-width:1.8}.edge.relates{stroke-dasharray:5 4}.side-stack{display:flex;flex-direction:column;gap:12px;min-width:0}.details-panel{overflow:hidden}.detail-body{padding:12px;max-height:calc(100vh - 230px);overflow:auto}.empty-state,.login-panel{color:var(--muted);font-size:13px}.login-panel{width:min(560px,calc(100vw - 32px));margin:72px auto;padding:28px}.login-panel h1{margin:0 0 8px;font-size:22px}.login-panel p{margin:0 0 18px}.login-action{align-items:center}.detail-key,.login-action{display:inline-flex;text-decoration:none}.detail-key{color:var(--blue);font-size:12px;font-weight:850}.detail-title{margin-top:6px;font-size:16px;font-weight:840}.field-grid,.quick-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.field-item,.quick-edit{margin-top:12px;padding:9px;border:1px solid var(--border-soft);border-radius:7px;background:#fbfcfe}.field-item.wide,.quick-edit-field.wide{grid-column:1/-1}.field-label,.quick-edit-field label{display:block;color:var(--muted);font-size:10px;font-weight:780;margin-bottom:4px}.field-value{color:var(--text);font-size:12px;font-weight:650;overflow-wrap:anywhere}.quick-edit-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.detail-section h2,.quick-edit-title{margin:0;font-size:12px;font-weight:850}.quick-edit-field input,.quick-edit-field select,.quick-edit-field textarea{width:100%}.detail-section{margin-top:14px}.chip{display:inline-flex;align-items:center;min-height:24px;border:1px solid var(--border);border-radius:999px;padding:2px 8px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:740;cursor:pointer}.chip.blocks,.pill.red{background:#fff1f2;border-color:#fecdd3;color:var(--red)}.board-panel{overflow:hidden}.board-body{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px;padding:10px}.board-lane{border:1px dashed var(--border);border-radius:7px;background:#fbfcfe;min-height:96px;padding:8px}.board-lane.drag-over{border-color:var(--blue);background:#eff6ff}.lane-head{display:flex;justify-content:space-between;margin-bottom:8px;color:var(--muted);font-size:11px;font-weight:820}.lane-cards{display:grid;grid-gap:6px;gap:6px}.board-card{display:grid;grid-template-columns:auto 1fr auto;grid-gap:6px;gap:6px;align-items:center;border:1px solid var(--border);border-radius:6px;background:var(--surface);padding:7px;cursor:-webkit-grab;cursor:grab}.board-card-title{min-width:0;color:var(--text);font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-remove{width:22px;height:22px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:16px}.lane-empty{color:var(--faint);font-size:11px}.table-section,.timeline-section{margin:12px 18px 18px;overflow:hidden}.table-wrap{overflow:auto;max-height:calc(100vh - 230px)}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:9px 10px;border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:top}th{color:var(--muted);font-size:11px;font-weight:850;background:#fbfcfe}tbody tr{cursor:pointer}tbody tr:hover{background:#f8fbff}.timeline-grid{display:grid;grid-gap:0;gap:0;overflow:auto;max-height:calc(100vh - 230px)}.timeline-head,.timeline-row{display:grid;grid-template-columns:minmax(240px,340px) repeat(6,minmax(96px,1fr))}.timeline-cell-wrap,.timeline-head-cell,.timeline-label{min-height:42px;border-bottom:1px solid var(--border-soft);border-right:1px solid var(--border-soft);padding:7px 9px}.timeline-head-cell{color:var(--muted);font-size:11px;font-weight:850;background:#fbfcfe}.timeline-label{display:grid;align-content:center}.timeline-key{color:var(--blue);font-size:11px;font-weight:850}.timeline-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700}.timeline-cell-wrap{position:relative;background:#fff}.timeline-bar{position:absolute;inset:8px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:10px;font-weight:820;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-bar.done{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.timeline-bar.todo{background:#f8fafc;border-color:#cbd5e1;color:#475569}.error-banner{margin:12px 18px 0;border:1px solid #fecdd3;border-radius:7px;background:#fff1f2;color:var(--red);padding:9px 12px;font-size:12px;font-weight:680}.error-banner.compact{margin:0 0 14px}.confirm-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.34)}.confirm-dialog{width:min(460px,100%);border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 24px 60px rgba(15,23,42,.22);padding:18px}.confirm-kicker{color:var(--red);font-size:11px;font-weight:840;text-transform:uppercase}.confirm-dialog h2{margin:4px 0 8px;font-size:18px;letter-spacing:0}.confirm-target{margin:0 0 10px;color:var(--muted);font-size:13px}.confirm-list{margin:0;padding:10px 10px 10px 26px;border:1px solid var(--border-soft);border-radius:7px;background:#fbfcfe;color:var(--text);font-size:12px}.confirm-list li{margin:4px 0;overflow-wrap:anywhere}.confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}@media (max-width:1100px){.shell,.topbar{grid-template-columns:1fr}.details-panel .detail-body{max-height:none}}@media (max-width:720px){.auth-strip,.insight-strip,.shell,.topbar{padding-left:12px;padding-right:12px}.builder-row,.controls,.insight-strip,.jql-row{grid-template-columns:1fr}.table-section,.timeline-section{margin-left:12px;margin-right:12px}}