@keyframes serverBlink{0%,90%,to{opacity:.3}95%{opacity:1}}@keyframes serverActivity{0%,to{opacity:.4}50%{opacity:1}}@keyframes dataTransfer{0%{opacity:0;height:0}50%{opacity:1;height:100%}to{opacity:0;height:0}}.server-animation{justify-content:center;align-items:center;width:100%;height:100%;min-height:280px;display:flex;position:relative;overflow:hidden}.server-rack{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;flex-direction:column;gap:8px;width:200px;padding:20px;display:flex;box-shadow:0 20px 60px #0000004d}.server-unit{background:linear-gradient(90deg,#2d3748,#1a202c);border:1px solid #4a9eb233;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.server-lights{gap:6px;display:flex}.server-light{border-radius:50%;width:8px;height:8px}.server-light.green{background:#22c55e;animation:1.5s ease-in-out infinite serverActivity;box-shadow:0 0 10px #22c55e99}.server-light.orange{background:#f59e0b;animation:2s ease-in-out infinite serverBlink;box-shadow:0 0 10px #f59e0b99}.server-light.blue{background:#26b4e2;animation:1s ease-in-out infinite serverActivity;box-shadow:0 0 10px #26b4e299}.server-unit:first-child .server-light{animation-delay:0s}.server-unit:nth-child(2) .server-light{animation-delay:.3s}.server-unit:nth-child(3) .server-light{animation-delay:.6s}.server-unit:nth-child(4) .server-light{animation-delay:.9s}.server-slots{gap:3px;display:flex}.server-slot{background:#4a9eb233;border-radius:2px;width:4px;height:18px;position:relative;overflow:hidden}.server-slot:after{content:"";background:linear-gradient(#4a9eb2,#26b4e2);border-radius:2px;width:100%;animation:2s ease-in-out infinite dataTransfer;position:absolute;bottom:0;left:0}.server-slot:first-child:after{animation-delay:0s}.server-slot:nth-child(2):after{animation-delay:.2s}.server-slot:nth-child(3):after{animation-delay:.4s}.server-slot:nth-child(4):after{animation-delay:.6s}@keyframes needleSwing{0%,to{transform:rotate(-60deg)}25%{transform:rotate(30deg)}50%{transform:rotate(45deg)}75%{transform:rotate(20deg)}}@keyframes gaugeGlow{0%,to{filter:drop-shadow(0 0 5px #26b4e24d)}50%{filter:drop-shadow(0 0 15px #26b4e299)}}@keyframes percentFlicker{0%,to{opacity:1}50%{opacity:.8}}.gauge-animation{justify-content:center;align-items:center;width:100%;height:100%;min-height:280px;display:flex;position:relative;overflow:hidden}.gauge-container{width:200px;height:140px;position:relative}.gauge-arc{width:200px;height:100px;position:relative;overflow:hidden}.gauge-arc svg{width:200px;height:200px;animation:3s ease-in-out infinite gaugeGlow}.gauge-bg{fill:none;stroke:#6f848d33;stroke-width:12px;stroke-linecap:round}.gauge-fill{fill:none;stroke:url(#gaugeGradient);stroke-width:12px;stroke-linecap:round;stroke-dasharray:157;stroke-dashoffset:40px;transition:stroke-dashoffset 1s ease-out}.gauge-needle{transform-origin:bottom;background:linear-gradient(#1a1a1a,#4a5568);border-radius:2px;width:4px;height:70px;animation:4s ease-in-out infinite needleSwing;position:absolute;bottom:0;left:50%;transform:translate(-50%)rotate(-60deg)}.gauge-needle:after{content:"";background:linear-gradient(135deg,#4a5568,#1a1a1a);border:3px solid #26b4e2;border-radius:50%;width:16px;height:16px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.gauge-labels{justify-content:space-between;margin-top:8px;padding:0 10px;display:flex}.gauge-label{color:#6f848d;font-size:.7rem;font-weight:600}.gauge-value{color:#26b4e2;font-size:1.5rem;font-weight:700;animation:2s ease-in-out infinite percentFlicker;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes monitorScan{0%{opacity:0;left:0}10%{opacity:1}90%{opacity:1}to{opacity:0;left:100%}}@keyframes alertPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes logScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.monitor-animation{justify-content:center;align-items:center;width:100%;height:100%;min-height:280px;display:flex;position:relative;overflow:hidden}.monitor-container{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #4a9eb233;border-radius:12px;width:300px;padding:16px;box-shadow:0 20px 60px #0006}.monitor-header{border-bottom:1px solid #4a9eb233;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.monitor-title{text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;font-size:.7rem;font-weight:600}.monitor-status{align-items:center;gap:6px;display:flex}.monitor-status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite alertPulse}.monitor-status-text{color:#22c55e;font-size:.65rem;font-weight:600}.monitor-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.monitor-metric{text-align:center;background:#4a9eb21a;border-radius:8px;padding:8px}.monitor-metric-value{color:#26b4e2;font-size:1.1rem;font-weight:700}.monitor-metric-label{color:#64748b;text-transform:uppercase;margin-top:2px;font-size:.55rem;font-weight:500}.monitor-logs{background:#0000004d;border-radius:6px;height:60px;padding:8px;position:relative;overflow:hidden}.monitor-logs:before{content:"";z-index:1;background:linear-gradient(#0f172a,#0000);height:20px;position:absolute;top:0;left:0;right:0}.monitor-log-scroll{animation:8s linear infinite logScroll}.monitor-log{color:#94a3b8;white-space:nowrap;padding:2px 0;font-family:monospace;font-size:.6rem}.monitor-log.success{color:#22c55e}.monitor-log.warning{color:#f59e0b}.monitor-log.info{color:#26b4e2}@keyframes headsetBob{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-5px)rotate(-2deg)}75%{transform:translateY(-5px)rotate(2deg)}}@keyframes speechBubble{0%,to{opacity:0;transform:scale(.8)translateY(10px)}10%,90%{opacity:1;transform:scale(1)translateY(0)}}@keyframes typingDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes supportRing{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.2)}}.support-animation{justify-content:center;align-items:center;width:100%;height:100%;min-height:280px;display:flex;position:relative;overflow:hidden}.support-container{justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.support-headset{z-index:2;animation:3s ease-in-out infinite headsetBob;position:relative}.support-headset svg{stroke:#26b4e2;stroke-width:2px;fill:none;filter:drop-shadow(0 0 15px #26b4e266);width:80px;height:80px}.support-bubble{opacity:0;z-index:3;background:linear-gradient(135deg,#fff,#f1f5f9);border-radius:16px 16px 16px 4px;padding:10px 14px;animation:4s ease-in-out infinite speechBubble;position:absolute;top:10px;right:-20px;box-shadow:0 4px 20px #0000001a}.support-bubble:nth-child(3){border-radius:16px 16px 4px;animation-delay:2s;inset:auto auto 20px -30px}.support-bubble-text{color:#1a1a1a;white-space:nowrap;font-size:.75rem;font-weight:600}.support-typing{align-items:center;gap:4px;display:flex}.support-typing-dot{background:#6f848d;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typingDot}.support-typing-dot:nth-child(2){animation-delay:.2s}.support-typing-dot:nth-child(3){animation-delay:.4s}.support-ring{border:2px solid #26b4e24d;border-radius:50%;width:120px;height:120px;animation:2s ease-out infinite supportRing;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.support-ring:nth-child(5){width:160px;height:160px;animation-delay:.5s}.support-ring:nth-child(6){width:200px;height:200px;animation-delay:1s}