:root{--status-operational:theme(colors.green.6);--status-operational-bg:theme(colors.green.5);--status-degraded:theme(colors.yellow.6);--status-degraded-bg:theme(colors.yellow.5);--status-unavailable:theme(colors.red.6);--status-unavailable-bg:theme(colors.red.5);--status-unknown:theme(colors.gray.6);--status-unknown-bg:theme(colors.gray.5)}.dark{--status-operational:theme(colors.green.4);--status-operational-bg:theme(colors.green.95/30%);--status-degraded:theme(colors.yellow.4);--status-degraded-bg:theme(colors.yellow.95/30%);--status-unavailable:theme(colors.red.4);--status-unavailable-bg:theme(colors.red.95/30%);--status-unknown:theme(colors.gray.4);--status-unknown-bg:theme(colors.gray.95/30%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceGentle{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes pulseGentle{0%,to{opacity:1}50%{opacity:.6}}.animate-fade-in{animation:.6s ease-out fadeIn}.animate-slide-up{animation:.4s ease-out slideUp}.animate-bounce-gentle{animation:.8s ease-out bounceGentle}.animate-pulse-gentle{animation:2s cubic-bezier(.4,0,.6,1) infinite pulseGentle}.status-card{transition:all .2s ease-out}.status-card:hover{transform:translateY(-4px)}.status-hero{background:linear-gradient(135deg,#fff 0%,#ebeff2 100%);background:linear-gradient(135deg,lab(100% 0 0) 0%,lab(94.2097% -.985891 -1.98166) 100%)}.dark .status-hero{background:linear-gradient(135deg,#070d12 0%,#000207 100%);background:linear-gradient(135deg,lab(3.49987% -1.11723 -2.97409) 0%,lab(.486588% -.109874 -3.24717) 100%)}.status-card,.status-hero,[class*=animate-]{will-change:transform}@media (prefers-reduced-motion:reduce){.animate-fade-in,.animate-slide-up,.animate-bounce-gentle,.animate-pulse-gentle{animation:none}.status-card{will-change:auto;transition:none}.status-card:hover{transform:none}.status-hero{will-change:auto;animation:none}}@media (prefers-contrast:high){.status-card{border-width:2px}.status-badge{border-width:2px!important}}@media print{.animate-fade-in,.animate-slide-up,.animate-bounce-gentle,.animate-pulse-gentle{animation:none}.status-card:hover{box-shadow:none;transform:none}.animate-ping,[aria-hidden=true]{display:none!important}}
