:root{--bg: #0a0f1a;--panel-bg: #0b1220;--card-bg: #0f172a;--fg: #e5e7eb;--muted-fg: #cbd5e1;--border: #1f2937;--grid: #1e293b;--today: #ef4444;--accent: #3b82f6;--accent-2: #22c55e;--btn-bg: #1f2937;--btn-border: #374151;--btn-bg-hover: #273244;--btn-border-hover: #4b5563;--ghost-border: #334155;--input-bg: #0b1220;--input-border: #334155;--calendar-icon-fg: #e5e7eb}[data-theme=light]{--bg: #ffffff;--panel-bg: #f9fafb;--card-bg: #f3f4f6;--fg: #111827;--muted-fg: #4b5563;--border: #d1d5db;--grid: #e5e7eb;--today: #ef4444;--btn-bg: #f3f4f6;--btn-border: #d1d5db;--btn-bg-hover: #e5e7eb;--btn-border-hover: #9ca3af;--ghost-border: #d1d5db;--input-bg: #ffffff;--input-border: #d1d5db;--calendar-icon-fg: #111827}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:grid;grid-template-columns:1fr;grid-template-rows:56px minmax(240px,40vh) 1fr;grid-template-areas:"toolbar" "taskpanel" "gantt";height:100%}.toolbar{grid-area:toolbar;display:flex;gap:8px;align-items:center;padding:8px 12px;background:var(--panel-bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.toolbar .title{font-weight:600;margin-right:auto}.taskpanel{grid-area:taskpanel;overflow:auto;background:var(--panel-bg);border-bottom:1px solid var(--border)}.taskpanel .sidebar{border-right:none!important;border-bottom:none;padding:12px;background:transparent}.gantt{grid-area:gantt;overflow:auto;position:relative;background:var(--bg)}.row{display:flex;gap:8px;align-items:center}.scale{display:flex;gap:6px;align-items:center}.legend{display:flex;gap:12px;flex-wrap:wrap}.hint{color:var(--muted-fg);font-size:12px;margin-bottom:8px}.btn{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--fg);padding:6px 10px;border-radius:8px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .02s ease}.btn:hover{background:var(--btn-bg-hover);border-color:var(--btn-border-hover)}.btn:active{transform:translateY(.5px)}.btn.ghost{background:transparent;border-color:var(--ghost-border)}.btn.ghost:hover{border-color:var(--btn-border-hover)}.input,select,input[type=date]{background:var(--input-bg);color:var(--fg);border:1px solid var(--input-border);border-radius:8px;padding:6px 8px;min-height:32px}.input:focus,select:focus,input[type=date]:focus{outline:2px solid color-mix(in oklab,var(--accent) 40%,transparent);outline-offset:1px;border-color:var(--accent)}input[type=date]{position:relative;padding-right:34px}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;width:34px;cursor:pointer}input[type=date]:after{content:"";position:absolute;top:50%;right:10px;width:16px;height:16px;transform:translateY(-50%);pointer-events:none;background:var(--calendar-icon-fg);-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1h1a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1V3a1 1 0 0 1 1-1zm12 8H5v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-9zM6 8h12V6H6v2z"/></svg>') no-repeat center / contain;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1h1a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1V3a1 1 0 0 1 1-1zm12 8H5v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-9zM6 8h12V6H6v2z"/></svg>') no-repeat center / contain}.task-card{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;overflow:hidden;background:var(--card-bg);box-shadow:0 1px #0000000d}.task-head{display:flex;align-items:center;gap:8px;padding:8px 10px}.task-title{flex:1;font-weight:600}.task-meta{color:var(--muted-fg);font-size:12px}.task-body{padding:10px;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr;gap:8px}.filters-panel{display:none;animation:fadeIn .12s ease-out}.filters-panel.open{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.tasks-container{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.sidebar.mosaic .tasks-container{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow-y:auto}.sidebar.mosaic .task-card{min-width:0}.grid{stroke:var(--grid);stroke-width:1}.today{stroke:var(--today);stroke-width:2px;stroke-dasharray:3 3}.bar{rx:4;ry:4}.handle{cursor:ew-resize}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:var(--fg)}@media (max-width: 900px){.app{grid-template-rows:56px minmax(280px,50vh) 1fr}}.toolbar .brand{display:flex;align-items:center;gap:8px;margin-right:auto}.toolbar .brand .logo-mark{height:18px;width:auto;display:block;object-fit:contain}.toolbar .brand .brand-title{font-weight:700;line-height:1;white-space:nowrap;color:var(--fg)}