:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-alt: #f1f5f9;--color-border: #e2e8f0;--color-text: #0f172a;--color-text-muted: #64748b;--color-success: #16a34a;--color-danger: #dc2626;--color-presence: #22c55e;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--radius: 8px;--sidebar-w: 190px;--header-h: 56px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:Inter,Heebo,system-ui,sans-serif;font-size:14px;color:var(--color-text);background:var(--color-bg)}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--header-h) 1fr;grid-template-areas:"sidebar header" "sidebar canvas";height:100%}.app-shell.collapsed{--sidebar-w: 64px}.shell-header{grid-area:header;display:flex;align-items:center;gap:var(--space-lg);padding-inline:var(--space-lg);border-block-end:1px solid var(--color-border);background:var(--color-surface)}.shell-sidebar{grid-area:sidebar;display:flex;flex-direction:column;border-inline-end:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-md);overflow-y:auto}.nav-collapse{align-self:flex-end;border:none;background:none;cursor:pointer;color:var(--color-text-muted);font-size:16px;line-height:1;padding:4px 8px;margin-block-end:var(--space-sm);border-radius:var(--radius)}.nav-collapse:hover{background:var(--color-surface-alt);color:var(--color-text)}.collapsed .nav-collapse{align-self:center}.shell-canvas{grid-area:canvas;padding:var(--space-xl);overflow:auto}.nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius);color:var(--color-text);text-decoration:none;cursor:pointer}.nav-item:hover{background:var(--color-surface-alt)}.nav-item.active{background:var(--color-primary);color:#fff}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);cursor:pointer;font:inherit}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.btn:hover{border-color:var(--color-text-muted)}.btn-sm{padding:4px 10px;font-size:13px;border-radius:6px}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-block-end:var(--space-lg)}.dg{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.dg-toolbar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-block-end:1px solid var(--color-border);background:var(--color-surface)}.dg-search{display:flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-alt);min-inline-size:220px}.dg-search input{border:none;background:none;outline:none;font:inherit;color:var(--color-text);inline-size:100%}.dg-search-icon{color:var(--color-text-muted)}.dg-search-clear{border:none;background:none;cursor:pointer;color:var(--color-text-muted);font-size:11px;padding:0}.dg-count{color:var(--color-text-muted);font-size:13px}.dg-bulk{margin-inline-start:auto;display:flex;align-items:center;gap:var(--space-sm);font-size:13px;color:var(--color-text)}.dg-scroll{overflow:auto;max-block-size:calc(100vh - 240px);outline:none}.grid{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-surface);table-layout:fixed}.grid th,.grid td{text-align:start;padding:0;border-block-end:1px solid var(--color-border);border-inline-end:1px solid var(--color-border)}.grid th:last-child,.grid td:last-child{border-inline-end:none}.grid thead th{position:sticky;top:0;z-index:3;background:var(--color-surface-alt);font-weight:600;-webkit-user-select:none;user-select:none;white-space:nowrap}.grid tbody td{padding:var(--space-sm) var(--space-md);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid tbody tr:hover td{background:color-mix(in srgb,var(--color-surface-alt) 55%,var(--color-surface))}.grid tbody tr.is-selected td{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface))}.grid td.is-active{box-shadow:inset 0 0 0 2px var(--color-primary);border-radius:2px}.dg-th{position:relative;display:flex;align-items:center;gap:4px;padding:var(--space-sm) var(--space-md)}.dg-th-label{display:inline-flex;align-items:center;gap:6px;border:none;background:none;cursor:pointer;font:inherit;font-weight:600;color:var(--color-text);padding:0;min-inline-size:0;flex:1}.dg-th-text{overflow:hidden;text-overflow:ellipsis}.dg-type-icon{display:inline-flex;align-items:center;justify-content:center;inline-size:16px;block-size:16px;border-radius:4px;background:var(--color-border);color:var(--color-text-muted);font-size:10px;font-weight:700;flex:none}.dg-sort-ind{color:var(--color-primary);font-size:12px;inline-size:10px}.grid th.is-sorted{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface-alt))}.col-menu-btn{border:none;background:none;cursor:pointer;color:var(--color-text-muted);font-size:15px;line-height:1;padding:2px 4px;border-radius:4px;visibility:hidden;flex:none}.grid th:hover .col-menu-btn,.col-menu-btn:focus{visibility:visible}.col-menu-btn:hover{background:var(--color-border);color:var(--color-text)}.dg-resize{position:absolute;inset-block:0;inset-inline-end:-3px;inline-size:6px;cursor:col-resize;z-index:4}.dg-resize:hover{background:var(--color-primary);opacity:.5}.dg-add-col{text-align:center;background:var(--color-surface-alt)}.dg-add-col-btn{border:none;background:none;cursor:pointer;color:var(--color-text-muted);font-size:18px;line-height:1;padding:4px 8px;border-radius:4px}.dg-add-col-btn:hover{background:var(--color-border);color:var(--color-primary)}.dg-select-cell{text-align:center;padding:0 4px!important}.dg-select-cell input{cursor:pointer}.dg-row-action,.dg-row-action-head{text-align:center}.dg-row-del{border:none;background:none;cursor:pointer;color:var(--color-text-muted);font-size:13px;opacity:0;padding:4px}.grid tbody tr:hover .dg-row-del{opacity:1}.dg-row-del:hover{color:var(--color-danger)}.cell-input{inline-size:100%;padding:6px 10px;border:2px solid var(--color-primary);border-radius:4px;font:inherit;background:var(--color-surface);color:var(--color-text);outline:none}.cell-edit-wrap{position:relative}.cell-check{margin:8px 12px}.cell-error{position:absolute;z-index:5;background:var(--color-danger);color:#fff;font-size:11px;padding:2px 6px;border-radius:4px;white-space:nowrap;margin-block-start:2px}.dg-pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.6;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis}.dg-muted{color:var(--color-text-muted)}.dg-bool-on{color:var(--color-success);font-weight:700}.dg-empty{padding:var(--space-xl)!important;text-align:center;color:var(--color-text-muted)}.col-menu{position:fixed;z-index:1000;min-inline-size:190px;max-block-size:60vh;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 -8px 24px #0f172a29;padding:4px;font-weight:400}.col-menu-item{display:flex;align-items:center;gap:8px;inline-size:100%;border:none;background:none;cursor:pointer;font:inherit;color:var(--color-text);padding:7px 10px;border-radius:6px;text-align:start}.col-menu-item>span:first-child{inline-size:16px;text-align:center;color:var(--color-text-muted)}.col-menu-item:hover{background:var(--color-surface-alt)}.col-menu-sub{padding-inline-start:26px;font-size:13px}.col-menu-sub.is-current{color:var(--color-primary);font-weight:600}.col-menu-caret{margin-inline-start:auto;color:var(--color-text-muted)}.col-menu-danger{color:var(--color-danger)}.col-menu-danger>span:first-child{color:var(--color-danger)}.col-menu-sep{block-size:1px;background:var(--color-border);margin:4px 0}.col-menu-rename{display:flex;gap:4px;padding:4px}.col-menu-rename input{flex:1;min-inline-size:0;padding:5px 8px;border:1px solid var(--color-border);border-radius:6px;font:inherit}.presence-dot{display:inline-block;inline-size:8px;block-size:8px;border-radius:50%;background:var(--color-presence);margin-inline-end:var(--space-sm)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:var(--color-surface-alt)}.kanban{display:flex;gap:var(--space-lg);align-items:flex-start}.kanban-col{flex:1;background:var(--color-surface-alt);border-radius:var(--radius);padding:var(--space-md);min-block-size:200px}.kanban-col h3{margin:0 0 var(--space-md);font-size:13px;color:var(--color-text-muted)}.kanban-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-md);margin-block-end:var(--space-sm);cursor:grab}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:grid;place-items:center}.modal{background:var(--color-surface);border-radius:var(--radius);padding:var(--space-xl);inline-size:min(480px,92vw)}.field{display:flex;flex-direction:column;gap:4px;margin-block-end:var(--space-md)}.field label{font-size:13px;color:var(--color-text-muted)}.field input,.field select{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius);font:inherit}.center-screen{display:grid;place-items:center;height:100%}.splitter{inline-size:6px;background:var(--color-border);cursor:col-resize}.splitter:hover,.splitter[data-resize-handle-active]{background:var(--color-primary)}.cm-editor{height:100%}.splitter-h{block-size:6px;background:var(--color-border);cursor:row-resize;border-radius:3px}.splitter-h:hover{background:var(--color-primary)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.cal-dow{background:var(--color-surface-alt);padding:6px;text-align:center;font-size:12px;font-weight:600;color:var(--color-text-muted)}.cal-day{background:var(--color-surface);min-block-size:96px;padding:4px 6px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.cal-day:hover{background:var(--color-surface-alt)}.cal-day.other{background:var(--color-bg)}.cal-day.other .cal-daynum{color:var(--color-text-muted)}.cal-daynum{font-size:12px;font-weight:600;align-self:flex-start}.cal-today .cal-daynum{background:var(--color-primary);color:#fff;border-radius:999px;padding:0 6px}.cal-chip{font-size:11px;padding:1px 5px;border-radius:4px;background:var(--color-primary);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-chip.note{background:var(--color-warning)}