:root,[data-theme=dark]{--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-column:#0f172aa6;--bg-card:#111827c7;--bg-card-hover:#1e293be6;--bg-header:#0b0f19e0;--bg-modal:#111827;--bg-input:#0b0f19;--bg-surface-subtle:#ffffff08;--bg-chat-client:#ffffff0f;--bg-chat-julia:#0000f024;--border-subtle:#ffffff17;--border-strong:#ffffff2e;--border-focus:#0000f080;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--mosaic-red:#f24949;--mosaic-red-dark:#b10606;--mosaic-red-glow:#f26c6d73;--mosaic-blue:#0000f0;--mosaic-blue-hover:#0000ad;--mosaic-blue-light:#3b82f6;--mosaic-blue-glow:#0000f059;--mosaic-gold:#f59e0b;--accent-emerald:#10b981;--accent-emerald-glow:#10b98140;--accent-amber:#f59e0b;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-rose:#f24949;--vip-gold:#fbbf24;--vip-glow:#fbbf2459;--card-shadow:0 4px 14px #0000004d;--font-display:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-sans:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=light]{--bg-primary:#f1f5f9;--bg-secondary:#fff;--bg-column:#ffffffb8;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-header:#ffffffe0;--bg-modal:#fff;--bg-input:#f8fafc;--bg-surface-subtle:#0f172a0a;--bg-chat-client:#f1f5f9;--bg-chat-julia:#0000f014;--border-subtle:#0f172a1a;--border-strong:#0f172a33;--border-focus:#0000f073;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--vip-gold:#d97706;--vip-glow:#d9770633;--card-shadow:0 4px 12px #0f172a12, 0 1px 3px #0f172a0d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);background-image:radial-gradient(at 10% 15%,#f2494912 0,#0000 48%),radial-gradient(at 90% 80%,#0000f014 0,#0000 52%);min-height:100vh;transition:background-color .2s,color .2s;overflow-x:hidden}h1,h2,h3,.font-display{font-family:var(--font-display)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-subtle);box-shadow:var(--card-shadow);border-radius:16px}.glass-header{background:var(--bg-header);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:40;position:sticky;top:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#00000014}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:9999px}.kanban-grid{-webkit-overflow-scrolling:touch;grid-template-columns:repeat(7,minmax(290px,1fr));gap:16px;padding-bottom:30px;display:grid;overflow-x:auto}.kanban-column{background:var(--bg-column);border:1px solid var(--border-subtle);border-radius:16px;flex-direction:column;min-height:700px;transition:border-color .18s,box-shadow .18s,background-color .18s;display:flex}.kanban-column.drag-over{border-color:var(--mosaic-blue-light);background:var(--bg-card-hover);box-shadow:0 0 0 2px #3b82f659,0 12px 28px #0000f02e}.kanban-column-header{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.kanban-column-title{font-size:.9rem;font-weight:700;font-family:var(--font-display);align-items:center;gap:8px;display:flex}.badge-count{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:9999px;padding:2px 8px;font-size:.75rem;font-weight:700}.kanban-card-list{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex}.kanban-card{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:grab;box-shadow:var(--card-shadow);touch-action:manipulation;border-radius:14px;padding:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.45;border:1px dashed var(--mosaic-blue-light);transform:scale(.97)}.kanban-card:hover{background:var(--bg-card-hover);border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 8px 24px #00000038}.kanban-card.vip{border-left:4px solid var(--vip-gold);box-shadow:0 0 15px var(--vip-glow), var(--card-shadow)}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.card-client-name{font-size:.95rem;font-weight:700;font-family:var(--font-display);color:var(--text-primary)}.vip-pill{color:var(--vip-gold);text-transform:uppercase;letter-spacing:.5px;background:#fbbf2426;border:1px solid #fbbf2466;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.card-meta{color:var(--text-secondary);flex-direction:column;gap:4px;margin-bottom:10px;font-size:.8rem;display:flex}.card-value-row{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:baseline;padding-top:8px;display:flex}.card-value{font-size:1rem;font-weight:800;font-family:var(--font-display);color:var(--accent-emerald)}.card-area{color:var(--text-muted);font-size:.8rem}.mobile-stage-container{margin-bottom:16px}.mobile-stage-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:4px 2px 10px;display:flex;overflow-x:auto}.mobile-stage-bar::-webkit-scrollbar{display:none}.mobile-stage-tab{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:9999px;flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.mobile-stage-tab:hover{background:var(--bg-card-hover);color:var(--text-primary)}.mobile-stage-tab.active{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-strong);box-shadow:var(--card-shadow)}.mobile-stage-nav-controls{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 14px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-modal);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:20px;flex-direction:column;width:100%;max-width:860px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 20px 50px #00000080}.modal-drag-handle{display:none}.modal-header-container{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-body-grid{grid-template-columns:1.2fr 1fr;gap:24px;padding:24px;display:grid}.btn-primary{background:var(--mosaic-blue);color:#fff;font-family:var(--font-display);cursor:pointer;box-shadow:0 4px 14px var(--mosaic-blue-glow);touch-action:manipulation;border:none;border-radius:14px;padding:9px 18px;font-size:.85rem;font-weight:700;transition:all .18s}.btn-primary:hover{background:var(--mosaic-blue-hover);box-shadow:0 6px 20px var(--mosaic-blue-glow);transform:translateY(-1px)}.btn-outline{background:var(--bg-surface-subtle);color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;touch-action:manipulation;border-radius:14px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .15s}.btn-outline:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.btn-pause{color:var(--mosaic-red);background:#f2494924;border:1px solid #f2494966}.btn-pause:hover{background:#f249493d}.theme-toggle-fab{z-index:95;background:var(--bg-card);border:1px solid var(--border-strong);width:50px;height:50px;box-shadow:0 8px 24px #0000004d, 0 0 12px var(--mosaic-red-glow);-webkit-backdrop-filter:blur(12px);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background-color .2s;display:flex;position:fixed;bottom:24px;right:24px}.theme-toggle-fab:hover{box-shadow:0 12px 28px #00000061, 0 0 18px var(--mosaic-blue-glow);transform:scale(1.08)translateY(-2px)}@media (max-width:1024px){.kanban-grid{grid-template-columns:repeat(7,minmax(280px,1fr));gap:12px}}@media (max-width:768px){.glass-header{padding:12px 14px!important}.header-content{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.header-brand{justify-content:space-between!important;align-items:center!important;width:100%!important;display:flex!important}.header-actions{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;align-items:center!important;gap:8px!important;width:100%!important;padding-bottom:4px!important;display:flex!important;overflow-x:auto!important}.header-actions::-webkit-scrollbar{display:none}.metrics-section{margin-top:12px!important;padding:0 14px!important}.metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.metric-card{padding:10px 12px!important}.metric-card span{font-size:.68rem!important}.metric-card h2{font-size:1.15rem!important}.kanban-main-container{margin:12px auto!important;padding:0 14px!important}.kanban-grid{scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;gap:12px!important;padding-bottom:24px!important;display:flex!important;overflow-x:auto!important}.kanban-column{scroll-snap-align:center!important;border-radius:12px!important;min-width:86vw!important;max-width:88vw!important;min-height:auto!important}.kanban-grid.single-stage-mode{display:block!important}.kanban-grid.single-stage-mode .kanban-column{min-width:100%!important;max-width:100%!important}.modal-backdrop{align-items:flex-end!important;padding:0!important}.modal-content{border-bottom:none!important;border-radius:20px 20px 0 0!important;width:100%!important;max-height:94vh!important}.modal-drag-handle{background:#ffffff40;border-radius:9999px;width:38px;height:4px;margin:10px auto 2px;display:block!important}.modal-header-container{padding:14px 18px!important}.modal-body-grid{grid-template-columns:1fr!important;gap:16px!important;padding:16px 18px!important}.chat-box{max-height:240px!important}}
