:root{--bg-primary:#0a0a0a;--bg-secondary:#111111;--bg-tertiary:#1a1a1a;--bg-hover:#252525;--text-primary:#f5f5f5;--text-secondary:#a0a0a0;--text-muted:#666;--border-color:#222;--accent:#f97316;--accent-hover:#ea580c;--user-bubble:#2563eb;--user-bubble-hover:#1d4ed8;--surface-1:rgba(255,255,255,0.03);--surface-2:rgba(255,255,255,0.06);--surface-3:rgba(255,255,255,0.10);--surface-4:rgba(255,255,255,0.15);--border-subtle:rgba(255,255,255,0.06);--border-mild:rgba(255,255,255,0.10);--border-strong:rgba(255,255,255,0.20);--text-dim1:rgba(255,255,255,0.30);--text-dim2:rgba(255,255,255,0.45);--text-dim3:rgba(255,255,255,0.60);--text-dim4:rgba(255,255,255,0.75)}[data-theme=light]{--bg-primary:#f5f5f7;--bg-secondary:#ffffff;--bg-tertiary:#ebebef;--bg-hover:#dddde5;--text-primary:#18181b;--text-secondary:#3f3f46;--text-muted:#71717a;--border-color:#d1d1d8;--accent:#f97316;--accent-hover:#ea580c;--user-bubble:#2563eb;--user-bubble-hover:#1d4ed8;--surface-1:rgba(0,0,0,0.02);--surface-2:rgba(0,0,0,0.04);--surface-3:rgba(0,0,0,0.07);--surface-4:rgba(0,0,0,0.11);--border-subtle:rgba(0,0,0,0.06);--border-mild:rgba(0,0,0,0.10);--border-strong:rgba(0,0,0,0.17);--text-dim1:rgba(0,0,0,0.35);--text-dim2:rgba(0,0,0,0.50);--text-dim3:rgba(0,0,0,0.65);--text-dim4:rgba(0,0,0,0.80)}body,html{background:var(--bg-primary);color:var(--text-primary)}[data-theme=light] .bg-white\/\[0\.02\],[data-theme=light] .bg-white\/\[0\.03\],[data-theme=light] .bg-white\/\[0\.04\]{background-color:var(--surface-1)!important}[data-theme=light] .bg-white\/5,[data-theme=light] .bg-white\/\[0\.06\]{background-color:var(--surface-2)!important}[data-theme=light] .bg-white\/10,[data-theme=light] .bg-white\/\[0\.08\]{background-color:var(--surface-3)!important}[data-theme=light] .bg-white\/15,[data-theme=light] .bg-white\/\[0\.12\]{background-color:var(--surface-4)!important}[data-theme=light] .bg-white\/20,[data-theme=light] .bg-white\/25{background-color:var(--bg-hover)!important}[data-theme=light] .border-white\/5,[data-theme=light] .border-white\/\[0\.05\]{border-color:var(--border-subtle)!important}[data-theme=light] .border-white\/10,[data-theme=light] .border-white\/\[0\.10\]{border-color:var(--border-mild)!important}[data-theme=light] .border-white\/15,[data-theme=light] .border-white\/20,[data-theme=light] .border-white\/30{border-color:var(--border-strong)!important}[data-theme=light] .text-white\/20,[data-theme=light] .text-white\/30{color:var(--text-dim1)!important}[data-theme=light] .text-white\/40{color:var(--text-dim2)!important}[data-theme=light] .text-white\/50,[data-theme=light] .text-white\/60{color:var(--text-dim3)!important}[data-theme=light] .text-white\/70,[data-theme=light] .text-white\/80{color:var(--text-dim4)!important}[data-theme=light] .hover\:text-white:hover,[data-theme=light] .text-white{color:var(--text-primary)!important}[data-theme=light] .bg-\[var\(--accent\)\] .hover\:text-white:hover,[data-theme=light] .bg-\[var\(--accent\)\] .text-white,[data-theme=light] .bg-\[var\(--accent\)\].text-white,[data-theme=light] [class*="bg-\[var\(--accent\)\]"].text-white,[data-theme=light] [class*="bg-\[var\(--accent\)\]"]>.text-white{color:white!important}[data-theme=light] .placeholder\:text-white\/30::placeholder,[data-theme=light] .placeholder\:text-white\/40::placeholder{color:var(--text-muted)!important}[data-theme=light] [stroke=white],[data-theme=light] svg[stroke=white]{stroke:var(--text-primary)!important}[data-theme=light] [class*="bg-\[var\(--accent\)\]"] [stroke=white],[data-theme=light] [class*="bg-\[var\(--user-bubble\)\]"] [stroke=white]{stroke:white!important}.process-tab-bar{overflow:hidden}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.process-tab{transition:color .2s,background .2s}.process-tab:hover{background:var(--bg-hover)}[data-theme=light] .process-tab-bar{background:var(--bg-secondary);border-bottom-color:var(--border-color)}[data-theme=light] .process-tab{color:var(--text-secondary)}[data-theme=light] .process-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.process-view{max-width:720px;margin:0 auto;width:100%}.process-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;padding:16px;transition:border-color .2s}.process-card:hover{border-color:#333}[data-theme=light] .process-card:hover{border-color:var(--border-strong)}.process-card-title{font-size:13px;font-weight:600;color:var(--text-primary)}.sidebar-resize-handle{width:6px;cursor:col-resize;background:transparent;position:relative;flex-shrink:0;transition:background .2s;z-index:10}.sidebar-resize-handle:after{content:"";position:absolute;top:0;bottom:0;left:2px;width:2px;background:var(--border-color);transition:background .2s}.sidebar-resize-handle:active:after,.sidebar-resize-handle:hover:after{background:var(--accent)}.sidebar-resize-handle:hover{background:rgba(249,115,22,.05)}.canvas-panel{border-left:1px solid var(--border-color);will-change:width}[data-theme=light] .canvas-panel{border-left-color:var(--border-color);background:var(--bg-primary)}.canvas-resize-handle{width:6px;cursor:col-resize;background:transparent;position:relative;flex-shrink:0;transition:background .2s}.canvas-resize-handle:after{content:"";position:absolute;top:0;bottom:0;left:2px;width:2px;background:var(--border-color);transition:background .2s}.canvas-resize-handle:active:after,.canvas-resize-handle:hover:after{background:var(--accent)}.canvas-resize-handle:hover{background:rgba(249,115,22,.05)}.gantt-split-handle{position:relative;z-index:10;transition:background .15s}.gantt-split-handle:hover{background:rgba(249,115,22,.08)}.gantt-split-handle:active{background:rgba(249,115,22,.12)}.canvas-input{background:transparent;border:none;outline:none;color:var(--text-primary)}.canvas-input:focus{background:var(--bg-hover);border-radius:4px}.canvas-textarea{background:transparent;border:none;outline:none;resize:vertical;color:var(--text-primary)}.canvas-textarea:focus{background:var(--bg-hover);border-radius:6px;padding:8px}.canvas-add-btn{font-size:10px;color:var(--accent);transition:color .2s;background:none;border:none;cursor:pointer;padding:0}.canvas-add-btn:hover{color:var(--accent-hover)}[data-theme=light] .chat-input-bar{border-color:var(--border-color);background:var(--bg-secondary)}table[style*=table-layout] th{position:relative;white-space:nowrap}table[style*=table-layout] td,table[style*=table-layout] th{overflow:hidden;text-overflow:ellipsis}[data-theme=light] table th{color:var(--text-secondary)!important;background-color:var(--bg-tertiary)!important}table thead th{background-color:var(--bg-secondary)!important;border-bottom:2px solid rgba(255,255,255,.08)!important;font-size:10px!important;font-weight:700!important;letter-spacing:.055em!important;text-transform:uppercase!important;color:rgba(255,255,255,.4)!important;white-space:nowrap}table tbody tr{transition:background-color .1s ease}table tbody tr:hover td,table tbody tr:hover th{background-color:rgba(255,255,255,.045)!important}table tbody tr:nth-child(2n) td,table tbody tr:nth-child(2n) th{background-color:rgba(255,255,255,.013)}table tbody tr+tr td,table tbody tr+tr th{border-top:1px solid rgba(255,255,255,.035)}[data-theme=light] table thead th{border-bottom:2px solid rgba(0,0,0,.1)!important;color:rgba(0,0,0,.5)!important;background-color:var(--bg-tertiary)!important}[data-theme=light] table tbody tr:hover td,[data-theme=light] table tbody tr:hover th{background-color:rgba(0,0,0,.035)!important}[data-theme=light] table tbody tr:nth-child(2n) td,[data-theme=light] table tbody tr:nth-child(2n) th{background-color:rgba(0,0,0,.015)}[data-theme=light] table tbody tr+tr td,[data-theme=light] table tbody tr+tr th{border-top:1px solid rgba(0,0,0,.04)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-enter{animation:fadeInUp .3s ease-out}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typing-dot{animation:blink 1.4s infinite both}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[class*=absolute][class*=z-50]{animation:menuFadeIn .15s ease-out}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.export-toast{animation:toastSlideIn .2s ease-out}.drag-over-zone{background:rgba(249,115,22,.08);border-radius:8px;outline:1px dashed rgba(249,115,22,.4);outline-offset:-2px}[draggable=true]{user-select:none;-webkit-user-select:none}[draggable=true]:active{opacity:.6}