.fx-pending{opacity:0;transform:translateY(14px)}.fx-in{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--fx-i, 0) * 70ms)}.fx-spot{--mx: 50%;--my: 0%;position:relative;isolation:isolate}.fx-spot:after{content:"";position:absolute;inset:0;z-index:2;padding:1px;border-radius:inherit;background:radial-gradient(260px circle at var(--mx) var(--my),var(--accent),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}.fx-spot:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(380px circle at var(--mx) var(--my),var(--accent-soft),transparent 65%);opacity:0;transition:opacity .3s ease;pointer-events:none}.fx-spot:hover:after,.fx-spot:hover:before{opacity:1}.btn-primary,body.dash .btn:not(.btn-ghost):not(.btn-outline){position:relative;overflow:hidden}.btn-primary:after,body.dash .btn:not(.btn-ghost):not(.btn-outline):after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skew(-18deg);pointer-events:none}.btn-primary:hover:after,body.dash .btn:not(.btn-ghost):not(.btn-outline):hover:after{animation:fx-sheen .8s ease}@keyframes fx-sheen{to{left:130%}}.btn:active,.fchip:active{transform:scale(.96)}.fx-progress{position:fixed;top:0;left:0;z-index:9999;height:2px;width:100%;background:var(--accent);transform-origin:0 50%;transform:scaleX(var(--fx-p, 0));pointer-events:none}.hero-stat-live b{display:inline-flex;align-items:center;justify-content:center;gap:10px}.hero-stats .hero-stat-live b span{font-size:inherit;color:inherit;font-weight:inherit}.hero-stat-live .live-dot{position:relative;width:9px;height:9px;border-radius:50%;background:var(--ok);flex:none}.hero-stat-live .live-dot:after,body.dash .res-dot.on:after,body.dash .pulse.on:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--ok);animation:fx-breathe 2.4s ease-out infinite}@keyframes fx-breathe{0%{opacity:.9;transform:scale(.55)}to{opacity:0;transform:scale(1.9)}}body.dash .res-dot.on,body.dash .pulse.on,body.dash .res-row{position:relative}body.dash .res-row:before{content:"";position:absolute;top:10px;bottom:10px;left:0;width:2px;border-radius:2px;background:var(--accent);transform:scaleY(0);transition:transform .25s cubic-bezier(.2,.8,.2,1)}body.dash .res-row:hover:before,body.dash .res-row:focus-visible:before{transform:scaleY(1)}body.dash .res-row .res-go{transition:transform .25s cubic-bezier(.2,.8,.2,1)}body.dash .res-row:hover .res-go{transform:translate(3px)}body.dash .res-bar i{animation:fx-fill .9s cubic-bezier(.2,.8,.2,1) both;transform-origin:0 50%}@keyframes fx-fill{0%{transform:scaleX(0)}}body.dash .fx-row{animation:fx-row .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--fx-i, 0) * 40ms)}@keyframes fx-row{0%{opacity:0;transform:translateY(6px)}}.os-logo{display:inline-grid;place-items:center;width:100%;height:100%;border-radius:inherit;background:#2a3342}.os-logo img{width:58%;height:58%;display:block}.os-debian{background:#a81d33}.os-ubuntu{background:#e95420}.os-docker{background:#2496ed}.os-alpinelinux{background:#0d597f}.os-centos{background:#262577}.os-rockylinux{background:#10b981}.os-almalinux{background:#0f4266}.os-fedora{background:#51a2da}.os-archlinux{background:#1793d1}.os-opensuse{background:#73ba25}.os-nixos{background:#5277c3}.os-gentoo{background:#54487a}.os-windows{background:#0078d4}.os-linux{background:#fcc624}body.dash .res-ico:has(.os-logo),body.dash .srv-ico:has(.os-logo),body.dash .svc-ico:has(.os-logo){padding:0;overflow:hidden;border-color:transparent}body.dash .os-badge .os-logo{width:18px;height:18px;border-radius:5px;flex:none}body.dash .cr-chart{position:relative}body.dash .cr-bar{cursor:pointer;outline:none}body.dash .cr-bar i{transition:opacity .2s ease,filter .2s ease,transform .2s ease;transform-origin:50% 100%}body.dash .cr-chart:hover .cr-bar i,body.dash .cr-chart:focus-within .cr-bar i{opacity:.45}body.dash .cr-chart .cr-bar:hover i,body.dash .cr-chart .cr-bar:focus-visible i{opacity:1;filter:brightness(1.15);transform:scaleY(1.04)}body.dash .cr-bar.neg i{background:var(--danger)}body.dash .cr-bar:hover span,body.dash .cr-bar:focus-visible span{color:var(--ink)}.fx-tip{position:absolute;z-index:20;min-width:170px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-2, var(--surface));box-shadow:var(--sh-pop);font-size:12.5px;color:var(--ink-soft);pointer-events:none;transform:translate(-50%,calc(-100% - 10px));opacity:0;transition:opacity .15s ease;white-space:nowrap}.fx-tip.on{opacity:1}.fx-tip b{display:block;margin-bottom:6px;font-size:12px;color:var(--ink-faint);font-weight:600;text-transform:capitalize}.fx-tip .fx-tip-net{display:block;margin-bottom:6px;font-family:var(--mono);font-size:17px;color:var(--ink)}.fx-tip .fx-tip-row{display:flex;justify-content:space-between;gap:16px;font-family:var(--mono);font-size:11.5px}.fx-tip .fx-in-v{color:var(--ok)}.fx-tip .fx-out-v{color:var(--danger)}@media (prefers-reduced-motion: reduce){.fx-pending{opacity:1;transform:none}.fx-in,body.dash .fx-row,body.dash .res-bar i{transition:none;animation:none}.hero-stat-live .live-dot:after,body.dash .res-dot.on:after,body.dash .pulse.on:after{animation:none}.btn-primary:hover:after,body.dash .btn:hover:after{animation:none}}.svc-tag{--tag: var(--accent);display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:1px 8px;border:1px solid color-mix(in srgb,var(--tag) 45%,transparent);border-radius:999px;background:color-mix(in srgb,var(--tag) 14%,transparent);color:color-mix(in srgb,var(--tag) 70%,var(--ink));font-family:var(--sans);font-size:11px;font-weight:600;line-height:18px;letter-spacing:0;white-space:nowrap;vertical-align:middle}.svc-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tag)}