:root{--bg: #f8fafc;--surface: #ffffff;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-muted: #64748b;--text-faint: #94a3b8;--brand: #f97316;--brand-dark: #c2410c;--accent-blue: #3b82f6;--accent-amber: #f59e0b;--danger: #ef4444;--shadow-card: 0 1px 0 rgba(15, 23, 42, .04), 0 1px 2px rgba(15, 23, 42, .06);--shadow-pop: 0 8px 24px rgba(15, 23, 42, .12);--radius: 8px;--radius-lg: 12px;font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:14px;line-height:1.45}.muted{color:var(--text-muted)}.tiny{font-size:11px}.linklike{cursor:pointer}.linklike:hover{text-decoration:underline}.input{width:100%;padding:8px 10px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);font-size:14px;font-family:inherit;color:var(--text);outline:none;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #f9731626}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .12s,border-color .12s}.btn:hover{background:#f1f5f9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand-dark);color:#fff}.btn-primary:hover{background:var(--brand-dark)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:#e2e8f0}.btn-danger{background:#fff;color:var(--danger);border-color:#fecaca}.btn-danger:hover{background:#fef2f2}kbd{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;padding:1px 5px;background:#ffffff40;border:1px solid rgba(255,255,255,.4);border-radius:4px}.btn:not(.btn-primary) kbd{background:#f1f5f9;border-color:var(--border);color:var(--text-muted)}.center-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-pop)}.pin-card{width:100%;max-width:360px;display:grid;gap:14px}.pin-card h1{font-size:18px;margin:0}.brand{display:flex;align-items:center;gap:8px}.brand-dot{width:12px;height:12px;background:var(--brand);border-radius:999px;box-shadow:0 0 8px #f9731680}.pin-input{font-size:22px;text-align:center;letter-spacing:.4em;padding:14px}.err{background:#fef2f2;color:var(--danger);border:1px solid #fecaca;padding:8px 10px;border-radius:var(--radius);font-size:13px}.actor-row{display:flex;gap:12px}.actor-btn{flex:1;border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--radius);padding:16px;display:grid;place-items:center;gap:8px;cursor:pointer;font-size:14px;font-family:inherit;color:var(--text)}.actor-btn:hover{border-color:var(--brand);background:#fff7ed}.actor-avatar{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;color:#fff;font-weight:600;font-size:16px}.board-root{display:grid;grid-template-rows:56px 1fr;height:100vh;overflow:hidden}.topbar{display:flex;align-items:center;gap:14px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar .brand{margin-right:8px}.search{max-width:320px}.actor-switch{display:flex;align-items:center;gap:6px;margin-left:auto}.pill{padding:4px 10px;font-size:12px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);cursor:pointer;color:var(--text-muted);font-family:inherit}.pill.on{background:var(--text);color:#fff;border-color:var(--text)}.board-main{display:grid;grid-template-columns:1fr 280px;overflow:hidden}.kanban{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:14px;padding:16px;overflow-x:auto;overflow-y:hidden}.column{display:flex;flex-direction:column;background:#eef2f7;border:1px solid transparent;border-radius:var(--radius-lg);overflow:hidden;transition:border-color .12s,background .12s}.column.drag-over{border-color:var(--brand);background:#ffedd5}.column-head{padding:12px 14px;display:flex;justify-content:space-between;font-weight:600;font-size:13px;color:var(--text);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);background:#e2e8f0}.column-body{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.column-empty{text-align:center;font-size:12px;color:var(--text-faint);padding:20px 10px;border:1px dashed var(--border-strong);border-radius:var(--radius)}.card-task{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--text-faint);border-radius:var(--radius);padding:10px 12px;box-shadow:var(--shadow-card);cursor:pointer;display:grid;gap:6px;-webkit-user-select:none;user-select:none}.card-task:hover{box-shadow:var(--shadow-pop);border-color:var(--border-strong)}.card-task.pri-high{border-left-color:var(--danger)}.card-task.pri-med{border-left-color:var(--accent-amber)}.card-task.pri-low{border-left-color:var(--text-faint)}.card-head{display:flex;justify-content:space-between;align-items:center}.card-title{font-size:14px;font-weight:500;line-height:1.35}.card-foot{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.chip{font-size:11px;padding:2px 7px;border-radius:999px;font-weight:500;letter-spacing:.02em}.chip-accounting{background:#dcfce7;color:#15803d}.chip-wholesale{background:#dbeafe;color:#1d4ed8}.chip-fulfillment{background:#fef3c7;color:#b45309}.chip-other{background:#f1f5f9;color:var(--text-muted)}.pri-dot{display:inline-block;width:8px;height:8px;border-radius:999px}.due{font-size:11px;padding:1px 6px;border-radius:4px;background:#f1f5f9;color:var(--text-muted)}.due.overdue{background:#fee2e2;color:#b91c1c;font-weight:500}.due.today{background:#fef3c7;color:#b45309;font-weight:500}.due.soon{background:#fef3c7;color:#b45309}.actor-pill{font-size:10px;font-weight:600;text-transform:uppercase;padding:1px 6px;border-radius:4px;letter-spacing:.04em;color:#fff}.actor-allen{background:var(--accent-blue)}.actor-min{background:var(--accent-amber)}.sidebar{border-left:1px solid var(--border);background:var(--surface);padding:16px;overflow-y:auto;display:grid;gap:20px;align-content:start}.sidebar h3{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 8px}.today-list,.activity{list-style:none;padding:0;margin:0;display:grid;gap:6px}.today-list li{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;padding:4px 0}.today-list li:hover .title-clip{color:var(--brand)}.title-clip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.activity li{font-size:12px;line-height:1.4;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:grid;place-items:center;z-index:50;padding:20px}.modal{background:var(--surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-pop);width:100%;max-width:520px;display:grid;gap:14px}.modal h2{margin:0 0 4px;font-size:16px}.composer-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.composer-row label{display:grid;gap:4px}.composer-actions{display:flex;justify-content:flex-end;gap:8px}.drawer-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a4d;z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:440px;background:var(--surface);border-left:1px solid var(--border);padding:20px;overflow-y:auto;z-index:41;box-shadow:-8px 0 24px #0f172a1f;display:grid;gap:12px;align-content:start}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-title{font-size:16px;font-weight:600;border:none;padding:4px 0;border-bottom:1px solid transparent}.drawer-title:focus{border-bottom-color:var(--brand);box-shadow:none}.drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.drawer-grid label{display:grid;gap:4px}.drawer-actions{display:flex;justify-content:space-between;gap:8px;margin-top:4px}.drawer hr{border:none;border-top:1px solid var(--border);margin:8px 0}.drawer h3{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0}.comments{list-style:none;padding:0;margin:0;display:grid;gap:8px}.comments li{font-size:13px}.comment-body{margin-left:6px}.comment-row{display:flex;gap:6px}.comment-row .input{flex:1}.block-reason{display:grid;gap:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:1100px){.board-main{grid-template-columns:1fr 240px}.kanban{grid-template-columns:repeat(4,minmax(220px,1fr))}}@media(max-width:760px){.topbar{padding:0 12px;gap:8px}.topbar .brand .muted{display:none}.search{max-width:140px}.actor-switch .muted,.btn-primary kbd{display:none}.board-main{grid-template-columns:1fr}.sidebar{display:none}.kanban{grid-template-columns:repeat(4,100vw);gap:0;padding:0;scroll-snap-type:x mandatory;scroll-behavior:smooth}.column{border-radius:0;scroll-snap-align:start;border-right:1px solid var(--border)}.column-head{position:sticky;top:0;z-index:2}.column-body{padding:12px;gap:10px}.drawer{width:100%;max-width:100%;padding:16px}.drawer-grid,.composer-row{grid-template-columns:1fr}.modal{max-width:calc(100% - 24px);padding:18px}.card-task{padding:12px 14px}.btn{padding:9px 14px;min-height:38px}.input{padding:10px 12px;min-height:38px}}@media(max-width:420px){.search{display:none}.brand strong{font-size:13px}.actor-switch .pill{padding:6px 10px}}