:root{--accent:#000;--fluid-ease:cubic-bezier(.3, 0, 0, 1);--bg:#fff;--sidebar-bg:#fff;--stage-bg:#fcfcfc;--border:#f2f2f2;--stage-border:#f0f0f0;--text:#121212;--muted:#999;--nav-hover-bg:#fafafa;--monitor-bg:#ffffffb3;--monitor-border:#0000000d;--monitor-shadow:#0000000a;--divider:#0000001a;--scrollbar:#d8d8d8;--scrollbar-hover:silver;--card-bg:#ffffffb3;--card-border:#0000000f;--card-shadow:0 1px 3px #0000000a, 0 4px 12px #00000005;--glow:0 0 0 0 transparent}html.theme-dark,body.theme-dark,.theme-dark{--bg:#0f141d;--sidebar-bg:#0f141d;--stage-bg:#111722;--border:#242d3b;--stage-border:#2a3444;--text:#e5e9f0;--muted:#8f9aab;--nav-hover-bg:#171d29;--monitor-bg:#171d29d1;--monitor-border:#ffffff14;--monitor-shadow:#0000004d;--divider:#ffffff26;--scrollbar:#334155;--scrollbar-hover:#475569;--card-bg:#171d29b3;--card-border:#ffffff14;--card-shadow:0 1px 3px #0003, 0 4px 12px #0000001a;--glow:0 0 20px #f1f5f90d}::-webkit-scrollbar{background:0 0;width:10px;height:10px}::-webkit-scrollbar-track{background:0 0;border:none}::-webkit-scrollbar-thumb{background-color:var(--scrollbar);background-clip:padding-box;border:3px solid #0000;border-radius:5px;min-height:36px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-hover)}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,Inter,system-ui,-apple-system,sans-serif;transition:background .3s,color .3s}#root{height:100%}.theme-dark .ant-btn-primary{color:#0f172a;background:#f1f5f9;border-color:#f1f5f9}.theme-dark .ant-btn-primary:hover{color:#0f172a!important;background:#fff!important;border-color:#fff!important}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:all .3s var(--fluid-ease);border-radius:5px}.glass-card:hover{box-shadow:var(--card-shadow), var(--glow);transform:translateY(-1px)}.btn-accent{background:var(--accent);color:#fff;cursor:pointer;transition:all .2s var(--fluid-ease);border:none;border-radius:5px;padding:10px 24px;font-weight:600}.theme-dark .btn-accent{color:#0f172a;background:#f1f5f9}.btn-accent:hover{opacity:.85}.btn-accent:active{transform:scale(.97)}.node-glow{box-shadow:var(--glow);transition:box-shadow .3s var(--fluid-ease)}.node-glow:hover{box-shadow:0 0 24px #94a3b829,0 10px 24px #0f172a14}.stage-area{background:var(--stage-bg);border:1px solid var(--stage-border);border-radius:5px;transition:background .3s,border-color .3s;overflow:hidden}.nano-monitor{background:var(--monitor-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--monitor-border);box-shadow:0 4px 20px var(--monitor-shadow);transition:all .4s var(--fluid-ease);border-radius:4px;padding:7px 12px;font-family:monospace;font-size:11px;font-weight:700}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.pulse-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-dot}.fluid-transition{transition:all .3s cubic-bezier(.3,0,0,1)}.accent-highlight{background:var(--accent);color:#fff}.theme-dark .accent-highlight{color:#0f172a;background:#f1f5f9}.page-content{height:100%;padding:24px;overflow-y:auto}.page-container{box-sizing:border-box;height:100%;padding:24px;overflow-y:auto}.page-title{color:var(--text);margin:0 0 16px;font-size:24px;font-weight:700}.empty-state{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.search-box input{border-color:var(--border)!important;background:var(--card-bg)!important;border-radius:18px!important}.logo-ring{border:1px solid var(--border);background:var(--bg);width:36px;height:36px;color:var(--text);cursor:pointer;transition:background .2s var(--fluid-ease), color .2s var(--fluid-ease), border-color .2s var(--fluid-ease);border-radius:5px;justify-content:center;align-items:center;margin-bottom:32px;display:flex}.logo-ring:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.nav-item{cursor:pointer;width:calc(100% - 30px);height:48px;color:var(--muted);white-space:nowrap;box-sizing:border-box;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;margin:2px 15px;padding:0;font-size:18px;transition:padding .3s cubic-bezier(.3,0,0,1),background .2s,color .2s;display:flex;overflow:hidden}.sidebar.expanded .nav-item{justify-content:flex-start;padding:0 14px}.nav-item:hover{color:var(--text);background:var(--nav-hover-bg)}.nav-item.active{background:var(--accent);color:#fff}.theme-dark .nav-item.active{color:#0f172a;background:#f1f5f9}.nav-text{white-space:nowrap;opacity:0;max-width:0;margin-left:0;font-size:14px;font-weight:600;transition:max-width .3s cubic-bezier(.3,0,0,1),opacity .2s .1s,margin-left .3s cubic-bezier(.3,0,0,1);overflow:hidden}.sidebar.expanded .nav-text{opacity:1;max-width:120px;margin-left:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s forwards fadeIn}.workflow-flow .react-flow__node{font-size:13px;color:inherit!important;text-align:left!important;box-sizing:border-box!important;background:0 0!important;border:none!important;border-radius:0!important;width:auto!important;padding:0!important}.workflow-flow .react-flow__node.selected>div{outline-offset:2px;outline:2px solid #6366f1}.ant-select-item-option-active{background-color:#f0f5ff!important}.ant-select-item-option-selected{font-weight:500;background-color:#e6f0ff!important}.theme-dark .ant-select-item-option-active{background-color:#1a2332!important}.theme-dark .ant-select-item-option-selected{color:#e5e9f0!important;background-color:#1e2d3d!important}.workflow-flow .react-flow__handle{background:#6366f1!important;border:2px solid #fff!important;width:10px!important;height:10px!important}.ws-board.panning{cursor:grabbing}aside .ws-proj-row:hover .ws-proj-actions{display:flex}aside .ws-proj-row:hover .ws-proj-count{display:none}[data-canvas-id]:hover{border-color:var(--ant-color-border,#d9d9d9)!important;box-shadow:0 8px 24px #0f172a1a!important}[data-canvas-id].dragging{cursor:grabbing;z-index:50;transition:none;box-shadow:0 16px 40px #0f172a29!important}.ws-trash-act.restore:hover{color:var(--ant-color-success,#52c41a);border-color:var(--ant-color-success-border,#b7eb8f)}