@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@400;600&family=Rajdhani:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-void: #020408;--bg-panel: #060d14;--bg-surface: #0a1520;--bg-elevated:#0f1f2e;--accent-cyan: #00d4ff;--accent-green: #00ff9d;--accent-amber: #ffb800;--accent-red: #ff2d55;--accent-purple: #7b2fff;--text-primary: #e8f4f8;--text-secondary: #5a7a8a;--text-data: #00d4ff;--border-dim: #0d2435;--border-glow: rgba(0,212,255,.3);--glow-cyan: 0 0 20px rgba(0,212,255,.4), 0 0 60px rgba(0,212,255,.15);--glow-green: 0 0 20px rgba(0,255,157,.4);--glow-red: 0 0 20px rgba(255,45,85,.5);--glow-amber: 0 0 16px rgba(255,184,0,.45);--glow-purple: 0 0 18px rgba(123,47,255,.5);--panel-cut: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px) );--bg: var(--bg-void);--bg2: var(--bg-panel);--bg3: var(--bg-surface);--bg4: var(--bg-elevated);--border: var(--border-dim);--border2: var(--border-glow);--text: var(--text-primary);--text2: var(--text-secondary);--text3: #3f5e6d;--green: var(--accent-green);--green2: rgba(0,255,157,.5);--green3: rgba(0,255,157,.08);--amber: var(--accent-amber);--amber2: rgba(255,184,0,.5);--amber3: rgba(255,184,0,.08);--red: var(--accent-red);--red2: rgba(255,45,85,.5);--red3: rgba(255,45,85,.08);--blue: var(--accent-cyan);--blue2: rgba(0,212,255,.5);--blue3: rgba(0,212,255,.08);--teal: var(--accent-cyan);--teal2: rgba(0,212,255,.4);--teal3: rgba(0,212,255,.08);--purple:var(--accent-purple);--purple2:rgba(123,47,255,.5);--purple3:rgba(123,47,255,.08);--mono: "JetBrains Mono", monospace;--sans: "Rajdhani", sans-serif}html,body,#root{height:100%;overflow:hidden;background:var(--bg-void);color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:14px}img,svg,canvas,video{max-width:100%;height:auto}button,input,select,textarea{max-width:100%}*{min-width:0}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 10% 20%,rgba(0,212,255,.05),transparent 30%),radial-gradient(circle at 90% 80%,rgba(0,255,157,.03),transparent 25%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' fill='none'%3E%3Cg stroke='%2300d4ff' stroke-opacity='.25' stroke-width='.7'%3E%3Cpath d='M0 110h60l12-12h52l14 14h82'/%3E%3Cpath d='M110 0v58l10 10v64l-10 10v78'/%3E%3Cpath d='M40 20h35v26h24'/%3E%3Cpath d='M160 220v-35h-26v-24'/%3E%3C/g%3E%3Cg fill='%2300d4ff' fill-opacity='.35'%3E%3Ccircle cx='72' cy='98' r='2'/%3E%3Ccircle cx='118' cy='68' r='2'/%3E%3Ccircle cx='160' cy='185' r='2'/%3E%3C/g%3E%3C/svg%3E");opacity:.06}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.025) 2px,rgba(0,0,0,.025) 4px);pointer-events:none;z-index:9999}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:var(--border-dim);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#00d4ff4d}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ring{0%{transform:scale(1);opacity:.8}to{transform:scale(2.8);opacity:0}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes ticker{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes pageIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scan{0%{top:-2px}to{top:100%}}@keyframes pulse-c{0%,to{box-shadow:0 0 6px #00d4ff80}50%{box-shadow:0 0 22px #00d4fff2}}@keyframes pulse-g{0%,to{box-shadow:0 0 6px #00ff9d80}50%{box-shadow:0 0 22px #00ff9df2}}@keyframes pulse-a{0%,to{box-shadow:0 0 6px #ffb80066}50%{box-shadow:0 0 20px #ffb800e6}}@keyframes pulse-r{0%,to{box-shadow:0 0 6px #ff2d5580}50%{box-shadow:0 0 22px #ff2d55f2}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes drawStroke{0%{stroke-dashoffset:400}to{stroke-dashoffset:0}}.cy-panel{background:linear-gradient(135deg,var(--bg-panel),var(--bg-surface));border:1px solid var(--border-dim);border-top:1px solid rgba(0,212,255,.4);clip-path:var(--panel-cut);padding:12px 14px;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s}.cy-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.5),transparent)}.cy-panel:hover{border-color:#00d4ff99;box-shadow:var(--glow-cyan)}.cy-title{font-family:Rajdhani,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);font-size:11px;margin-bottom:10px;display:flex;align-items:center;gap:7px}.cy-title:before{content:"";width:6px;height:6px;background:var(--accent-cyan);box-shadow:var(--glow-cyan);flex-shrink:0}.cy-data{font-family:Orbitron,monospace;color:var(--text-data);text-shadow:0 0 14px rgba(0,212,255,.4)}.cy-grid{display:grid;gap:10px}.cy-progress{height:4px;background:var(--bg-elevated);position:relative;overflow:hidden;margin-top:6px}.cy-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-green));position:relative;transition:width .8s cubic-bezier(.22,1,.36,1)}.cy-progress>span:after{content:"";position:absolute;right:-3px;top:-1px;width:8px;height:6px;background:var(--accent-cyan);filter:blur(1px);box-shadow:0 0 8px var(--accent-cyan)}.cy-btn{border:1px solid var(--accent-cyan);background:transparent;color:var(--accent-cyan);font-family:Rajdhani,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.15em;padding:6px 12px;cursor:pointer;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));transition:all .18s;font-size:11px}.cy-btn:hover{background:var(--accent-cyan);color:var(--bg-void);box-shadow:var(--glow-cyan)}.cy-btn:active{transform:scale(.97)}.cy-btn.danger{border-color:var(--accent-red);color:var(--accent-red)}.cy-btn.danger:hover{background:var(--accent-red);color:#fff;box-shadow:var(--glow-red)}.status-ring{width:10px;height:10px;border:1px solid currentColor;border-radius:50%;position:relative;display:inline-block}.status-ring:before,.status-ring:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:1px solid currentColor;border-radius:50%;animation:ring 1.6s infinite;opacity:0}.status-ring:after{animation-delay:.8s}.hud-scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.3),transparent);animation:scan 4s linear infinite;pointer-events:none;z-index:10}.dot-active{animation:pulse-c 2s infinite}.dot-healthy{animation:pulse-g 2s infinite}.dot-warning{animation:pulse-a 1.4s infinite}.dot-critical{animation:pulse-r .9s infinite}@media (max-width: 1024px){.cy-grid[data-cols="4"],.cy-grid[data-cols="3"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width: 639px){.cy-grid[data-cols="4"],.cy-grid[data-cols="3"],.cy-grid[data-cols="2"]{grid-template-columns:minmax(0,1fr)!important}.cy-panel{padding:10px 12px}.cy-btn{min-height:36px}.cy-title{letter-spacing:.12em}}