@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--vx-bg-root:#0a0a0f;--vx-bg-sidebar:#0e0e16;--vx-bg-card:#12121c;--vx-bg-item:#ffffff08;--vx-bg-active:#7c3aed2e;--vx-purple-1:#7c3aed;--vx-purple-2:#a855f7;--vx-purple-3:#a78bfa;--vx-purple-soft:#7c3aed1f;--vx-purple-border:#7c3aed40;--vx-border-subtle:#ffffff0d;--vx-border-default:#ffffff12;--vx-border-medium:#ffffff17;--vx-border-strong:#ffffff1f;--vx-text-1:#f1f5f9;--vx-text-2:#ffffffbf;--vx-text-3:#fff6;--vx-text-4:#fff3;--vx-success:#10b981;--vx-success-bg:#10b9811a;--vx-success-border:#10b98133;--vx-warning:#f59e0b;--vx-warning-bg:#f59e0b1a;--vx-warning-border:#f59e0b33;--vx-danger:#ef4444;--vx-danger-bg:#ef44441a;--vx-danger-border:#ef444433;--vx-info:#3b82f6;--vx-info-bg:#3b82f61a;--vx-info-border:#3b82f633;--vx-edge-default:#7c3aed59;--vx-edge-active:#a855f7;--vx-edge-success:#10b981;--vx-handle-bg:#7c3aed;--vx-handle-border:#7c3aed80;--vx-node-selected-border:#7c3aed99;--vx-node-selected-shadow:0 0 24px #7c3aed33;--vx-minimap-bg:#0e0e16e6;--vx-minimap-node:#7c3aed66;--vx-radius-sm:6px;--vx-radius-md:10px;--vx-radius-lg:14px;--vx-radius-xl:20px;--vx-radius-full:99px}@keyframes vx-spin{to{transform:rotate(360deg)}}@keyframes vx-pulse{0%,to{opacity:1}50%{opacity:.5}}.vx-spinner{border:2px solid #a78bfa40;border-top-color:var(--vx-purple-3);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite vx-spin}.vx-spinner-lg{border-width:3px;width:32px;height:32px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--vx-bg-root);height:100%;color:var(--vx-text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Sora,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.font-mono{font-family:JetBrains Mono,monospace}.section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--vx-text-4);font-size:10px;font-weight:600}.page-title{letter-spacing:-.02em;color:var(--vx-text-1);font-size:20px;font-weight:600}.btn{border-radius:var(--vx-radius-md);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:Sora,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#9333ea)}.btn-primary:hover{background:linear-gradient(135deg,#6d28d9,#7c3aed);transform:translateY(-1px);box-shadow:0 8px 24px #7c3aed59}.btn-secondary{border:1px solid var(--vx-border-medium);color:var(--vx-text-2);background:0 0}.btn-secondary:hover{background:var(--vx-bg-item)}.btn-danger{background:var(--vx-danger-bg);border:1px solid var(--vx-danger-border);color:var(--vx-danger)}.btn-success{color:#fff;background:linear-gradient(135deg,#059669,#10b981)}.btn-sm{padding:6px 14px;font-size:12px}.btn-icon{border-radius:var(--vx-radius-sm);padding:8px}.input{background:var(--vx-bg-card);border:1px solid var(--vx-border-medium);border-radius:var(--vx-radius-md);color:var(--vx-text-1);outline:none;width:100%;padding:10px 14px;font-family:Sora,sans-serif;font-size:13px;transition:border-color .2s}.input:focus{border-color:#7c3aed80}.input::placeholder{color:var(--vx-text-4)}input:-webkit-autofill{-webkit-text-fill-color:#ffffffbf!important;-webkit-box-shadow:inset 0 0 0 1000px #12121c!important}input:-webkit-autofill:hover{-webkit-text-fill-color:#ffffffbf!important;-webkit-box-shadow:inset 0 0 0 1000px #12121c!important}input:-webkit-autofill:focus{-webkit-text-fill-color:#ffffffbf!important;-webkit-box-shadow:inset 0 0 0 1000px #12121c!important}textarea.input{resize:vertical;min-height:80px}select.input option{color:#ffffffbf!important;background-color:#12121c!important}.card{background:var(--vx-bg-card);border:1px solid var(--vx-border-default);border-radius:var(--vx-radius-lg);padding:20px 24px}.badge{border-radius:var(--vx-radius-full);align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.badge-success{background:var(--vx-success-bg);border:1px solid var(--vx-success-border);color:var(--vx-success)}.badge-warning{background:var(--vx-warning-bg);border:1px solid var(--vx-warning-border);color:var(--vx-warning)}.badge-danger{background:var(--vx-danger-bg);border:1px solid var(--vx-danger-border);color:var(--vx-danger)}.badge-processing{background:var(--vx-purple-soft);border:1px solid var(--vx-purple-border);color:var(--vx-purple-3)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.react-flow__background{background:var(--vx-bg-root)!important}.react-flow__minimap{background:var(--vx-minimap-bg)!important;border-radius:var(--vx-radius-md)!important;border:1px solid var(--vx-border-default)!important}.react-flow__controls{border-radius:var(--vx-radius-md)!important;border:1px solid var(--vx-border-default)!important;background:var(--vx-bg-card)!important;box-shadow:none!important}.react-flow__controls button{background:var(--vx-bg-card)!important;border-color:var(--vx-border-subtle)!important;color:var(--vx-text-3)!important;fill:var(--vx-text-3)!important}.react-flow__controls button:hover{background:var(--vx-bg-active)!important;color:var(--vx-purple-3)!important;fill:var(--vx-purple-3)!important}.react-flow__edge-path{stroke:var(--vx-edge-default)!important;stroke-width:2px!important}.react-flow__edge.selected .react-flow__edge-path{stroke:var(--vx-edge-active)!important;stroke-width:3px!important}.react-flow__handle{background:var(--vx-handle-bg)!important;border:2px solid var(--vx-handle-border)!important;width:10px!important;height:10px!important}.react-flow__handle:hover{transform:scale(1.3);background:var(--vx-purple-2)!important}@media (max-width:768px){.sidebar{z-index:200;transition:transform .3s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{width:100%!important;margin-left:0!important}}