:root{--oc-bg-primary:#030712;--oc-bg-card:#ffffff08;--oc-bg-card-hover:#ffffff0f;--oc-border:#ffffff14;--oc-border-glow:#38bdf84d;--oc-accent-cyan:#38bdf8;--oc-accent-violet:#a78bfa;--oc-accent-emerald:#34d399;--oc-glow-cyan:0 0 20px #38bdf826;--oc-glow-violet:0 0 20px #a78bfa26}.glass-card{-webkit-backdrop-filter:blur(24px);background:var(--oc-bg-card);border:1px solid var(--oc-border);border-radius:1rem;padding:1.5rem;transition:background .25s,border-color .25s,box-shadow .25s}.glass-card:hover{background:var(--oc-bg-card-hover);border-color:var(--oc-border-glow);box-shadow:var(--oc-glow-cyan)}.glass-card-sm{-webkit-backdrop-filter:blur(24px);background:var(--oc-bg-card);border:1px solid var(--oc-border);border-radius:.75rem;padding:.75rem 1rem;transition:background .25s,border-color .25s,box-shadow .25s}.glass-card-sm:hover{background:var(--oc-bg-card-hover);border-color:var(--oc-border-glow)}.glass-sidebar{-webkit-backdrop-filter:blur(32px);border-right:1px solid var(--oc-border);background:#ffffff05}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:1}}@keyframes flow-dash{to{stroke-dashoffset:-20px}}@keyframes node-pulse{0%,to{transform:scale(1);box-shadow:0 0 #38bdf800}50%{transform:scale(1.15);box-shadow:0 0 16px 4px #38bdf84d}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer-glass{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-working{color:var(--oc-accent-cyan);animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 8px #38bdf866}.status-active{color:var(--oc-accent-emerald);box-shadow:0 0 8px #34d39966}.status-idle{color:#fbbf24}.status-offline{color:#ef4444;opacity:.6}.flow-line{stroke:var(--oc-accent-cyan);stroke-width:2px;stroke-dasharray:8 4;fill:none;opacity:.5;animation:1.5s linear infinite flow-dash}.flow-line-active{stroke:var(--oc-accent-cyan);stroke-width:2px;stroke-dasharray:8 4;fill:none;opacity:.9;filter:drop-shadow(0 0 4px #38bdf866);animation:.8s linear infinite flow-dash}.flow-node{background:var(--oc-bg-card);border:1px solid var(--oc-border);border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:border-color .25s,box-shadow .25s;display:flex}.flow-node:hover{border-color:var(--oc-border-glow);box-shadow:var(--oc-glow-cyan)}.flow-node-active{border-color:var(--oc-accent-cyan);animation:2s ease-in-out infinite node-pulse}.flow-label{letter-spacing:.025em;color:#fff9;text-transform:uppercase;font-size:.75rem;font-weight:500}.nav-item{border-radius:.5rem;padding:.5rem 1rem;transition:background .2s,color .2s;position:relative}.nav-item:hover{background:#ffffff0a}.nav-item-active{color:var(--oc-accent-cyan);border-left:2px solid var(--oc-accent-cyan);background:#38bdf814;box-shadow:inset 4px 0 12px -4px #38bdf833}.text-glow-cyan{text-shadow:0 0 12px #38bdf880,0 0 24px #38bdf833}.text-glow-violet{text-shadow:0 0 12px #a78bfa80,0 0 24px #a78bfa33}.gradient-text{background:linear-gradient(135deg, var(--oc-accent-cyan), var(--oc-accent-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.border-glow{position:relative;overflow:hidden}.border-glow:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--oc-accent-cyan), transparent 40%, transparent 60%, var(--oc-accent-violet));-webkit-mask-composite:xor;padding:1px;animation:20s linear infinite rotate-slow;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}