.uptime-monitor{max-width:56rem;margin:0 auto}.uptime-metric{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .6s ease,box-shadow .6s ease}.uptime-metric:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.uptime-value{font-variant-numeric:tabular-nums;transition:color .6s ease}.uptime-gauge-ring{transition:stroke-dashoffset 1.8s cubic-bezier(.4,0,.2,1)}.uptime-sparkline{min-height:3rem;position:relative;overflow:hidden}.uptime-sparkline.laser-sweep:after{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:linear-gradient(180deg,transparent,#0ea5e9,transparent);box-shadow:0 0 12px #0ea5e9cc;animation:uptime-laser .9s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes uptime-laser{0%{left:0;opacity:1}to{left:100%;opacity:0}}.uptime-sparkline-bar{width:10px;border-radius:3px 3px 0 0;background:linear-gradient(to top,#6366f1,#818cf8);transition:height .6s ease;opacity:0;transform:scaleY(0);transform-origin:bottom}.uptime-sparkline.is-visible .uptime-sparkline-bar{opacity:1;transform:scaleY(1)}.uptime-sparkline-bar:nth-child(1){transition-delay:0s}.uptime-sparkline-bar:nth-child(2){transition-delay:.05s}.uptime-sparkline-bar:nth-child(3){transition-delay:.1s}.uptime-sparkline-bar:nth-child(4){transition-delay:.15s}.uptime-sparkline-bar:nth-child(5){transition-delay:.2s}.uptime-sparkline-bar:nth-child(6){transition-delay:.25s}.uptime-sparkline-bar:nth-child(7){transition-delay:.3s}.uptime-sparkline-bar:nth-child(8){transition-delay:.35s}.uptime-sparkline-bar:nth-child(9){transition-delay:.4s}.uptime-sparkline-bar:nth-child(10){transition-delay:.45s}.uptime-sparkline-bar:nth-child(11){transition-delay:.5s}.uptime-sparkline-bar:nth-child(12){transition-delay:.55s}.uptime-sparkline-bar:nth-child(13){transition-delay:.6s}.uptime-sparkline-bar:nth-child(14){transition-delay:.65s}.uptime-sparkline-bar:nth-child(15){transition-delay:.7s}.uptime-sparkline-bar:nth-child(16){transition-delay:.75s}.uptime-sparkline-bar:nth-child(17){transition-delay:.8s}.uptime-sparkline-bar:nth-child(18){transition-delay:.85s}.uptime-sparkline-bar:nth-child(19){transition-delay:.9s}.uptime-sparkline-bar:nth-child(20){transition-delay:.95s}.uptime-status{transition:opacity .5s ease,transform .5s ease;transform:translateY(8px)}.uptime-status.is-visible{opacity:1!important;transform:translateY(0)}.uptime-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .75rem;border-radius:9999px;font-size:.75rem;line-height:1rem;font-weight:600;border:1px solid transparent}.uptime-chip.is-ok{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.uptime-chip.is-bad{background:#fff1f2;border-color:#fecdd3;color:#be123c}.uptime-chip.is-neutral{background:#f8fafc;border-color:#e2e8f0;color:#64748b}.uptime-pulse{position:relative}.uptime-pulse:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:currentColor;color:inherit;opacity:.5;animation:uptime-pulse-ring 2s ease-out infinite}@keyframes uptime-pulse-ring{0%{transform:scale(1);opacity:.5}70%{transform:scale(2.5);opacity:0}to{transform:scale(2.5);opacity:0}}@media(prefers-reduced-motion:reduce){.uptime-metric,.uptime-value,.uptime-gauge-ring,.uptime-sparkline-bar,.uptime-status{transition-duration:.01ms!important}.uptime-sparkline-bar{transition-delay:0s!important}.uptime-pulse:before{animation:none}.uptime-sparkline.laser-sweep:after{animation:none;display:none}}
