.cyber-root{position:relative;min-height:100vh;background:#050010;color:#00ff9d;font-family:JetBrains Mono,monospace;overflow-x:hidden}.cyber-root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent,transparent 2px,rgba(0,255,157,.025) 2px,rgba(0,255,157,.025) 3px);z-index:100}.cyber-root:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.6) 100%),radial-gradient(circle at 20% 30%,rgba(255,0,192,.08),transparent 40%),radial-gradient(circle at 80% 70%,rgba(0,255,246,.08),transparent 40%);z-index:99}.cyber-title{font-family:Orbitron,sans-serif;font-weight:900;font-size:36px;letter-spacing:6px;text-transform:uppercase;color:#ff2bd6;text-shadow:0 0 8px rgba(255,43,214,.8),0 0 16px rgba(255,43,214,.4),2px 0 0 #06fff6,-2px 0 0 #ff003c;position:relative;display:inline-block}.cyber-title:before{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;color:#06fff6;opacity:.7;transform:translate(2px);mix-blend-mode:screen;pointer-events:none;animation:glitch-shift 4s infinite}@keyframes glitch-shift{0%,90%,to{transform:translate(2px)}92%{transform:translate(-3px,1px)}94%{transform:translate(3px,-1px)}96%{transform:translate(-2px)}}.cyber-subtitle{font-family:JetBrains Mono,monospace;font-size:11px;color:#4ad991;letter-spacing:3px;text-transform:uppercase;opacity:.7;margin-top:4px}.cyber-panel{background:linear-gradient(180deg,#001e1299,#050010b3);border:1px solid rgba(0,255,157,.4);border-radius:0;padding:14px;position:relative;overflow:hidden}.cyber-panel:before{content:"";position:absolute;top:0;left:0;width:12px;height:12px;border-top:2px solid #ff2bd6;border-left:2px solid #ff2bd6}.cyber-panel:after{content:"";position:absolute;bottom:0;right:0;width:12px;height:12px;border-bottom:2px solid #06fff6;border-right:2px solid #06fff6}.cyber-panel-label{font-family:Orbitron,sans-serif;font-size:10px;color:#06fff6;text-transform:uppercase;letter-spacing:2.5px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.cyber-panel-label:before{content:"◆";color:#ff2bd6}.cyber-worker{background:linear-gradient(135deg,#00ff9d0a,#ff2bd60a);border:1px solid rgba(0,255,157,.3);padding:16px;position:relative;overflow:hidden}.cyber-worker.alive{border-color:#00ff9dcc;box-shadow:inset 0 0 30px #00ff9d1a,0 0 20px #00ff9d26}.cyber-worker.offline{opacity:.5;border-color:#555}.cyber-worker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cyber-worker-id{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;color:#06fff6;letter-spacing:2px;text-transform:uppercase}.cyber-status-pill{font-size:9px;letter-spacing:1.5px;padding:2px 8px;border-radius:0;font-weight:700}.cyber-status-pill.online{background:#00ff9d26;color:#00ff9d;border:1px solid #00ff9d;animation:pulse-online 2s infinite}.cyber-status-pill.offline{background:#ff386026;color:#ff3860;border:1px solid #ff3860}@keyframes pulse-online{0%,to{box-shadow:0 0 4px #00ff9d66}50%{box-shadow:0 0 12px #00ff9dcc}}.cyber-metric{display:flex;flex-direction:column;gap:2px}.cyber-metric-label{font-size:9px;letter-spacing:1.5px;color:#4ad991;text-transform:uppercase;opacity:.7}.cyber-metric-value{font-family:Orbitron,sans-serif;font-size:22px;font-weight:700;color:#00ff9d;line-height:1.1}.cyber-metric-value.huge{font-size:36px;color:#06fff6;text-shadow:0 0 12px rgba(6,255,246,.6)}.cyber-metric-value.magenta{color:#ff2bd6;text-shadow:0 0 8px rgba(255,43,214,.6)}.cyber-metric-value.yellow{color:#ffd166;text-shadow:0 0 8px rgba(255,209,102,.6)}.cyber-metric-value.red{color:#ff3860;text-shadow:0 0 8px rgba(255,56,96,.6)}.cyber-metric-unit{font-size:11px;color:#4ad991;margin-left:4px}.cyber-progress{height:6px;background:#0006;border:1px solid rgba(0,255,157,.3);overflow:hidden;position:relative}.cyber-progress-fill{height:100%;background:linear-gradient(90deg,#ff2bd6,#06fff6);box-shadow:0 0 8px #06fff6cc;transition:width .5s ease}.cyber-log{background:#000000b3;border:1px solid rgba(0,255,157,.3);padding:12px;max-height:280px;overflow-y:auto;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.7;color:#4ad991}.cyber-log-line{white-space:pre-wrap;word-break:break-all}.cyber-log-line.ok{color:#00ff9d}.cyber-log-line.err{color:#ff3860}.cyber-log-line.warn{color:#ffd166}.cyber-log-line.info{color:#06fff6}.cyber-log-src{display:inline-block;background:#ff2bd626;color:#ff2bd6;padding:0 4px;margin-right:6px;font-size:9px;border-left:2px solid #ff2bd6}.cyber-spark{height:32px;width:100%}.cyber-spark path{fill:none;stroke:#06fff6;stroke-width:1.5;filter:drop-shadow(0 0 4px rgba(6,255,246,.8))}.cyber-spark .bg{fill:#06fff61a;stroke:none}.cyber-chart{height:120px;width:100%;display:flex;align-items:flex-end;gap:2px;padding:8px 0}.cyber-chart-bar{flex:1;background:linear-gradient(180deg,#06fff6,#ff2bd6);min-height:2px;opacity:.85;transition:height .3s}.cyber-chart-bar:hover{opacity:1;box-shadow:0 0 8px #06fff6cc}.cyber-service{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;font-family:JetBrains Mono,monospace}.cyber-service.active{border-color:#00ff9d;color:#00ff9d;background:#00ff9d1a}.cyber-service.inactive{border-color:#ff3860;color:#ff3860;background:#ff38601a}.cyber-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.cyber-dot.green{background:#00ff9d;box-shadow:0 0 6px #00ff9d}.cyber-dot.red{background:#ff3860;box-shadow:0 0 6px #ff3860}.cyber-dot.cyan{background:#06fff6;box-shadow:0 0 6px #06fff6}.cyber-dot.magenta{background:#ff2bd6;box-shadow:0 0 6px #ff2bd6}.cyber-dot.yellow{background:#ffd166;box-shadow:0 0 6px #ffd166}.cyber-cursor:after{content:"_";margin-left:2px;animation:blink 1s infinite;color:#06fff6}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cyber-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.cyber-workers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.cyber-transmit{position:relative;overflow:hidden}.cyber-transmit:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(6,255,246,.15) 50%,transparent 100%);animation:transmit 3s infinite}@keyframes transmit{0%{left:-100%}to{left:100%}}.cyber-temp-bar{height:8px;width:100%;background:linear-gradient(90deg,#00ff9d,#ffd166 60%,#ff3860);position:relative;border:1px solid rgba(255,255,255,.15)}.cyber-temp-marker{position:absolute;top:-3px;width:2px;height:14px;background:#fff;box-shadow:0 0 6px #fff;transition:left .5s}.cyber-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,157,.4),transparent);margin:14px 0}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 6px #ff2bd6}50%{opacity:.4;box-shadow:0 0 12px #ff2bd6}}@keyframes progress-stripes{0%{background-position:0 0}to{background-position:24px 0}}:root{--bg-0: #0a0118;--bg-1: #14082c;--bg-2: #1d0d3d;--bg-3: #2a1551;--magenta: #ff2bd6;--magenta-soft: #ff7be0;--violet: #8b5cf6;--violet-soft: #a78bfa;--cyan: #06fff6;--cyan-soft: #67ffec;--green: #00ff9d;--yellow: #ffd166;--red: #ff3860;--text-primary: #f0f4ff;--text-secondary: #9ea3c5;--text-tertiary: #6b7090;--border: #2d1860;--border-bright: #4a2b9c;--font-display: "Orbitron", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-0);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;background-image:radial-gradient(circle at 10% 0%,rgba(255,43,214,.12),transparent 50%),radial-gradient(circle at 90% 100%,rgba(6,255,246,.08),transparent 50%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.06),transparent 70%)}#root{min-height:100vh}a{color:var(--cyan);text-decoration:none}a:hover{color:var(--magenta)}button{font-family:var(--font-display);font-weight:500;background:linear-gradient(135deg,var(--magenta),var(--violet));color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;letter-spacing:1px;text-transform:uppercase;font-size:13px;transition:all .2s}button:hover{box-shadow:0 0 20px #ff2bd680;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed}button.ghost{background:transparent;border:1px solid var(--border-bright);color:var(--cyan)}button.ghost:hover{background:#4a2b9c33;border-color:var(--cyan)}button.danger{background:linear-gradient(135deg,var(--red),#c41141)}input,select,textarea{font-family:var(--font-mono);background:var(--bg-1);color:var(--text-primary);border:1px solid var(--border);padding:8px 12px;border-radius:4px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 2px #06fff633}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--violet);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--magenta)}.yc-layout{display:flex;min-height:100vh;position:relative}.yc-mobile-topbar{display:none;position:sticky;top:0;z-index:50;background:var(--bg-1);border-bottom:1px solid var(--border);padding:10px 14px;align-items:center;gap:12px}.yc-hamburger{font-family:var(--font-mono)!important;font-size:18px!important;padding:6px 12px!important;min-width:44px;min-height:44px;letter-spacing:0!important}.yc-mobile-title{font-family:var(--font-display);font-size:14px;letter-spacing:2px;background:linear-gradient(90deg,var(--magenta),var(--cyan));background-clip:text;-webkit-background-clip:text;color:transparent}.yc-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.yc-sidebar{width:240px;background:var(--bg-1);border-right:1px solid var(--border);padding:20px 0;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;flex-shrink:0;transition:transform .25s ease}.yc-sidebar-header{padding:0 20px 30px}.yc-brand{font-family:var(--font-display);font-size:18px;background:linear-gradient(90deg,var(--magenta),var(--cyan));background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:2px}.yc-brand-sub{font-size:10px;color:var(--text-tertiary);margin-top:4px}.yc-nav-list{flex:1}.yc-nav-item{width:100%;text-align:left;background:transparent;border:none;border-left:3px solid transparent;border-radius:0;padding:12px 20px;color:var(--text-secondary);font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .15s,color .15s}.yc-nav-item:hover{background:#8b5cf614;color:var(--text-primary);box-shadow:none;transform:none}.yc-nav-item[data-active=true]{background:#8b5cf626;border-left-color:var(--cyan);color:var(--cyan)}.yc-nav-icon{font-size:16px}.yc-sidebar-footer{padding:20px;border-top:1px solid var(--border);margin-top:auto}.yc-main{flex:1;padding:30px 40px;overflow-x:auto;min-width:0}@media (max-width: 1024px){.yc-main{padding:24px}.yc-sidebar{width:210px}}@media (max-width: 768px){body{font-size:14px;overflow-x:hidden}html{overflow-x:hidden}.yc-layout{flex-direction:column;width:100%;max-width:100vw;overflow-x:hidden}.yc-mobile-topbar{display:flex}.yc-sidebar{position:fixed;top:0;left:0;height:100vh;width:78vw;max-width:280px;z-index:45;transform:translate(-100%);box-shadow:8px 0 32px #00000080}.yc-sidebar[data-open=true]{transform:translate(0)}.yc-backdrop{display:block}.yc-main{padding:16px 14px;width:100%;max-width:100vw;overflow-x:hidden}.yc-main [style*=grid-template-columns],.yc-main [style*=gridTemplateColumns]{grid-template-columns:1fr!important}.yc-main svg,.yc-main canvas{max-width:100%!important;height:auto}input,select,textarea{font-size:16px!important}button{min-height:44px;padding:10px 16px}.yc-hamburger{min-height:44px}.cyber-title{font-size:22px!important;letter-spacing:3px!important}.cyber-subtitle{font-size:10px!important}table{display:block;overflow-x:auto;white-space:nowrap}}@media (max-width: 480px){.yc-main{padding:12px 10px}.yc-mobile-title{font-size:12px;letter-spacing:1.5px}.cyber-title{font-size:18px!important;letter-spacing:2px!important}.yc-main>div[style*="grid-template-columns: repeat(2"],.yc-main>div[style*="grid-template-columns: repeat(3"],.yc-main>div[style*="grid-template-columns: repeat(4"]{grid-template-columns:1fr!important}}@media (hover: none){button:hover{transform:none!important;box-shadow:none}button:active{opacity:.7}}