*,:before,:after,::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.container{width:100%}.l-corner{position:relative}.l-corner:before{border-color:#00f0ff99;border-top-width:1px;border-left-width:1px;width:12px;height:12px;position:absolute;top:0;left:0}.l-corner:after{border-color:#00f0ff99;border-bottom-width:1px;border-right-width:1px;width:12px;height:12px;position:absolute;bottom:0;right:0}.glass-panel{--un-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);background-color:#0006;border-width:1px;border-color:#00f0ff33}.kpi-value{font-size:24px;font-weight:700;line-height:32px}.panel-title{--un-text-opacity:1;color:rgb(156 163 175/var(--un-text-opacity)) ;letter-spacing:.05em;text-transform:uppercase;font-size:14px;line-height:20px}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.bottom-20{bottom:80px}.left-1\/2{left:50%}.right-2{right:8px}.top-2{top:8px}.z-\[100\]{z-index:100}.z-50{z-index:50}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.m-2{margin:8px}.mx-2{margin-left:8px;margin-right:8px}.mx-4{margin-left:16px;margin-right:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mt-2{margin-top:8px}.h-14{height:56px}.h-6{height:24px}.h-8{height:32px}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:0}.w-\[420px\]{width:420px}.w-\[560px\]{width:560px}.w-6{width:24px}.w-full{width:100%}.w-screen{width:100vw}.flex{display:flex}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-1{gap:4px}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.b,.border{border-width:1px}.last\:border-0:last-child{border-width:0}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-cyber-blue\/30{border-color:#00f0ff4d}.border-cyber-blue\/40{border-color:#00f0ff66}.border-gray-700{--un-border-opacity:1;border-color:rgb(55 65 81/var(--un-border-opacity))}.border-white\/5{border-color:#ffffff0d}.hover\:border-cyber-blue\/60:hover{border-color:#00f0ff99}.rounded{border-radius:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:8px}.bg-alert-yellow\/10{background-color:#ffd7001a}.bg-alert-yellow\/20{background-color:#ffd70033}.bg-black\/90{background-color:#000000e6}.bg-cyber-blue\/10{background-color:#00f0ff1a}.bg-cyber-blue\/20{background-color:#00f0ff33}.bg-deep-blue{--un-bg-opacity:1;background-color:rgb(5 10 31/var(--un-bg-opacity)) }.bg-fault-red\/10{background-color:#ff33331a}.bg-fault-red\/20{background-color:#f333}.bg-gray-500\/20{background-color:#6b728033}.hover\:bg-cyber-blue\/30:hover{background-color:#00f0ff4d}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.px-1\.5{padding-left:6px;padding-right:6px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-0\.5{padding-top:2px;padding-bottom:2px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.pl-4{padding-left:16px}.pie{padding-inline-end:16px}.text-center{text-align:center}.text-\[10px\]{font-size:10px}.text-lg{font-size:18px;line-height:28px}.text-sm{font-size:14px;line-height:20px}.text-xs{font-size:12px;line-height:16px}.text-alert-yellow{--un-text-opacity:1;color:rgb(255 215 0/var(--un-text-opacity)) }.text-cyber-blue{--un-text-opacity:1;color:rgb(0 240 255/var(--un-text-opacity)) }.text-cyber-blue\/60{color:#00f0ff99}.text-fault-red{--un-text-opacity:1;color:rgb(255 51 51/var(--un-text-opacity)) }.text-gray-300{--un-text-opacity:1;color:rgb(209 213 219/var(--un-text-opacity)) }.text-gray-400{--un-text-opacity:1;color:rgb(156 163 175/var(--un-text-opacity)) }.text-gray-500{--un-text-opacity:1;color:rgb(107 114 128/var(--un-text-opacity)) }.text-white{--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity)) }.hover\:text-cyber-blue:hover{--un-text-opacity:1;color:rgb(0 240 255/var(--un-text-opacity)) }.hover\:text-gray-300:hover{--un-text-opacity:1;color:rgb(209 213 219/var(--un-text-opacity)) }.font-bold{font-weight:700}.tracking-widest{letter-spacing:.1em}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tab{tab-size:4}.accent-cyber-blue{--un-accent-opacity:1;accent-color:rgb(0 240 255/var(--un-accent-opacity)) }.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color,#0000001a),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color,#0000001a);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}.glass-panel{-webkit-backdrop-filter:blur(20px);background:#0006;border:1px solid #00f0ff33}.l-corner:before{content:"";border-top:1px solid #00f0ff99;border-left:1px solid #00f0ff99;width:12px;height:12px;position:absolute;top:0;left:0}.l-corner:after{content:"";border-bottom:1px solid #00f0ff99;border-right:1px solid #00f0ff99;width:12px;height:12px;position:absolute;bottom:0;right:0}.bg-grid{background-image:linear-gradient(#00f0ff08 1px,#0000 1px),linear-gradient(90deg,#00f0ff08 1px,#0000 1px);background-size:60px 60px}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.scan-line:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#00f0ff26,#0000);height:2px;animation:8s linear infinite scan-line;position:absolute;top:0;left:0;right:0}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-dot.normal{background:#00f0ff;animation:2s ease-in-out infinite pulse-blue;box-shadow:0 0 8px #00f0ff99}.status-dot.warning{background:gold;animation:1s ease-in-out infinite pulse-yellow;box-shadow:0 0 8px #ffd70099}.status-dot.fault{background:#f33;animation:.5s ease-in-out infinite flash-red;box-shadow:0 0 12px #f33c}.status-dot.offline{background:#8892a6}@keyframes pulse-blue{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-yellow{0%,to{opacity:1;box-shadow:0 0 8px #ffd70099}50%{opacity:.6;box-shadow:0 0 16px #ffd700e6}}@keyframes flash-red{0%,to{opacity:1;box-shadow:0 0 12px #f33c}50%{opacity:.4}}.chart-container{width:100%;height:100%;min-height:200px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00f0ff4d;border-radius:2px}