@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter Variable", "Inter", system-ui, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;--color-white:#fff;--spacing:.25rem;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-right-\[2px\]{right:-2px}.bottom-\[-1px\]{bottom:-1px}.z-10{z-index:10}.z-30{z-index:30}.z-\[1\]{z-index:1}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-auto{margin-inline:auto}.\!mt-0{margin-top:calc(var(--spacing) * 0)!important}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-auto{margin-top:auto}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-\[1px\]{margin-left:1px}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-\[16\/9\]{aspect-ratio:16/9}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-9{height:calc(var(--spacing) * 9)}.h-16{height:calc(var(--spacing) * 16)}.h-\[40vh\]{height:40vh}.h-\[60vh\]{height:60vh}.h-\[260px\]{height:260px}.h-full{height:100%}.min-h-\[20vh\]{min-height:20vh}.min-h-\[60vh\]{min-height:60vh}.min-h-\[128px\]{min-height:128px}.min-h-\[220px\]{min-height:220px}.min-h-\[260px\]{min-height:260px}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-full{width:100%}.max-w-\[32rem\]{max-width:32rem}.max-w-\[1720px\]{max-width:1720px}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[160px\]{min-width:160px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-y{resize:vertical}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-\[3px\]{border-radius:3px}.rounded-\[8px\]{border-radius:8px}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[color-mix\(in_srgb\,var\(--progress-cpu\)_30\%\,var\(--hairline\)\)\]{border-color:var(--progress-cpu)}@supports (color:color-mix(in lab,red,red)){.border-\[color-mix\(in_srgb\,var\(--progress-cpu\)_30\%\,var\(--hairline\)\)\]{border-color:color-mix(in srgb,var(--progress-cpu) 30%,var(--hairline))}}.border-\[color-mix\(in_srgb\,var\(--status-offline\)_28\%\,transparent\)\]{border-color:var(--status-offline)}@supports (color:color-mix(in lab,red,red)){.border-\[color-mix\(in_srgb\,var\(--status-offline\)_28\%\,transparent\)\]{border-color:color-mix(in srgb,var(--status-offline) 28%,transparent)}}.border-\[color-mix\(in_srgb\,var\(--status-offline\)_32\%\,transparent\)\]{border-color:var(--status-offline)}@supports (color:color-mix(in lab,red,red)){.border-\[color-mix\(in_srgb\,var\(--status-offline\)_32\%\,transparent\)\]{border-color:color-mix(in srgb,var(--status-offline) 32%,transparent)}}.border-\[color-mix\(in_srgb\,var\(--status-online\)_28\%\,transparent\)\]{border-color:var(--status-online)}@supports (color:color-mix(in lab,red,red)){.border-\[color-mix\(in_srgb\,var\(--status-online\)_28\%\,transparent\)\]{border-color:color-mix(in srgb,var(--status-online) 28%,transparent)}}.border-\[var\(--border-strong\)\]{border-color:var(--border-strong)}.border-\[var\(--border-subtle\)\]{border-color:var(--border-subtle)}.border-\[var\(--hairline\)\]{border-color:var(--hairline)}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.border-t-\[var\(--accent-500\)\]{border-top-color:var(--accent-500)}.bg-\[color-mix\(in_srgb\,var\(--bg-0\)_58\%\,transparent\)\]{background-color:var(--bg-0)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--bg-0\)_58\%\,transparent\)\]{background-color:color-mix(in srgb,var(--bg-0) 58%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--hover-bg\)_72\%\,transparent\)\]{background-color:var(--hover-bg)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--hover-bg\)_72\%\,transparent\)\]{background-color:color-mix(in srgb,var(--hover-bg) 72%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--progress-cpu\)_8\%\,var\(--surface\)\)\]{background-color:var(--progress-cpu)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--progress-cpu\)_8\%\,var\(--surface\)\)\]{background-color:color-mix(in srgb,var(--progress-cpu) 8%,var(--surface))}}.bg-\[color-mix\(in_srgb\,var\(--status-offline\)_11\%\,var\(--surface\)\)\]{background-color:var(--status-offline)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--status-offline\)_11\%\,var\(--surface\)\)\]{background-color:color-mix(in srgb,var(--status-offline) 11%,var(--surface))}}.bg-\[color-mix\(in_srgb\,var\(--status-online\)_11\%\,var\(--surface\)\)\]{background-color:var(--status-online)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--status-online\)_11\%\,var\(--surface\)\)\]{background-color:color-mix(in srgb,var(--status-online) 11%,var(--surface))}}.bg-\[color-mix\(in_srgb\,var\(--surface\)_90\%\,transparent\)\]{background-color:var(--surface)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--surface\)_90\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface) 90%,transparent)}}.bg-\[var\(--surface\)\]{background-color:var(--surface)}.bg-\[var\(--ys-metric-cpu\)\]{background-color:var(--ys-metric-cpu)}.bg-\[var\(--ys-metric-disk\)\]{background-color:var(--ys-metric-disk)}.bg-\[var\(--ys-metric-memory\)\]{background-color:var(--ys-metric-memory)}.bg-transparent{background-color:#0000}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.bg-white\/30{background-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab,red,red)){.bg-white\/40{background-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.object-cover{object-fit:cover}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.02em\]{--tw-tracking:.02em;letter-spacing:.02em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--status-offline\)\]{color:var(--status-offline)}.text-\[var\(--status-online\)\]{color:var(--status-online)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[var\(--text-tertiary\)\]{color:var(--text-tertiary)}.uppercase{text-transform:uppercase}.accent-\[var\(--accent-500\)\]{accent-color:var(--accent-500)}.opacity-40{opacity:.4}.opacity-55{opacity:.55}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_10px_25px_-18px_rgba\(0\,0\,0\,0\.8\)\]{--tw-shadow:0 10px 25px -18px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_36px_-28px_rgba\(0\,0\,0\,0\.55\)\]{--tw-shadow:0 18px 36px -28px var(--tw-shadow-color,#0000008c);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.placeholder\:text-\[var\(--text-tertiary\)\]::placeholder{color:var(--text-tertiary)}@media(hover:hover){.hover\:bg-\[var\(--hover-bg\)\]:hover{background-color:var(--hover-bg)}}.active\:cursor-grabbing:active{cursor:grabbing}@media(min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(240px\,320px\)\]{grid-template-columns:minmax(0,1fr) minmax(240px,320px)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media(min-width:64rem){.lg\:grid-cols-\[minmax\(0\,1fr\)_300px\]{grid-template-columns:minmax(0,1fr) 300px}.lg\:grid-cols-\[minmax\(0\,1fr\)_320px\]{grid-template-columns:minmax(0,1fr) 320px}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:pt-6{padding-top:calc(var(--spacing) * 6)}}@media(min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:gap-5{gap:calc(var(--spacing) * 5)}}}:root,[data-appearance=light]{--bg-0:#f4f4f5;--bg-1:#fff;--surface:#fff;--surface-elev:#fff;--surface-sunken:#f4f4f5;--shell-bg:#0f0f10;--shell-top:#111112;--shell-title-bg:#0a0a0b;--shell-divider:#ffffff0d;--border:#18181b14;--border-subtle:#18181b0f;--border-strong:#18181b21;--hairline:#18181b14;--text-primary:#18181b;--text-secondary:#52525b;--text-tertiary:#71717a;--text-on-strong:#fff;--fill-primary:#18181b;--fill-secondary:#18181b1a;--fill-tertiary:#18181b0d;--hover-bg:#f4f4f5;--progress-bg:#e4e4e7;--progress-cpu:#3b82f6;--progress-memory:#8b5cf6;--progress-swap:#6366f1;--progress-disk:#e97b35;--progress-network:#10b981;--progress-traffic-from:#3b82f6;--progress-traffic-to:#8b5cf6;--status-success:#2f9e65;--status-warning:#e9a23b;--status-error:#dc2626;--status-info:#3b82f6;--status-online:#2f9e65;--status-offline:#dc2626;--tag-red-bg:#fee2e2;--tag-red-fg:#b91c1c;--tag-gray-bg:#e5e5e5;--tag-gray-fg:#3f3f46;--shadow-card:0 0 0 1px #18181b08, 0 1px 2px #18181b0a, 0 12px 32px -16px #18181b1f;--ring:#3b82f659}[data-appearance=dark]{--bg-0:#090909;--bg-1:#0d0d0e;--surface:#0f0f10;--surface-elev:#121214;--surface-sunken:#0b0b0c;--shell-bg:#0d0d0e;--shell-top:#111112;--shell-title-bg:#0a0a0b;--shell-divider:#ffffff0d;--border:#ffffff0e;--border-subtle:#ffffff0a;--border-strong:#ffffff1a;--hairline:#ffffff0f;--text-primary:#dddddf;--text-secondary:#a5a5aa;--text-tertiary:#76767c;--text-on-strong:#0f0f0f;--fill-primary:#e6e6e6;--fill-secondary:#e6e6e613;--fill-tertiary:#e6e6e60b;--hover-bg:#17171a;--progress-bg:#26262a;--progress-cpu:#5d88ff;--progress-memory:#a35cf5;--progress-swap:#818cf8;--progress-disk:#f1873d;--progress-network:#5bbb8a;--progress-traffic-from:#5d88ff;--progress-traffic-to:#a35cf5;--status-success:#61c08f;--status-warning:#d4a54a;--status-error:#d84e45;--status-info:#5d88ff;--status-online:#61c08f;--status-offline:#d84e45;--tag-red-bg:#9e3426;--tag-red-fg:#ececee;--tag-gray-bg:#26262a;--tag-gray-fg:#dedee1;--shadow-card:0 0 0 1px #ffffff03, 0 1px 2px #0000000d, 0 10px 20px -20px #00000059;--ring:#5d88ff75}[data-tag=ruby],[data-tag=red],[data-tag=tomato],[data-tag=crimson]{--tag-bg:var(--tag-red-bg);--tag-fg:var(--tag-red-fg);--tag-border:transparent}[data-tag=gold],[data-tag=amber],[data-tag=yellow]{--tag-bg:#e9a23b29;--tag-fg:#e9a23b;--tag-border:transparent}[data-tag=orange],[data-tag=bronze],[data-tag=brown]{--tag-bg:#e97b3529;--tag-fg:#e97b35;--tag-border:transparent}[data-tag=green],[data-tag=grass],[data-tag=mint],[data-tag=jade],[data-tag=lime]{--tag-bg:#54b48429;--tag-fg:#54b484;--tag-border:transparent}[data-tag=blue],[data-tag=sky],[data-tag=cyan],[data-tag=teal]{--tag-bg:#4e81ee29;--tag-fg:#4e81ee;--tag-border:transparent}[data-tag=violet],[data-tag=purple],[data-tag=plum],[data-tag=iris],[data-tag=indigo],[data-tag=pink]{--tag-bg:#9d5aef29;--tag-fg:#9d5aef;--tag-border:transparent}[data-tag=gray],[data-tag=""]{--tag-bg:var(--tag-gray-bg);--tag-fg:var(--tag-gray-fg);--tag-border:transparent}.surface-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:12px}.surface-inset{background:var(--surface-sunken);border:1px solid var(--hairline);border-radius:10px}.hairline{border:1px solid var(--hairline)}.ys-background-board{pointer-events:none;z-index:0;background:var(--bg-0);position:fixed;inset:0;overflow:hidden}.ys-background-board[data-layer=front]{z-index:35;background:0 0}.ys-background-image{width:100%;height:100%;opacity:var(--ys-bg-opacity,.54);filter:blur(var(--ys-bg-blur,0));transform:scale(var(--ys-bg-scale,1));will-change:opacity;animation:.36s both ys-background-fade}.ys-background-scrim{background:linear-gradient(180deg,var(--bg-0) 0%,var(--bg-0) 100%);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.ys-background-scrim{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-0) 54%,transparent),color-mix(in srgb,var(--bg-0) 76%,transparent))}}.ys-gradient-backdrop{pointer-events:none;z-index:0;opacity:var(--ys-gradient-opacity,.92);background:radial-gradient(circle at 18% 10%,var(--ys-gradient-accent) 0%,transparent 34%),radial-gradient(circle at 82% 8%,var(--ys-gradient-secondary) 0%,transparent 32%),linear-gradient(var(--ys-gradient-angle,128deg),var(--ys-gradient-primary) 0%,var(--ys-gradient-primary) 34%,var(--ys-gradient-secondary) 68%,var(--ys-gradient-accent) 100%);position:fixed;inset:0;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.ys-gradient-backdrop{background:radial-gradient(circle at 18% 10%,color-mix(in srgb,var(--ys-gradient-accent) var(--ys-gradient-accent-strength,72%),transparent) 0%,transparent 34%),radial-gradient(circle at 82% 8%,color-mix(in srgb,var(--ys-gradient-secondary) var(--ys-gradient-secondary-strength,58%),transparent) 0%,transparent 32%),linear-gradient(var(--ys-gradient-angle,128deg),var(--ys-gradient-primary) 0%,color-mix(in srgb,var(--ys-gradient-primary) 48%,white 52%) 34%,var(--ys-gradient-secondary) 68%,var(--ys-gradient-accent) 100%)}}.ys-gradient-backdrop:before{content:"";opacity:.5;filter:blur(var(--ys-gradient-softness,34px));background:radial-gradient(circle at 22% 38%,var(--ys-gradient-secondary) 0%,transparent 32%),radial-gradient(circle at 72% 48%,var(--ys-gradient-accent) 0%,transparent 34%);position:absolute;inset:-6%}@supports (color:color-mix(in lab,red,red)){.ys-gradient-backdrop:before{background:radial-gradient(circle at 22% 38%,color-mix(in srgb,var(--ys-gradient-secondary) var(--ys-gradient-soft-secondary-strength,62%),transparent) 0%,transparent 32%),radial-gradient(circle at 72% 48%,color-mix(in srgb,var(--ys-gradient-accent) var(--ys-gradient-soft-accent-strength,54%),transparent) 0%,transparent 34%)}}.ys-gradient-backdrop:after{content:"";opacity:var(--ys-gradient-grid-opacity,.34);background-image:linear-gradient(var(--text-primary) 1px,transparent 1px),linear-gradient(90deg,var(--text-primary) 1px,transparent 1px);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.ys-gradient-backdrop:after{background-image:linear-gradient(color-mix(in srgb,var(--text-primary) 11%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--text-primary) 9%,transparent) 1px,transparent 1px)}}.ys-gradient-backdrop:after{background-size:88px 88px;-webkit-mask-image:linear-gradient(#000 0% 72%,#0000 100%);mask-image:linear-gradient(#000 0% 72%,#0000)}.ys-gradient-backdrop[data-grid=false]:after{display:none}@keyframes ys-background-fade{0%{opacity:0}to{opacity:var(--ys-bg-opacity,.54)}}.control-button{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.control-button{background:color-mix(in srgb,var(--surface) 88%,transparent)}}.control-button{border:1px solid var(--border)}@supports (color:color-mix(in lab,red,red)){.control-button{border:1px solid color-mix(in srgb,var(--border) 88%,transparent)}}.control-button{color:var(--text-secondary);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;transition:background .16s,color .16s,transform .16s,border-color .16s}.control-button:hover{background:var(--hover-bg)}@supports (color:color-mix(in lab,red,red)){.control-button:hover{background:color-mix(in srgb,var(--hover-bg) 72%,var(--surface))}}.control-button:hover{color:var(--text-primary);border-color:var(--border-strong)}.control-button:disabled{cursor:not-allowed;opacity:.45}.control-button:disabled:hover{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.control-button:disabled:hover{background:color-mix(in srgb,var(--surface) 88%,transparent)}}.control-button:disabled:hover{color:var(--text-secondary);border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.control-button:disabled:hover{border-color:color-mix(in srgb,var(--border) 88%,transparent)}}.control-button:active{transform:scale(.96)}.floating-controls{top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));z-index:40;pointer-events:none;justify-content:flex-end;display:flex;position:fixed}.floating-controls-inner{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:8px;min-width:0;display:flex}.floating-controls-row{justify-content:flex-end;align-items:center;gap:8px;display:flex}.floating-controls-actions{opacity:1;transform-origin:100%;align-items:center;gap:8px;max-width:390px;transition:max-width .22s cubic-bezier(.32,.72,0,1),opacity .16s,transform .22s cubic-bezier(.32,.72,0,1);display:inline-flex;overflow:hidden;transform:translate(0)scale(1)}.floating-controls.is-collapsed .floating-controls-actions{opacity:0;pointer-events:none;max-width:0;transform:translate(18px)scale(.96)}.floating-controls-trigger{flex:none;position:relative;box-shadow:0 10px 28px -22px #00000061}.floating-controls.has-warning .floating-controls-trigger{border-color:var(--status-offline)}@supports (color:color-mix(in lab,red,red)){.floating-controls.has-warning .floating-controls-trigger{border-color:color-mix(in srgb,var(--status-offline) 38%,var(--border))}}.floating-controls-warning-dot{border:1px solid var(--surface);background:var(--status-offline);border-radius:999px;width:7px;height:7px;position:absolute;top:5px;right:5px}.gradient-quick-panel{border:1px solid var(--border);width:min(360px,100vw - 2rem);padding:12px}@supports (color:color-mix(in lab,red,red)){.gradient-quick-panel{border:1px solid color-mix(in srgb,var(--border) 88%,transparent)}}.gradient-quick-panel{background:var(--surface);border-radius:14px}@supports (color:color-mix(in lab,red,red)){.gradient-quick-panel{background:color-mix(in srgb,var(--surface) 92%,transparent)}}.gradient-quick-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 22px 48px -34px #0000008f,inset 0 1px #ffffff2e}.gradient-quick-panel-head,.gradient-panel-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.gradient-quick-title{color:var(--text-primary);font-size:13px;font-weight:720}.gradient-quick-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:inline-flex}.gradient-quick-status{border:1px solid var(--progress-cpu);margin-top:8px;padding:7px 10px}@supports (color:color-mix(in lab,red,red)){.gradient-quick-status{border:1px solid color-mix(in srgb,var(--progress-cpu) 20%,var(--hairline))}}.gradient-quick-status{background:var(--progress-cpu);border-radius:10px}@supports (color:color-mix(in lab,red,red)){.gradient-quick-status{background:color-mix(in srgb,var(--progress-cpu) 8%,var(--surface-sunken))}}.gradient-quick-status{color:var(--text-secondary);font-size:11px;font-weight:650}.gradient-quick-subtitle{color:var(--text-tertiary);margin-top:2px;font-size:11px;font-weight:600}.gradient-panel-switch{background:var(--surface-sunken);flex:none}.gradient-preset-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.gradient-preset-button{border:1px solid var(--hairline);min-width:0;color:var(--text-secondary);background:var(--surface-sunken);border-radius:10px;gap:6px;padding:7px 4px 6px;display:grid}@supports (color:color-mix(in lab,red,red)){.gradient-preset-button{background:color-mix(in srgb,var(--surface-sunken) 78%,transparent)}}.gradient-preset-button{text-align:center;font-size:10px;font-weight:680;transition:border-color .16s,background .16s,color .16s,transform .16s}.gradient-preset-button:hover,.gradient-preset-button.is-active{color:var(--text-primary);border-color:var(--progress-cpu)}@supports (color:color-mix(in lab,red,red)){.gradient-preset-button:hover,.gradient-preset-button.is-active{border-color:color-mix(in srgb,var(--progress-cpu) 40%,var(--border-strong))}}.gradient-preset-button:hover,.gradient-preset-button.is-active{background:var(--hover-bg)}@supports (color:color-mix(in lab,red,red)){.gradient-preset-button:hover,.gradient-preset-button.is-active{background:color-mix(in srgb,var(--hover-bg) 70%,var(--surface))}}.gradient-preset-button:active{transform:scale(.97)}.gradient-preset-swatch{aspect-ratio:1.5;border:1px solid #fff;width:100%}@supports (color:color-mix(in lab,red,red)){.gradient-preset-swatch{border:1px solid color-mix(in srgb,white 38%,var(--hairline))}}.gradient-preset-swatch{border-radius:7px;box-shadow:inset 0 1px #ffffff6b}.gradient-color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.gradient-color-control{border:1px solid var(--hairline);background:var(--surface-sunken);min-width:0;height:34px;color:var(--text-secondary);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:0 8px 0 10px;font-size:11px;font-weight:650;display:flex}.gradient-color-control input{background:0 0;border:0;border-radius:999px;width:22px;height:22px;padding:0;overflow:hidden}.gradient-range-control{color:var(--text-secondary);gap:7px;margin-top:12px;font-size:11px;font-weight:650;display:grid}.gradient-range-control>span{justify-content:space-between;align-items:center;gap:10px;display:flex}.gradient-range-control strong{color:var(--text-primary);font-size:11px}.gradient-range-control input{width:100%;accent-color:var(--progress-cpu)}.gradient-range-control input:disabled{opacity:.45}.gradient-surface-sync{border:1px solid var(--hairline);background:linear-gradient(135deg,var(--ys-gradient-surface-primary,var(--surface)) 0%,var(--ys-gradient-surface-secondary,var(--surface)) 100%);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px;display:flex}@supports (color:color-mix(in lab,red,red)){.gradient-surface-sync{background:linear-gradient(135deg,color-mix(in srgb,var(--ys-gradient-surface-primary,var(--surface)) 18%,var(--surface-sunken)),color-mix(in srgb,var(--ys-gradient-surface-secondary,var(--surface)) 14%,var(--surface-sunken)))}}.gradient-surface-title{color:var(--text-primary);font-size:12px;font-weight:720}.gradient-surface-subtitle{color:var(--text-tertiary);margin-top:2px;font-size:10px;font-weight:600}.gradient-panel-actions{margin-top:12px}.gradient-panel-actions .theme-manage-button[data-active=true]{border-color:var(--progress-cpu)}@supports (color:color-mix(in lab,red,red)){.gradient-panel-actions .theme-manage-button[data-active=true]{border-color:color-mix(in srgb,var(--progress-cpu) 38%,var(--border-strong))}}.gradient-panel-actions .theme-manage-button[data-active=true]{background:var(--progress-cpu)}@supports (color:color-mix(in lab,red,red)){.gradient-panel-actions .theme-manage-button[data-active=true]{background:color-mix(in srgb,var(--progress-cpu) 10%,var(--surface))}}.visual-style-quick-panel{overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid var(--border);width:min(380px,100vw - 2rem);max-height:min(720px,100vh - 5.5rem);padding:12px;overflow-y:auto}@supports (color:color-mix(in lab,red,red)){.visual-style-quick-panel{border:1px solid color-mix(in srgb,var(--border) 88%,transparent)}}.visual-style-quick-panel{background:var(--surface);border-radius:14px}@supports (color:color-mix(in lab,red,red)){.visual-style-quick-panel{background:color-mix(in srgb,var(--surface) 94%,transparent)}}.visual-style-quick-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 22px 48px -34px #0000008f,inset 0 1px #ffffff2e}.visual-style-quick-panel.is-dashboard-panel{width:min(560px,100vw - 2rem)}.visual-style-quick-panel::-webkit-scrollbar{width:8px}.visual-style-quick-panel::-webkit-scrollbar-thumb{background:var(--text-tertiary);border:2px solid #0000;border-radius:999px}@supports (color:color-mix(in lab,red,red)){.visual-style-quick-panel::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-tertiary) 32%,transparent)}}.visual-style-quick-panel::-webkit-scrollbar-thumb{background-clip:padding-box}.visual-style-section{gap:8px;margin-top:12px;display:grid}.visual-style-section.is-tight{gap:7px;margin-top:10px}.visual-style-tab-list{border:1px solid var(--hairline);background:var(--surface-sunken);border-radius:12px;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:12px;padding:4px;display:grid}@supports (color:color-mix(in lab,red,red)){.visual-style-tab-list{background:color-mix(in srgb,var(--surface-sunken) 72%,transparent)}}.visual-style-tab-button{min-width:0;height:32px;color:var(--text-tertiary);border-radius:8px;font-size:11px;font-weight:760;transition:background .16s,color .16s,box-shadow .16s}.visual-style-tab-button:hover,.visual-style-tab-button[data-active=true]{background:var(--hover-bg)}@supports (color:color-mix(in lab,red,red)){.visual-style-tab-button:hover,.visual-style-tab-button[data-active=true]{background:color-mix(in srgb,var(--hover-bg) 76%,var(--surface))}}.visual-style-tab-button:hover,.visual-style-tab-button[data-active=true]{color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--progress-cpu)}@supports (color:color-mix(in lab,red,red)){.visual-style-tab-button:hover,.visual-style-tab-button[data-active=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--progress-cpu) 28%,transparent)}}.visual-style-section-title{color:var(--text-secondary);font-size:11px;font-weight:720}.visual-style-preset-list{gap:8px;display:grid}.visual-style-preset-list.is-grid,.visual-style-preset-list.is-card-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-style-preset-list.is-gauge-style,.visual-style-preset-list.is-liquid-shape{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.visual-style-preset-list.is-gauge-style .visual-style-preset,.visual-style-preset-list.is-liquid-shape .visual-style-preset{padding:8px}.visual-style-preset-list.is-gauge-style .visual-style-preset-copy,.visual-style-preset-list.is-liquid-shape .visual-style-preset-copy{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.visual-style-dashboard-layout{grid-template-columns:minmax(150px,.78fr) minmax(0,1.22fr);align-items:start;gap:10px;display:grid}.visual-style-linked-settings{border:1px solid var(--hairline);background:var(--surface-sunken);border-radius:12px;gap:8px;min-width:0;padding:10px;display:grid}@supports (color:color-mix(in lab,red,red)){.visual-style-linked-settings{background:color-mix(in srgb,var(--surface-sunken) 58%,transparent)}}.visual-style-linked-settings .gradient-range-control{margin-top:0}.visual-style-preset{border:1px solid var(--hairline);background:var(--surface-sunken);border-radius:10px;gap:4px;min-width:0;padding:10px;display:grid}@supports (color:color-mix(in lab,red,red)){.visual-style-preset{background:color-mix(in srgb,var(--surface-sunken) 84%,transparent)}}.visual-style-preset{color:var(--text-secondary);text-align:left;transition:border-color .16s,background .16s,color .16s,transform .16s}.visual-style-preset:hover,.visual-style-preset[data-active=true]{border-color:var(--progress-cpu)}@supports (color:color-mix(in lab,red,red)){.visual-style-preset:hover,.visual-style-preset[data-active=true]{border-color:color-mix(in srgb,var(--progress-cpu) 42%,var(--border-strong))}}.visual-style-preset:hover,.visual-style-preset[data-active=true]{background:var(--hover-bg)}@supports (color:color-mix(in lab,red,red)){.visual-style-preset:hover,.visual-style-preset[data-active=true]{background:color-mix(in srgb,var(--hover-bg) 68%,var(--surface))}}.visual-style-preset:hover,.visual-style-preset[data-active=true]{color:var(--text-primary)}.visual-style-preset:active{transform:scale(.985)}.visual-style-preset-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.visual-style-preset-name{color:var(--text-primary);font-size:12px;font-weight:760}.visual-style-preset-copy{color:var(--text-tertiary);font-size:10px;font-weight:600;line-height:1.35}.top-info-settings-panel{gap:10px;display:grid}.top-info-layout-card{border:1px solid var(--progress-cpu);gap:8px;padding:10px;display:grid}@supports (color:color-mix(in lab,red,red)){.top-info-layout-card{border:1px solid color-mix(in srgb,var(--progress-cpu) 18%,var(--hairline))}}.top-info-layout-card{background:radial-gradient(circle at 10% 0%,var(--progress-cpu) 0%,transparent 45%),var(--surface-sunken);border-radius:12px}@supports (color:color-mix(in lab,red,red)){.top-info-layout-card{background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--progress-cpu) 9%,transparent) 0%,transparent 45%),color-mix(in srgb,var(--surface-sunken) 78%,transparent)}}.top-info-layout-head{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:720;display:flex}.top-info-layout-head strong{color:var(--text-primary);font-size:11px}.top-info-column-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.top-info-column-button{border:1px solid var(--hairline);background:var(--surface);border-radius:9px;min-width:0;height:30px}@supports (color:color-mix(in lab,red,red)){.top-info-column-button{background:color-mix(in srgb,var(--surface) 82%,transparent)}}.top-info-column-button{color:var(--text-tertiary);font-size:11px;font-weight:760;transition:border-color .16s,background .16s,color .16s,transform .16s}.top-info-column-button:hover,.top-info-column-button[data-active=true]{border-color:var(--progress-cpu)}@supports (color:color-mix(in lab,red,red)){.top-info-column-button:hover,.top-info-column-button[data-active=true]{border-color:color-mix(in srgb,var(--progress-cpu) 44%,var(--border-strong))}}.top-info-column-button:hover,.top-info-column-button[data-active=true]{background:var(--progress-cpu)}@supports (color:color-mix(in lab,red,red)){.top-info-column-button:hover,.top-info-column-button[data-active=true]{background:color-mix(in srgb,var(--progress-cpu) 10%,var(--surface))}}.top-info-column-button:hover,.top-info-column-button[data-active=true]{color:var(--text-primary)}.top-info-column-button:active{transform:scale(.98)}.top-info-sort-list{gap:8px;display:grid}.top-info-sort-list[data-manage=true]{grid-template-columns:repeat(2,minmax(0,1fr))}.top-info-sort-card{border:1px solid var(--hairline);grid-template-columns:28px minmax(0,1fr);align-items:stretch;min-width:0;display:grid;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.top-info-sort-card{border:1px solid color-mix(in srgb,var(--hairline) 88%,transparent)}}.top-info-sort-card{background:linear-gradient(135deg,var(--surface-sunken) 0%,var(--surface) 100%);border-radius:12px}@supports (color:color-mix(in lab,red,red)){.top-info-sort-card{background:linear-gradient(135deg,color-mix(in srgb,var(--surface-sunken) 92%,transparent),color-mix(in srgb,var(--surface) 76%,transparent))}}.top-info-sort-card{color:var(--text-secondary);transition:border-color .16s,background .16s,box-shadow .16s,opacity .16s,transform .16s;box-shadow:inset 0 1px #ffffff17}.top-info-sort-card[data-active=true]{border-color:var(--progress-cpu)}@supports (color:color-mix(in lab,red,red)){.top-info-sort-card[data-active=true]{border-color:color-mix(in srgb,var(--progress-cpu) 34%,var(--border-strong))}}.top-info-sort-card[data-active=true]{background:linear-gradient(135deg,var(--progress-cpu) 0%,var(--surface) 100%)}@supports (color:color-mix(in lab,red,red)){.top-info-sort-card[data-active=true]{background:linear-gradient(135deg,color-mix(in srgb,var(--progress-cpu) 9%,var(--surface-sunken)),color-mix(in srgb,var(--surface) 86%,transparent))}}.top-info-sort-card[data-dragging=true]{opacity:.46;transform:scale(.985)}.top-info-sort-card[data-drag-over=true]{border-color:var(--progress-cpu)}@supports (color:color-mix(in lab,red,red)){.top-info-sort-card[data-drag-over=true]{border-color:color-mix(in srgb,var(--progress-cpu) 64%,var(--border-strong))}}.top-info-sort-card[data-drag-over=true]{box-shadow:0 12px 26px -22px var(--progress-cpu),inset 0 0 0 1px var(--progress-cpu)}@supports (color:color-mix(in lab,red,red)){.top-info-sort-card[data-drag-over=true]{box-shadow:0 12px 26px -22px color-mix(in srgb,var(--progress-cpu) 55%,black),inset 0 0 0 1px color-mix(in srgb,var(--progress-cpu) 24%,transparent)}}.top-info-drag-handle{border-right:1px solid var(--hairline);place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.top-info-drag-handle{border-right:1px solid color-mix(in srgb,var(--hairline) 88%,transparent)}}.top-info-drag-handle{color:var(--text-tertiary);cursor:grab;touch-action:none}.top-info-sort-card:active .top-info-drag-handle{cursor:grabbing}.top-info-sort-toggle{text-align:left;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.top-info-sort-main{gap:3px;min-width:0;display:grid}.top-info-sort-state{background:var(--surface-elev);border-radius:999px;flex:none;place-items:center;width:26px;height:26px;display:grid}@supports (color:color-mix(in lab,red,red)){.top-info-sort-state{background:color-mix(in srgb,var(--surface-elev) 70%,transparent)}}.top-info-sort-state{color:var(--text-tertiary)}.top-info-sort-card[data-active=true] .top-info-sort-state{background:var(--progress-cpu)}@supports (color:color-mix(in lab,red,red)){.top-info-sort-card[data-active=true] .top-info-sort-state{background:color-mix(in srgb,var(--progress-cpu) 14%,var(--surface))}}.top-info-sort-card[data-active=true] .top-info-sort-state{color:var(--progress-cpu)}.marquee-swatch-row{flex:none;align-items:center;gap:3px;display:inline-flex}.marquee-swatch-row span{border:1px solid #ffffff6b;border-radius:999px;width:12px;height:12px;box-shadow:0 4px 10px -7px #0000008c}.visual-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.visual-color-grid.is-wide{grid-template-columns:repeat(5,minmax(0,1fr))}.visual-color-control{border:1px solid var(--hairline);background:var(--surface-sunken);min-width:0;height:34px;color:var(--text-secondary);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:0 8px 0 10px;font-size:11px;font-weight:680;display:flex}.visual-color-control input{background:0 0;border:0;border-radius:999px;width:22px;height:22px;padding:0;overflow:hidden}.node-sort-interval-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.marquee-style-preview-strip{background:var(--surface-sunken);border-radius:999px;width:100%;height:16px;display:block}@supports (color:color-mix(in lab,red,red)){.marquee-style-preview-strip{background:color-mix(in srgb,var(--surface-sunken) 74%,transparent)}}.visual-style-preview{background:radial-gradient(circle at 16% 12%,var(--ys-marquee-up) 0%,transparent 38%),radial-gradient(circle at 84% 16%,var(--ys-marquee-peak) 0%,transparent 34%),var(--surface-sunken);flex-direction:column;gap:12px;min-height:300px;padding:12px;display:flex}@supports (color:color-mix(in lab,red,red)){.visual-style-preview{background:radial-gradient(circle at 16% 12%,color-mix(in srgb,var(--ys-marquee-up) 16%,transparent) 0%,transparent 38%),radial-gradient(circle at 84% 16%,color-mix(in srgb,var(--ys-marquee-peak) 16%,transparent) 0%,transparent 34%),var(--surface-sunken)}}.visual-style-preview-head{color:var(--text-tertiary);justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.visual-style-preview-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-card);border-radius:18px;gap:14px;margin-top:auto;padding:18px;display:grid}.visual-style-preview[data-card-layout=strip] .visual-style-preview-card{border-radius:14px;gap:10px;width:100%;margin-top:auto;padding:14px 16px}.visual-style-preview[data-card-layout=strip] .visual-style-preview-bars{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.visual-style-preview[data-card-layout=strip] .visual-style-preview-marquee{height:12px}.visual-style-preview-title-row,.visual-style-preview-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.visual-style-preview-dot{background:var(--status-online);width:8px;height:8px;box-shadow:0 0 0 4px var(--status-online);border-radius:999px}@supports (color:color-mix(in lab,red,red)){.visual-style-preview-dot{box-shadow:0 0 0 4px color-mix(in srgb,var(--status-online) 16%,transparent)}}.visual-style-preview-title{min-width:0;color:var(--text-primary);flex:auto;font-size:14px;font-weight:760}.visual-style-preview-bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.visual-style-preview-bars span{opacity:.78;border-radius:999px;height:10px}.visual-style-preview-bars span:first-child{background:var(--ys-metric-cpu)}.visual-style-preview-bars span:nth-child(2){background:var(--ys-metric-memory)}.visual-style-preview-bars span:nth-child(3){background:var(--ys-metric-disk)}.visual-style-preview-bars span:nth-child(4){background:var(--ys-metric-load)}.visual-style-preview-marquee{background:var(--surface-sunken);border-radius:999px;width:100%;height:18px;display:block}@supports (color:color-mix(in lab,red,red)){.visual-style-preview-marquee{background:color-mix(in srgb,var(--surface-sunken) 62%,transparent)}}.visual-style-preview-foot{color:var(--text-secondary);font-size:11px;font-weight:700}.visual-style-preview[data-card-style=glass] .visual-style-preview-card{border-color:#fff}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-card-style=glass] .visual-style-preview-card{border-color:color-mix(in srgb,white 42%,var(--border))}}.visual-style-preview[data-card-style=glass] .visual-style-preview-card{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-card-style=glass] .visual-style-preview-card{background:color-mix(in srgb,var(--surface) 54%,transparent)}}.visual-style-preview[data-card-style=glass] .visual-style-preview-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 22px 50px -34px #00000094}.visual-style-preview[data-card-style=neon] .visual-style-preview-card{border-color:var(--ys-marquee-down)}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-card-style=neon] .visual-style-preview-card{border-color:color-mix(in srgb,var(--ys-marquee-down) 62%,#111827)}}.visual-style-preview[data-card-style=neon] .visual-style-preview-card{background:radial-gradient(circle at 10% 0%,var(--ys-marquee-up) 0%,transparent 42%),linear-gradient(145deg,#07111d,#160b25)}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-card-style=neon] .visual-style-preview-card{background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--ys-marquee-up) 24%,transparent) 0%,transparent 42%),linear-gradient(145deg,#07111d,#160b25)}}.visual-style-preview[data-card-style=neon] .visual-style-preview-card{box-shadow:0 0 0 1px var(--ys-marquee-peak),0 22px 46px -32px var(--ys-marquee-down)}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-card-style=neon] .visual-style-preview-card{box-shadow:0 0 0 1px color-mix(in srgb,var(--ys-marquee-peak) 18%,transparent),0 22px 46px -32px color-mix(in srgb,var(--ys-marquee-down) 48%,black)}}.visual-style-preview[data-card-style=neon] .visual-style-preview-title,.visual-style-preview[data-card-style=neon] .visual-style-preview-foot{color:#eef7ff}.visual-style-preview[data-card-style=soft] .visual-style-preview-card{border-color:var(--ys-marquee-up)}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-card-style=soft] .visual-style-preview-card{border-color:color-mix(in srgb,var(--ys-marquee-up) 34%,var(--border))}}.visual-style-preview[data-card-style=soft] .visual-style-preview-card{background:linear-gradient(135deg,var(--ys-marquee-up),var(--ys-marquee-down))}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-card-style=soft] .visual-style-preview-card{background:linear-gradient(135deg,color-mix(in srgb,var(--ys-marquee-up) 18%,var(--surface)),color-mix(in srgb,var(--ys-marquee-down) 16%,var(--surface)))}}.visual-style-preview[data-card-style=crt] .visual-style-preview-card{background:radial-gradient(at 50% 0,#7cffb22e,#0000 54%),linear-gradient(#06130f,#020806);border-color:#39815a;position:relative;overflow:hidden;box-shadow:0 18px 38px -28px #12ffa28c,inset 0 0 26px #7cffb214}.visual-style-preview[data-card-style=crt] .visual-style-preview-card:after{content:"";pointer-events:none;opacity:.76;background:repeating-linear-gradient(0deg,#b4ffce17 0 1px,#0000 1px 4px),radial-gradient(#0000 48%,#00000047);position:absolute;inset:0}.visual-style-preview[data-card-style=crt] .visual-style-preview-title,.visual-style-preview[data-card-style=crt] .visual-style-preview-foot{color:#d7ffe7;text-shadow:0 0 9px #7cffb275}.visual-style-preview[data-card-style=crt] .visual-style-preview-bars span,.visual-style-preview[data-card-style=crt] .visual-style-preview-marquee{box-shadow:0 0 12px}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-card-style=crt] .visual-style-preview-bars span,.visual-style-preview[data-card-style=crt] .visual-style-preview-marquee{box-shadow:0 0 12px color-mix(in srgb,currentColor 34%,transparent)}}.visual-style-preview[data-dashboard-style=arc] .visual-style-preview-card,.visual-style-preview[data-dashboard-style=ring] .visual-style-preview-card,.visual-style-preview[data-dashboard-style=dial] .visual-style-preview-card,.visual-style-preview[data-dashboard-style=liquid] .visual-style-preview-card{border-color:var(--ys-marquee-down)}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-dashboard-style=arc] .visual-style-preview-card,.visual-style-preview[data-dashboard-style=ring] .visual-style-preview-card,.visual-style-preview[data-dashboard-style=dial] .visual-style-preview-card,.visual-style-preview[data-dashboard-style=liquid] .visual-style-preview-card{border-color:color-mix(in srgb,var(--ys-marquee-down) 38%,var(--border))}}.visual-style-preview[data-dashboard-style=arc] .visual-style-preview-card,.visual-style-preview[data-dashboard-style=ring] .visual-style-preview-card,.visual-style-preview[data-dashboard-style=dial] .visual-style-preview-card,.visual-style-preview[data-dashboard-style=liquid] .visual-style-preview-card{background:radial-gradient(circle at 16% 0%,var(--ys-marquee-up) 0%,transparent 44%),radial-gradient(circle at 86% 6%,var(--ys-marquee-peak) 0%,transparent 36%),var(--surface)}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-dashboard-style=arc] .visual-style-preview-card,.visual-style-preview[data-dashboard-style=ring] .visual-style-preview-card,.visual-style-preview[data-dashboard-style=dial] .visual-style-preview-card,.visual-style-preview[data-dashboard-style=liquid] .visual-style-preview-card{background:radial-gradient(circle at 16% 0%,color-mix(in srgb,var(--ys-marquee-up) 18%,transparent) 0%,transparent 44%),radial-gradient(circle at 86% 6%,color-mix(in srgb,var(--ys-marquee-peak) 14%,transparent) 0%,transparent 36%),var(--surface)}}.visual-style-preview[data-dashboard-style=arc] .visual-style-preview-bars,.visual-style-preview[data-dashboard-style=ring] .visual-style-preview-bars,.visual-style-preview[data-dashboard-style=dial] .visual-style-preview-bars,.visual-style-preview[data-dashboard-style=liquid] .visual-style-preview-bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.visual-style-preview[data-dashboard-style=arc] .visual-style-preview-bars span,.visual-style-preview[data-dashboard-style=ring] .visual-style-preview-bars span,.visual-style-preview[data-dashboard-style=dial] .visual-style-preview-bars span{border:1px solid;border-radius:13px;height:42px;position:relative}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-dashboard-style=arc] .visual-style-preview-bars span,.visual-style-preview[data-dashboard-style=ring] .visual-style-preview-bars span,.visual-style-preview[data-dashboard-style=dial] .visual-style-preview-bars span{border:1px solid color-mix(in srgb,currentColor 18%,var(--border-subtle))}}.visual-style-preview[data-dashboard-style=arc] .visual-style-preview-bars span,.visual-style-preview[data-dashboard-style=ring] .visual-style-preview-bars span,.visual-style-preview[data-dashboard-style=dial] .visual-style-preview-bars span{background:radial-gradient(circle at 50% 70%,var(--surface) 0 22%,transparent 23%),conic-gradient(from 270deg,currentColor 0 108deg,var(--text-tertiary) 108deg 180deg,transparent 180deg)}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-dashboard-style=arc] .visual-style-preview-bars span,.visual-style-preview[data-dashboard-style=ring] .visual-style-preview-bars span,.visual-style-preview[data-dashboard-style=dial] .visual-style-preview-bars span{background:radial-gradient(circle at 50% 70%,var(--surface) 0 22%,transparent 23%),conic-gradient(from 270deg,currentColor 0 108deg,color-mix(in srgb,var(--text-tertiary) 20%,transparent) 108deg 180deg,transparent 180deg)}}.visual-style-preview[data-dashboard-style=ring] .visual-style-preview-bars span{background:radial-gradient(circle at 50% 50%,var(--surface) 0 37%,transparent 38%),conic-gradient(from -90deg,currentColor 0 255deg,var(--text-tertiary) 255deg);border-radius:999px}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-dashboard-style=ring] .visual-style-preview-bars span{background:radial-gradient(circle at 50% 50%,var(--surface) 0 37%,transparent 38%),conic-gradient(from -90deg,currentColor 0 255deg,color-mix(in srgb,var(--text-tertiary) 20%,transparent) 255deg)}}.visual-style-preview[data-dashboard-style=liquid] .visual-style-preview-bars span{border:1px solid;border-radius:999px;height:42px;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-dashboard-style=liquid] .visual-style-preview-bars span{border:1px solid color-mix(in srgb,currentColor 25%,var(--border-subtle))}}.visual-style-preview[data-dashboard-style=liquid] .visual-style-preview-bars span{background:radial-gradient(circle at 34% 24%,#ffffff6b 0 9%,transparent 10%),linear-gradient(0deg,currentColor 0 58%,currentColor 59% 64%,var(--surface) 65%)}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-dashboard-style=liquid] .visual-style-preview-bars span{background:radial-gradient(circle at 34% 24%,#ffffff6b 0 9%,transparent 10%),linear-gradient(0deg,currentColor 0 58%,color-mix(in srgb,currentColor 26%,transparent) 59% 64%,color-mix(in srgb,var(--surface) 74%,transparent) 65%)}}.visual-style-preview[data-dashboard-style=liquid] .visual-style-preview-bars span{box-shadow:inset 0 1px #fff3,0 12px 22px -18px}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-dashboard-style=liquid] .visual-style-preview-bars span{box-shadow:inset 0 1px #fff3,0 12px 22px -18px color-mix(in srgb,currentColor 54%,black)}}.visual-style-preview[data-dashboard-style=liquid] .visual-style-preview-bars span:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0000,#fff,#0000),repeating-linear-gradient(0deg,currentColor 0 1px,#0000 1px 7px);position:absolute;inset:3px}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-dashboard-style=liquid] .visual-style-preview-bars span:before{background:linear-gradient(90deg,transparent,color-mix(in srgb,white 32%,currentColor 18%),transparent),repeating-linear-gradient(0deg,color-mix(in srgb,currentColor 18%,transparent) 0 1px,transparent 1px 7px)}}.visual-style-preview[data-dashboard-style=liquid] .visual-style-preview-bars span:before{opacity:.46;animation:none}.visual-style-preview[data-dashboard-style=liquid] .visual-style-preview-bars span:after{content:"";background:#fff;border-radius:999px;width:5px;height:5px;position:absolute;top:23%;right:18%;box-shadow:0 0 9px,-30px 14px 0 -1px}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-dashboard-style=liquid] .visual-style-preview-bars span:after{box-shadow:0 0 9px currentColor,-30px 14px 0 -1px color-mix(in srgb,currentColor 76%,white 12%)}}.visual-style-preview[data-dashboard-style=liquid] .visual-style-preview-bars span:after{opacity:.78}.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=capsule] .visual-style-preview-bars span,.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=segmented] .visual-style-preview-bars span{align-self:center;height:30px}.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=capsule] .visual-style-preview-bars span:before{background:repeating-linear-gradient(90deg,currentColor 0 7px,#0000 7px 14px),linear-gradient(#0000 48%,#fff 49% 54%,#0000 55%)}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=capsule] .visual-style-preview-bars span:before{background:repeating-linear-gradient(90deg,color-mix(in srgb,currentColor 52%,white 8%) 0 7px,transparent 7px 14px),linear-gradient(0deg,transparent 45%,color-mix(in srgb,white 42%,currentColor 28%) 46% 51%,transparent 52%)}}.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=column] .visual-style-preview-bars span{border-radius:16px;justify-self:center;width:46px;height:54px}.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=column] .visual-style-preview-bars span:before{background:repeating-linear-gradient(0deg,#0000 0 7px,#fff 7px 8px),linear-gradient(90deg,#0000 0 44%,#fff 45% 51%,#0000 52%)}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=column] .visual-style-preview-bars span:before{background:repeating-linear-gradient(0deg,transparent 0 7px,color-mix(in srgb,white 42%,currentColor 18%) 7px 8px),linear-gradient(90deg,transparent 0 44%,color-mix(in srgb,white 48%,currentColor 28%) 45% 51%,transparent 52%)}}.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=lens] .visual-style-preview-bars span{border-radius:50%;align-self:center;height:34px}.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=lens] .visual-style-preview-bars span:before{background:radial-gradient(#0000 0 34%,#fff 35% 37%,#0000 38%),linear-gradient(90deg,#0000 0 48%,#fff 49% 51%,#0000 52%),linear-gradient(0deg,#0000 0 48%,#fff 49% 51%,#0000 52%)}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=lens] .visual-style-preview-bars span:before{background:radial-gradient(ellipse at center,transparent 0 34%,color-mix(in srgb,white 42%,currentColor 18%) 35% 37%,transparent 38%),linear-gradient(90deg,transparent 0 48%,color-mix(in srgb,white 35%,currentColor 20%) 49% 51%,transparent 52%),linear-gradient(0deg,transparent 0 48%,color-mix(in srgb,white 35%,currentColor 20%) 49% 51%,transparent 52%)}}.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=crystal] .visual-style-preview-bars span{clip-path:polygon(50% 0%,88% 22%,88% 78%,50% 100%,12% 78%,12% 22%);border-radius:10px}.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=crystal] .visual-style-preview-bars span:before{background:linear-gradient(35deg,#0000 0 48%,#fff 49% 51%,#0000 52%),linear-gradient(145deg,#0000 0 48%,#fff 49% 51%,#0000 52%),radial-gradient(circle,currentColor,#0000 42%)}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=crystal] .visual-style-preview-bars span:before{background:linear-gradient(35deg,transparent 0 48%,color-mix(in srgb,white 38%,currentColor 24%) 49% 51%,transparent 52%),linear-gradient(145deg,transparent 0 48%,color-mix(in srgb,white 38%,currentColor 24%) 49% 51%,transparent 52%),radial-gradient(circle at 50% 50%,color-mix(in srgb,currentColor 32%,transparent),transparent 42%)}}.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=drop] .visual-style-preview-bars span{clip-path:polygon(50% 0%,70% 26%,87% 52%,82% 78%,64% 96%,36% 96%,18% 78%,13% 52%,30% 26%);border-radius:50% 50% 54% 54%}.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=drop] .visual-style-preview-bars span:before{background:radial-gradient(at 50% 66%,#0000 0 38%,#fff 39% 42%,#0000 43%),radial-gradient(circle at 50% 40%,currentColor,#0000 35%)}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=drop] .visual-style-preview-bars span:before{background:radial-gradient(ellipse at 50% 66%,transparent 0 38%,color-mix(in srgb,white 32%,currentColor 24%) 39% 42%,transparent 43%),radial-gradient(circle at 50% 40%,color-mix(in srgb,currentColor 30%,transparent),transparent 35%)}}.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=ring] .visual-style-preview-bars span{background:radial-gradient(circle at 50% 50%,var(--surface) 0 34%,transparent 35%),conic-gradient(from -90deg,currentColor 0 218deg,currentColor 218deg)}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=ring] .visual-style-preview-bars span{background:radial-gradient(circle at 50% 50%,var(--surface) 0 34%,transparent 35%),conic-gradient(from -90deg,currentColor 0 218deg,color-mix(in srgb,currentColor 24%,transparent) 218deg)}}.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=ring] .visual-style-preview-bars span:before{background:repeating-conic-gradient(#fff 0deg 5deg,#0000 5deg 16deg);inset:0}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=ring] .visual-style-preview-bars span:before{background:repeating-conic-gradient(from 0deg,color-mix(in srgb,white 38%,currentColor 28%) 0deg 5deg,transparent 5deg 16deg)}}.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=ring] .visual-style-preview-bars span:before{opacity:.3}.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=segmented] .visual-style-preview-bars span{background:repeating-linear-gradient(90deg,transparent 0 16%,var(--surface) 16% 18%),radial-gradient(circle at 34% 24%,#ffffff6b 0 9%,transparent 10%),linear-gradient(0deg,currentColor 0 58%,currentColor 59% 64%,var(--surface) 65%)}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=segmented] .visual-style-preview-bars span{background:repeating-linear-gradient(90deg,transparent 0 16%,color-mix(in srgb,var(--surface) 82%,transparent) 16% 18%),radial-gradient(circle at 34% 24%,#ffffff6b 0 9%,transparent 10%),linear-gradient(0deg,currentColor 0 58%,color-mix(in srgb,currentColor 26%,transparent) 59% 64%,color-mix(in srgb,var(--surface) 74%,transparent) 65%)}}.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=segmented] .visual-style-preview-bars span:before{background:repeating-linear-gradient(90deg,#fff 0 9%,#0000 9% 17%),linear-gradient(#0000 48%,#fff 49% 54%,#0000 55%)}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-dashboard-style=liquid][data-liquid-shape=segmented] .visual-style-preview-bars span:before{background:repeating-linear-gradient(90deg,color-mix(in srgb,white 42%,currentColor 20%) 0 9%,transparent 9% 17%),linear-gradient(0deg,transparent 45%,color-mix(in srgb,white 38%,currentColor 24%) 46% 51%,transparent 52%)}}.visual-style-preview[data-dashboard-style=dial] .visual-style-preview-bars span:after{content:"";transform-origin:50% 100%;background:currentColor;border-radius:999px;width:2px;height:22px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)rotate(32deg);box-shadow:0 0 12px}@supports (color:color-mix(in lab,red,red)){.visual-style-preview[data-dashboard-style=dial] .visual-style-preview-bars span:after{box-shadow:0 0 12px color-mix(in srgb,currentColor 52%,transparent)}}.visual-style-preview[data-dashboard-style=arc] .visual-style-preview-bars span:first-child,.visual-style-preview[data-dashboard-style=ring] .visual-style-preview-bars span:first-child,.visual-style-preview[data-dashboard-style=dial] .visual-style-preview-bars span:first-child{color:var(--ys-metric-cpu)}.visual-style-preview[data-dashboard-style=arc] .visual-style-preview-bars span:nth-child(2),.visual-style-preview[data-dashboard-style=ring] .visual-style-preview-bars span:nth-child(2),.visual-style-preview[data-dashboard-style=dial] .visual-style-preview-bars span:nth-child(2){color:var(--ys-metric-memory)}.visual-style-preview[data-dashboard-style=arc] .visual-style-preview-bars span:nth-child(3),.visual-style-preview[data-dashboard-style=ring] .visual-style-preview-bars span:nth-child(3),.visual-style-preview[data-dashboard-style=dial] .visual-style-preview-bars span:nth-child(3){color:var(--ys-marquee-up)}.visual-style-preview[data-dashboard-style=arc] .visual-style-preview-bars span:nth-child(4),.visual-style-preview[data-dashboard-style=ring] .visual-style-preview-bars span:nth-child(4),.visual-style-preview[data-dashboard-style=dial] .visual-style-preview-bars span:nth-child(4){color:var(--ys-metric-latency)}.visual-style-preview[data-card-style=minimal] .visual-style-preview-card{background:var(--surface);box-shadow:none;border-radius:10px}@media(min-width:640px){.floating-controls{top:max(1.25rem,env(safe-area-inset-top));right:max(1.25rem,env(safe-area-inset-right))}}@media(max-width:420px){.gradient-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gradient-color-grid,.visual-style-preset-list.is-grid,.visual-style-preset-list.is-card-layout,.visual-style-dashboard-layout,.visual-color-grid,.visual-color-grid.is-wide,.top-info-sort-list[data-manage=true],.top-info-column-list{grid-template-columns:1fr}}.theme-manage-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:inline-flex}.theme-manage-button{border:1px solid var(--border-strong);border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 14px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.theme-manage-button{border:1px solid color-mix(in srgb,var(--border-strong) 62%,transparent)}}.theme-manage-button{background:linear-gradient(180deg,var(--surface-elev) 0%,var(--surface) 100%)}@supports (color:color-mix(in lab,red,red)){.theme-manage-button{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elev) 94%,white 6%),color-mix(in srgb,var(--surface) 100%,transparent))}}.theme-manage-button{color:var(--text-primary);letter-spacing:.01em;white-space:nowrap;font-size:12px;font-weight:650;transition:transform .16s,background .16s,color .16s,border-color .16s,box-shadow .16s;box-shadow:0 14px 28px -24px #00000073,inset 0 1px #ffffff2e}.theme-manage-button:hover{border-color:var(--border-strong);transform:translateY(-1px)}@supports (color:color-mix(in lab,red,red)){.theme-manage-button:hover{border-color:color-mix(in srgb,var(--border-strong) 88%,transparent)}}.theme-manage-button:hover{background:linear-gradient(180deg,var(--surface-elev) 0%,var(--hover-bg) 100%)}@supports (color:color-mix(in lab,red,red)){.theme-manage-button:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elev) 90%,var(--hover-bg) 10%),color-mix(in srgb,var(--hover-bg) 54%,var(--surface)))}}.theme-manage-button:hover{box-shadow:0 18px 32px -24px #00000085,inset 0 1px #ffffff38}.theme-manage-button:active{transform:translateY(0)}.theme-manage-button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none;transform:none}.theme-manage-button.is-primary{color:var(--text-on-strong);border-color:var(--progress-cpu)}@supports (color:color-mix(in lab,red,red)){.theme-manage-button.is-primary{border-color:color-mix(in srgb,var(--progress-cpu) 58%,black 42%)}}.theme-manage-button.is-primary{background:linear-gradient(135deg,var(--progress-cpu) 0%,var(--progress-memory) 100%)}@supports (color:color-mix(in lab,red,red)){.theme-manage-button.is-primary{background:linear-gradient(135deg,color-mix(in srgb,var(--progress-cpu) 88%,white 12%),color-mix(in srgb,var(--progress-memory) 42%,var(--progress-cpu) 58%))}}.theme-manage-button.is-primary{box-shadow:0 18px 34px -24px var(--progress-cpu),inset 0 1px #ffffff3d}@supports (color:color-mix(in lab,red,red)){.theme-manage-button.is-primary{box-shadow:0 18px 34px -24px color-mix(in srgb,var(--progress-cpu) 44%,black 56%),inset 0 1px #ffffff3d}}.theme-manage-button.is-primary:hover{border-color:var(--progress-cpu)}@supports (color:color-mix(in lab,red,red)){.theme-manage-button.is-primary:hover{border-color:color-mix(in srgb,var(--progress-cpu) 72%,white 28%)}}.theme-manage-button.is-primary:hover{background:linear-gradient(135deg,var(--progress-cpu) 0%,var(--progress-memory) 100%)}@supports (color:color-mix(in lab,red,red)){.theme-manage-button.is-primary:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--progress-cpu) 82%,white 18%),color-mix(in srgb,var(--progress-memory) 48%,var(--progress-cpu) 52%))}}.theme-manage-button.is-compact{gap:6px;min-height:32px;padding:0 12px;font-size:11px}.theme-manage-button.is-danger{color:var(--status-offline)}@supports (color:color-mix(in lab,red,red)){.theme-manage-button.is-danger{color:color-mix(in srgb,var(--status-offline) 76%,var(--text-primary) 24%)}}.theme-manage-button.is-danger{border-color:var(--status-offline)}@supports (color:color-mix(in lab,red,red)){.theme-manage-button.is-danger{border-color:color-mix(in srgb,var(--status-offline) 22%,transparent)}}.theme-manage-button.is-danger{background:linear-gradient(180deg,var(--status-offline) 0%,var(--status-offline) 100%)}@supports (color:color-mix(in lab,red,red)){.theme-manage-button.is-danger{background:linear-gradient(180deg,color-mix(in srgb,var(--status-offline) 9%,var(--surface-elev)),color-mix(in srgb,var(--status-offline) 6%,var(--surface)))}}.theme-manage-button.is-danger:hover{color:var(--status-offline)}@supports (color:color-mix(in lab,red,red)){.theme-manage-button.is-danger:hover{color:color-mix(in srgb,var(--status-offline) 84%,var(--text-primary) 16%)}}.theme-manage-button.is-danger:hover{border-color:var(--status-offline)}@supports (color:color-mix(in lab,red,red)){.theme-manage-button.is-danger:hover{border-color:color-mix(in srgb,var(--status-offline) 34%,transparent)}}.theme-manage-button.is-danger:hover{background:linear-gradient(180deg,var(--status-offline) 0%,var(--status-offline) 100%)}@supports (color:color-mix(in lab,red,red)){.theme-manage-button.is-danger:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--status-offline) 12%,var(--surface-elev)),color-mix(in srgb,var(--status-offline) 9%,var(--surface)))}}.theme-manage-inline-link{color:var(--progress-cpu);font-weight:650;text-decoration:none;transition:color .16s}.theme-manage-inline-link:hover{color:var(--progress-cpu)}@supports (color:color-mix(in lab,red,red)){.theme-manage-inline-link:hover{color:color-mix(in srgb,var(--progress-cpu) 78%,white 22%)}}.theme-manage-empty-state{border:1px solid var(--progress-cpu);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;padding:14px 16px;display:flex}@supports (color:color-mix(in lab,red,red)){.theme-manage-empty-state{border:1px solid color-mix(in srgb,var(--progress-cpu) 16%,var(--hairline))}}.theme-manage-empty-state{background:var(--progress-cpu);border-radius:14px}@supports (color:color-mix(in lab,red,red)){.theme-manage-empty-state{background:color-mix(in srgb,var(--progress-cpu) 6%,var(--surface))}}.theme-manage-empty-state{color:var(--text-secondary);font-size:13px}.theme-manage-collapsible-panel.is-collapsed .instance-panel-header{margin-bottom:0}.control-group{border:1px solid var(--border);align-items:center;gap:6px;padding:4px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.control-group{border:1px solid color-mix(in srgb,var(--border) 82%,transparent)}}.control-group{background:var(--surface);border-radius:999px}@supports (color:color-mix(in lab,red,red)){.control-group{background:color-mix(in srgb,var(--surface) 84%,transparent)}}.control-group{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 24px -22px #00000047}:root[data-gradient-surfaces=true] .control-group{border-color:var(--ys-gradient-surface-secondary)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true] .control-group{border-color:color-mix(in srgb,var(--ys-gradient-surface-secondary) var(--ys-gradient-surface-border),var(--border))}}:root[data-gradient-surfaces=true] .control-group{background:var(--ys-gradient-surface-primary)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true] .control-group{background:color-mix(in srgb,var(--ys-gradient-surface-primary) var(--ys-gradient-surface-tint),var(--surface))}}.site-footer{padding:0 12px 20px}.site-footer-inner{border-top:1px solid var(--hairline);width:100%;max-width:1720px;margin:0 auto}@supports (color:color-mix(in lab,red,red)){.site-footer-inner{border-top:1px solid color-mix(in srgb,var(--hairline) 88%,transparent)}}.site-footer-inner{color:var(--text-tertiary);letter-spacing:.02em;text-align:center;padding-top:14px;font-size:11px;font-weight:600}.status-overview{border:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:1px;padding:1px;display:grid;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.status-overview{border:1px solid color-mix(in srgb,var(--border) 88%,transparent)}}.status-overview{background:var(--hairline);border-radius:14px}@supports (color:color-mix(in lab,red,red)){.status-overview{background:color-mix(in srgb,var(--hairline) 76%,transparent)}}.status-overview{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 34px -30px #0000006b}.status-overview[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.status-overview[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.status-overview[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.status-overview[data-columns="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}.status-overview[data-columns="6"]{grid-template-columns:repeat(6,minmax(0,1fr))}:root[data-gradient-surfaces=true] .status-overview{border-color:var(--ys-gradient-surface-secondary)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true] .status-overview{border-color:color-mix(in srgb,var(--ys-gradient-surface-secondary) var(--ys-gradient-surface-border),var(--border))}}:root[data-gradient-surfaces=true] .status-overview{background:linear-gradient(135deg,var(--ys-gradient-surface-primary) 0%,var(--ys-gradient-surface-secondary) 52%,var(--ys-gradient-surface-accent) 100%)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true] .status-overview{background:linear-gradient(135deg,color-mix(in srgb,var(--ys-gradient-surface-primary) var(--ys-gradient-surface-tint),color-mix(in srgb,var(--surface) var(--ys-gradient-surface-glass),transparent)),color-mix(in srgb,var(--ys-gradient-surface-secondary) var(--ys-gradient-surface-faint),transparent) 52%,color-mix(in srgb,var(--ys-gradient-surface-accent) var(--ys-gradient-surface-faint),color-mix(in srgb,var(--surface) var(--ys-gradient-surface-glass),transparent)))}}:root[data-gradient-surfaces=true] .status-overview{box-shadow:0 18px 42px -32px var(--ys-gradient-surface-secondary),inset 0 1px #ffffff3d}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true] .status-overview{box-shadow:0 18px 42px -32px color-mix(in srgb,var(--ys-gradient-surface-secondary) 44%,black 56%),inset 0 1px #ffffff3d}}.status-overview-item{background:var(--surface);flex-direction:column;justify-content:center;min-width:0;min-height:88px;padding:13px 15px;display:flex}@supports (color:color-mix(in lab,red,red)){.status-overview-item{background:color-mix(in srgb,var(--surface) 88%,transparent)}}:root[data-gradient-surfaces=true] .status-overview-item{background:linear-gradient(135deg,var(--ys-gradient-surface-primary) 0%,var(--ys-gradient-surface-accent) 100%)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true] .status-overview-item{background:linear-gradient(135deg,color-mix(in srgb,var(--ys-gradient-surface-primary) calc(var(--ys-gradient-surface-tint) * .48),color-mix(in srgb,var(--surface) var(--ys-gradient-surface-glass),transparent)),color-mix(in srgb,var(--ys-gradient-surface-accent) var(--ys-gradient-surface-faint),color-mix(in srgb,var(--surface) var(--ys-gradient-surface-glass),transparent)))}}.status-overview-item+.status-overview-item{border-left:0}.status-overview-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.status-overview-label{min-width:0;color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;line-height:1.2;overflow:hidden}.status-overview-percent{color:var(--text-secondary);flex:none;font-size:11px;font-weight:760;line-height:1}.status-overview-value{min-width:0;color:var(--text-primary);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;margin-top:6px;font-size:20px;font-weight:680;line-height:1.05;display:flex;overflow:hidden}.status-overview-detail{min-width:0;color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:11px;font-weight:620;line-height:1.25;overflow:hidden}.status-overview-progress{background:var(--text-tertiary);border-radius:999px;height:5px;margin-top:9px;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.status-overview-progress{background:color-mix(in srgb,var(--text-tertiary) 12%,transparent)}}.status-overview-progress span{border-radius:inherit;background:linear-gradient(90deg,var(--progress-cpu),var(--status-success));height:100%;display:block}@supports (color:color-mix(in lab,red,red)){.status-overview-progress span{background:linear-gradient(90deg,color-mix(in srgb,var(--progress-cpu) 78%,transparent),color-mix(in srgb,var(--status-success) 76%,transparent))}}.status-overview-progress span{box-shadow:0 0 12px var(--progress-cpu)}@supports (color:color-mix(in lab,red,red)){.status-overview-progress span{box-shadow:0 0 12px color-mix(in srgb,var(--progress-cpu) 30%,transparent)}}.status-overview-item[data-tone=memory] .status-overview-progress span{background:linear-gradient(90deg,var(--progress-memory),var(--progress-cpu))}@supports (color:color-mix(in lab,red,red)){.status-overview-item[data-tone=memory] .status-overview-progress span{background:linear-gradient(90deg,color-mix(in srgb,var(--progress-memory) 78%,transparent),color-mix(in srgb,var(--progress-cpu) 62%,transparent))}}.status-overview-item[data-tone=memory] .status-overview-progress span{box-shadow:0 0 12px var(--progress-memory)}@supports (color:color-mix(in lab,red,red)){.status-overview-item[data-tone=memory] .status-overview-progress span{box-shadow:0 0 12px color-mix(in srgb,var(--progress-memory) 28%,transparent)}}.status-overview-item[data-tone=disk] .status-overview-progress span{background:linear-gradient(90deg,var(--progress-disk),var(--status-warning))}@supports (color:color-mix(in lab,red,red)){.status-overview-item[data-tone=disk] .status-overview-progress span{background:linear-gradient(90deg,color-mix(in srgb,var(--progress-disk) 78%,transparent),color-mix(in srgb,var(--status-warning) 58%,transparent))}}.status-overview-item[data-tone=disk] .status-overview-progress span{box-shadow:0 0 12px var(--progress-disk)}@supports (color:color-mix(in lab,red,red)){.status-overview-item[data-tone=disk] .status-overview-progress span{box-shadow:0 0 12px color-mix(in srgb,var(--progress-disk) 28%,transparent)}}.status-overview-flow{align-items:center;gap:8px;min-width:0;display:inline-flex}.status-overview-flow span{align-items:center;gap:2px;min-width:0;display:inline-flex}.status-overview-flow svg{color:var(--progress-cpu);flex:none}.status-overview-flow span:nth-child(2) svg{color:var(--status-success)}@media(max-width:1180px){.status-overview{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.status-overview[data-columns="4"],.status-overview[data-columns="5"],.status-overview[data-columns="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.status-overview,.status-overview[data-columns="2"],.status-overview[data-columns="3"],.status-overview[data-columns="4"],.status-overview[data-columns="5"],.status-overview[data-columns="6"]{grid-template-columns:repeat(2,minmax(0,1fr))}.status-overview-item{padding:13px 14px}.status-overview-value{font-size:18px}.status-overview-flow{flex-direction:column;align-items:flex-start;gap:3px}}.control-toggle{background:0 0;border-color:#0000}.control-toggle.is-active{background:var(--surface-elev)}@supports (color:color-mix(in lab,red,red)){.control-toggle.is-active{background:color-mix(in srgb,var(--surface-elev) 92%,var(--hover-bg))}}.control-toggle.is-active{border-color:var(--border-strong)}@supports (color:color-mix(in lab,red,red)){.control-toggle.is-active{border-color:color-mix(in srgb,var(--border-strong) 78%,transparent)}}.control-toggle.is-active{color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--border-strong)}@supports (color:color-mix(in lab,red,red)){.control-toggle.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-strong) 48%,transparent)}}.instance-page-back{width:fit-content;color:var(--text-secondary);align-items:center;gap:.35rem;font-size:13px;transition:color .16s;display:inline-flex}.instance-page-back:hover{color:var(--text-primary)}.instance-panel{background:linear-gradient(180deg,var(--surface) 0%,var(--surface) 100%)}@supports (color:color-mix(in lab,red,red)){.instance-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 99%,white 1%) 0%,var(--surface) 100%)}}.instance-panel{border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:20px;padding:20px}.instance-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.instance-panel-headings{flex-direction:column;gap:5px;display:flex}.instance-panel-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:15px;font-weight:640}.instance-panel-description{color:var(--text-tertiary);margin:0;font-size:11px}.instance-panel-aside{color:var(--text-tertiary)}.instance-panel-subhead{color:var(--text-secondary);letter-spacing:.02em;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.instance-hero-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.instance-hero-title-block{flex-direction:column;flex:auto;gap:6px;min-width:0;display:flex}.instance-hero-title-row{align-items:center;gap:10px;min-width:0;display:flex}.instance-hero-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.03em;min-width:0;margin:0;font-size:24px;font-weight:650;overflow:hidden}.instance-hero-subtitle{color:var(--text-tertiary);margin:0;font-size:12px}.instance-hero-dot{border-radius:999px;flex:none;width:8px;height:8px}.instance-hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.instance-back-link,.instance-icon-button{border:1px solid var(--border-subtle);background:var(--fill-tertiary);border-radius:10px;place-items:center;height:34px;padding:0 12px;display:inline-grid}@supports (color:color-mix(in lab,red,red)){.instance-back-link,.instance-icon-button{background:color-mix(in srgb,var(--fill-tertiary) 70%,transparent)}}.instance-back-link,.instance-icon-button{color:var(--text-secondary);font-size:12px;transition:color .16s,background .16s,border-color .16s}.instance-icon-button{width:34px;padding:0}.instance-back-link:hover,.instance-icon-button:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--hover-bg)}.instance-state-chip{border:1px solid var(--status-online);border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 14px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.instance-state-chip{border:1px solid color-mix(in srgb,var(--status-online) 24%,transparent)}}.instance-state-chip{background:var(--status-online)}@supports (color:color-mix(in lab,red,red)){.instance-state-chip{background:color-mix(in srgb,var(--status-online) 12%,var(--surface))}}.instance-state-chip{color:var(--status-online);font-size:12px;font-weight:600}.instance-state-chip[data-online=false]{color:var(--status-offline);border-color:var(--status-offline)}@supports (color:color-mix(in lab,red,red)){.instance-state-chip[data-online=false]{border-color:color-mix(in srgb,var(--status-offline) 24%,transparent)}}.instance-state-chip[data-online=false]{background:var(--status-offline)}@supports (color:color-mix(in lab,red,red)){.instance-state-chip[data-online=false]{background:color-mix(in srgb,var(--status-offline) 12%,var(--surface))}}.instance-metric-grid,.instance-traffic-grid,.instance-health-grid,.instance-meta-grid,.instance-details-grid,.instance-series-grid,.instance-ping-grid,.instance-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;display:grid}.instance-traffic-grid,.instance-health-grid,.instance-meta-grid{margin-top:16px}.instance-meta-item{border-top:1px solid var(--hairline);flex-direction:column;gap:8px;padding-top:14px;display:flex}.instance-detail-list{flex-direction:column;gap:0;display:flex}.instance-info-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.instance-info-group{border:1px solid var(--border-subtle);background:var(--surface-elev);border-radius:16px;min-width:0}@supports (color:color-mix(in lab,red,red)){.instance-info-group{background:color-mix(in srgb,var(--surface-elev) 92%,transparent)}}.instance-info-group{padding:12px 14px}.instance-info-group-title{color:var(--text-primary);letter-spacing:.02em;margin-bottom:10px;font-size:12px;font-weight:700}.instance-info-item{border-bottom:1px solid var(--hairline);min-width:0;padding:9px 0}.instance-info-item:last-child{border-bottom:0}.instance-info-label{color:var(--text-secondary);letter-spacing:.02em;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.instance-info-value{color:var(--text-primary);word-break:break-word;font-size:12.5px;font-weight:600;line-height:1.45}.instance-info-item.is-stack .instance-info-value{margin-bottom:7px}.instance-info-traffic{flex-direction:column;gap:7px;display:flex}.instance-info-note{color:var(--text-tertiary);font-size:11px;font-weight:500}.instance-overview-item{border:1px solid var(--border-subtle);background:var(--surface-elev);border-radius:16px;flex-direction:column;gap:8px;min-height:76px;padding:12px 14px;display:flex}@supports (color:color-mix(in lab,red,red)){.instance-overview-item{background:color-mix(in srgb,var(--surface-elev) 92%,transparent)}}.instance-overview-grid.is-compact{gap:10px}.instance-overview-grid.is-compact .instance-overview-item{min-height:66px;padding:10px 12px}.instance-overview-item.is-wide{grid-column:span 2}.instance-overview-value{color:var(--text-primary);word-break:break-word;font-size:13px;font-weight:600;line-height:1.55}.instance-overview-note,.instance-overview-multi{color:var(--text-tertiary);flex-direction:column;gap:4px;font-size:11px;font-weight:500;display:flex}.instance-traffic-quota{flex-direction:column;gap:8px;display:flex}.instance-progress-track{background:var(--progress-bg);border-radius:999px;height:8px;overflow:hidden;box-shadow:inset 0 1px 1px #00000038}.instance-progress-fill{border-radius:inherit;background:linear-gradient(90deg,var(--progress-cpu) 0%,var(--progress-memory) 100%);height:100%;display:block}.instance-detail-row{border-top:1px solid var(--hairline);justify-content:space-between;align-items:flex-start;gap:16px;padding:11px 0;display:flex}.instance-detail-row:first-child{border-top:0;padding-top:0}.instance-detail-label{color:var(--text-secondary);font-size:12px}.instance-detail-value{color:var(--text-primary);text-align:right;word-break:break-word;font-size:12.5px}.instance-detail-mono{font-family:var(--font-mono);font-size:11px}.instance-detail-tags,.instance-detail-note{border-top:1px solid var(--hairline);margin-top:14px;padding-top:14px}.instance-detail-note p{color:var(--text-secondary);margin:10px 0 0;font-size:12px;line-height:1.65}.instance-series-card{border:1px solid var(--border-subtle);background:var(--surface-elev);border-radius:16px;flex-direction:column;gap:14px;padding:16px;display:flex}@supports (color:color-mix(in lab,red,red)){.instance-series-card{background:color-mix(in srgb,var(--surface-elev) 92%,transparent)}}.instance-series-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.instance-series-stats{flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;display:flex}.instance-series-bars{align-items:flex-end;gap:3px;height:46px;display:flex}.instance-series-bars.is-tall{height:96px}.instance-series-bars>span{border-radius:3px;flex:1 1 0;min-width:1px}.instance-chart-controls{flex-direction:column;align-items:center;gap:12px;display:flex}.instance-chart-stage{width:100%;min-height:560px}.instance-chart-view[hidden]{display:none!important}.instance-segmented{border:1px solid var(--border);background:var(--surface);max-width:100%;box-shadow:var(--shadow-card);border-radius:14px;align-items:center;gap:6px;padding:6px;display:inline-flex}.instance-segmented.is-scrollable{overflow-x:auto}.instance-segmented button,.instance-toggle-button{min-height:30px;color:var(--text-secondary);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;transition:color .16s,background .16s;display:inline-flex}.instance-switch-button{gap:8px;padding-right:10px}.instance-switch-copy{font-size:12px}.instance-switch-track{background:var(--text-tertiary);border-radius:999px;width:34px;height:20px;position:relative}@supports (color:color-mix(in lab,red,red)){.instance-switch-track{background:color-mix(in srgb,var(--text-tertiary) 26%,transparent)}}.instance-switch-track{transition:background .16s;box-shadow:inset 0 1px 2px #0000002e}.instance-switch-thumb{background:var(--surface-elev);border-radius:999px;width:16px;height:16px;position:absolute;top:2px;left:2px}@supports (color:color-mix(in lab,red,red)){.instance-switch-thumb{background:color-mix(in srgb,var(--surface-elev) 96%,white 4%)}}.instance-switch-thumb{transition:transform .16s,background .16s;box-shadow:0 3px 8px -5px #000000b3}.instance-switch-state{min-width:24px;color:var(--text-tertiary);font-size:11px;font-weight:650}.instance-segmented button[data-active=true],.instance-toggle-button[data-active=true],.instance-toggle-button:hover{color:var(--text-primary);background:var(--hover-bg)}.instance-toggle-button[data-active=true] .instance-switch-track{background:var(--progress-cpu)}@supports (color:color-mix(in lab,red,red)){.instance-toggle-button[data-active=true] .instance-switch-track{background:color-mix(in srgb,var(--progress-cpu) 74%,transparent)}}.instance-toggle-button[data-active=true] .instance-switch-thumb{background:#fff;transform:translate(14px)}@supports (color:color-mix(in lab,red,red)){.instance-toggle-button[data-active=true] .instance-switch-thumb{background:color-mix(in srgb,white 84%,var(--progress-cpu) 16%)}}.instance-toggle-button[data-active=true] .instance-switch-state{color:var(--text-primary)}.instance-chart-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.instance-chart-meta{min-width:0;color:var(--text-tertiary);flex-wrap:wrap;gap:8px;font-size:11px;font-weight:600;display:flex}.instance-chart-meta span,.instance-chart-range-chip{border:1px solid var(--border-subtle);background:var(--surface-elev);border-radius:999px;align-items:center;gap:5px;min-height:28px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.instance-chart-meta span,.instance-chart-range-chip{background:color-mix(in srgb,var(--surface-elev) 84%,transparent)}}.instance-chart-meta span,.instance-chart-range-chip{padding:0 10px}.instance-chart-meta strong,.instance-chart-range-chip{color:var(--text-primary);font-weight:700}.instance-chart-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.instance-chart-card{border:1px solid var(--border-subtle);min-width:0;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.instance-chart-card{border:1px solid color-mix(in srgb,var(--border-subtle) 88%,var(--chart-accent,var(--progress-cpu)) 12%)}}.instance-chart-card{background:linear-gradient(180deg,var(--chart-accent,var(--progress-cpu)) 0%,var(--surface-elev) 100%);border-radius:16px;padding:14px}@supports (color:color-mix(in lab,red,red)){.instance-chart-card{background:linear-gradient(180deg,color-mix(in srgb,var(--chart-accent,var(--progress-cpu)) 4%,var(--surface-elev) 96%),color-mix(in srgb,var(--surface-elev) 94%,transparent))}}.instance-chart-card{transition:border-color .16s,background .16s,transform .16s;box-shadow:inset 0 1px #ffffff1a,0 12px 28px -24px #00000073}.instance-chart-card:before{content:"";background:linear-gradient(90deg,var(--chart-accent,var(--progress-cpu)),transparent);height:2px;position:absolute;inset:0 0 auto}@supports (color:color-mix(in lab,red,red)){.instance-chart-card:before{background:linear-gradient(90deg,color-mix(in srgb,var(--chart-accent,var(--progress-cpu)) 86%,transparent),transparent)}}.instance-chart-card:before{opacity:.75}.instance-chart-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}@supports (color:color-mix(in lab,red,red)){.instance-chart-card:hover{border-color:color-mix(in srgb,var(--border-strong) 70%,var(--chart-accent,var(--progress-cpu)) 30%)}}.instance-chart-card-head{justify-content:space-between;align-items:flex-start;gap:12px;min-height:48px;margin-bottom:8px;display:flex}.instance-chart-card .instance-panel-subhead svg{color:var(--chart-accent,var(--progress-cpu))}.instance-uplot-wrap{width:100%;min-width:0;padding-bottom:2px;position:relative;overflow:hidden}.instance-uplot-wrap .uplot{color:var(--text-secondary);font-family:var(--font-sans)}.instance-uplot-wrap .u-title,.instance-uplot-wrap .u-legend{display:none}.instance-uplot-wrap.is-large{margin-top:16px}.instance-chart-tooltip{z-index:5;pointer-events:none;border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;min-width:132px;max-width:220px;position:absolute}@supports (color:color-mix(in lab,red,red)){.instance-chart-tooltip{background:color-mix(in srgb,var(--surface) 94%,transparent)}}.instance-chart-tooltip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);will-change:left,top;padding:8px 9px;transition:left .11s cubic-bezier(.2,.8,.2,1),top .11s cubic-bezier(.2,.8,.2,1),opacity .12s;box-shadow:0 14px 34px -18px #000c}.instance-chart-tooltip-time{color:var(--text-tertiary);margin-bottom:5px;font-size:10px;font-weight:600}.instance-chart-tooltip-row{color:var(--text-secondary);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;font-size:11px;display:grid}.instance-chart-tooltip-row strong{color:var(--text-primary);font-weight:650}.instance-chart-tooltip-dot{border-radius:999px;width:7px;height:7px}.instance-ping-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-bottom:12px;display:flex}.instance-ping-tasks{flex-wrap:wrap;gap:8px;display:flex}.instance-ping-task{border:1px solid var(--border-subtle);background:var(--surface-elev);border-radius:14px;flex-direction:column;gap:8px;min-width:min(100%,244px);padding:11px 13px;display:flex}@supports (color:color-mix(in lab,red,red)){.instance-ping-task{background:color-mix(in srgb,var(--surface-elev) 92%,transparent)}}.instance-ping-task{color:var(--text-primary);text-align:left;font-size:12px;font-weight:600;transition:opacity .16s,background .16s,border-color .16s}.instance-ping-task-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.instance-ping-task-name{min-width:0;font-size:12px;font-weight:650;line-height:1.35}.instance-ping-task-primary{letter-spacing:-.02em;flex:none;font-size:14px;font-weight:700}.instance-ping-task-stats,.instance-ping-task-meta{color:var(--text-secondary);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;font-size:11px;font-weight:550;display:grid}.instance-ping-task-meta{color:var(--text-tertiary);font-size:10px}.instance-ping-task[data-visible=false]{opacity:.45}.instance-loss-stack{flex-direction:column;gap:12px;display:flex}.instance-loss-row{grid-template-columns:minmax(0,110px) minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.instance-loss-meter{background:var(--progress-bg);border-radius:999px;height:10px;overflow:hidden;box-shadow:inset 0 1px 1px #00000038}.instance-loss-fill{border-radius:inherit;height:100%;display:block}.instance-empty{min-height:140px;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:13px;display:flex}.node-card-list{gap:1rem;display:grid}.node-card-list.is-square-layout{gap:1rem}.node-card-list.is-strip-layout{grid-template-columns:1fr;gap:.75rem}@media(min-width:1280px){.node-card-list{gap:1.25rem}.node-card-list.is-strip-layout{gap:.875rem}}.server-card{background:linear-gradient(180deg,var(--surface) 0%,var(--surface) 100%);position:relative}@supports (color:color-mix(in lab,red,red)){.server-card{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface) 98%,black 2%))}}.server-card{border:1px solid var(--border)}@supports (color:color-mix(in lab,red,red)){.server-card{border:1px solid color-mix(in srgb,var(--border) 84%,transparent)}}.server-card{content-visibility:auto;contain-intrinsic-size:438px;box-shadow:var(--shadow-card);border-radius:18px;transition:transform .2s cubic-bezier(.32,.72,0,1),box-shadow .2s cubic-bezier(.32,.72,0,1);overflow:hidden}:root[data-gradient-surfaces=true] .server-card{border-color:var(--ys-gradient-surface-secondary)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true] .server-card{border-color:color-mix(in srgb,var(--ys-gradient-surface-secondary) var(--ys-gradient-surface-border),var(--border))}}:root[data-gradient-surfaces=true] .server-card{background:radial-gradient(circle at 8% 0%,var(--ys-gradient-surface-accent) 0%,transparent 38%),linear-gradient(180deg,var(--ys-gradient-surface-primary) 0%,var(--ys-gradient-surface-secondary) 100%)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true] .server-card{background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--ys-gradient-surface-accent) var(--ys-gradient-surface-faint),transparent) 0%,transparent 38%),linear-gradient(180deg,color-mix(in srgb,var(--ys-gradient-surface-primary) var(--ys-gradient-surface-tint),color-mix(in srgb,var(--surface) var(--ys-gradient-surface-glass),transparent)),color-mix(in srgb,var(--ys-gradient-surface-secondary) var(--ys-gradient-surface-faint),color-mix(in srgb,var(--surface) var(--ys-gradient-surface-glass),transparent)))}}:root[data-gradient-surfaces=true] .server-card{box-shadow:0 20px 44px -34px var(--ys-gradient-surface-secondary),inset 0 1px #ffffff3d}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true] .server-card{box-shadow:0 20px 44px -34px color-mix(in srgb,var(--ys-gradient-surface-secondary) 45%,black 55%),inset 0 1px #ffffff3d}}:root[data-gradient-surfaces=true] .server-card:hover{border-color:var(--ys-gradient-surface-secondary)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true] .server-card:hover{border-color:color-mix(in srgb,var(--ys-gradient-surface-secondary) calc(var(--ys-gradient-surface-border) + 12%),var(--border-strong))}}:root[data-gradient-surfaces=true] .server-card.is-offline{background:linear-gradient(180deg,var(--status-offline) 0%,var(--status-offline) 100%)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true] .server-card.is-offline{background:linear-gradient(180deg,color-mix(in srgb,var(--status-offline) 11%,color-mix(in srgb,var(--ys-gradient-surface-primary) 26%,color-mix(in srgb,var(--surface) var(--ys-gradient-surface-glass),transparent))),color-mix(in srgb,var(--status-offline) 7%,color-mix(in srgb,var(--ys-gradient-surface-secondary) 20%,color-mix(in srgb,var(--surface) var(--ys-gradient-surface-glass),transparent))))}}.server-card:before{content:"";opacity:.55;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;inset:0 0 auto}.server-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}@supports (color:color-mix(in lab,red,red)){.server-card:hover{border-color:color-mix(in srgb,var(--border-strong) 72%,var(--border))}}[data-appearance=dark] .server-card:hover{box-shadow:0 0 0 1px #ffffff06,0 3px 10px #0000001f,0 18px 36px -28px #0006}.server-card.is-offline{background:linear-gradient(180deg,var(--status-offline) 0%,var(--status-offline) 100%)}@supports (color:color-mix(in lab,red,red)){.server-card.is-offline{background:linear-gradient(180deg,color-mix(in srgb,var(--status-offline) 12%,var(--surface) 88%),color-mix(in srgb,var(--status-offline) 7%,var(--surface) 93%))}}.server-card.is-offline{border-color:var(--status-offline)}@supports (color:color-mix(in lab,red,red)){.server-card.is-offline{border-color:color-mix(in srgb,var(--status-offline) 42%,var(--border))}}.server-card.is-offline{box-shadow:0 0 0 1px var(--status-offline),0 14px 32px -24px var(--status-offline)}@supports (color:color-mix(in lab,red,red)){.server-card.is-offline{box-shadow:0 0 0 1px color-mix(in srgb,var(--status-offline) 18%,transparent),0 14px 32px -24px color-mix(in srgb,var(--status-offline) 18%,#000000d1)}}.server-card-content{flex-direction:column;gap:18px;padding:22px 20px 16px;display:flex}.server-card.is-strip-card{contain-intrinsic-size:112px;border-radius:16px}.server-card.is-strip-card .strip-card-content{grid-template-columns:minmax(220px,1.12fr) minmax(300px,1.35fr) minmax(280px,1fr);align-items:center;gap:16px;padding:14px 16px;display:grid}.strip-card-identity,.strip-card-metric,.strip-card-stat{min-width:0}.strip-card-identity{gap:8px;display:grid}.strip-card-title-row{align-items:center;gap:9px;min-width:0;display:flex}.strip-card-title-row .server-card-detail-link{border-radius:9px;width:30px;height:30px}.strip-card-tags{flex-wrap:nowrap;padding-top:0;overflow:hidden}.strip-card-tags .dstatus-tag-chip,.strip-card-tags .dstatus-tag-more{border-radius:7px;max-width:7rem;padding:.28rem .5rem;font-size:10px}.strip-card-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;min-width:0;display:grid}.strip-card-metric{gap:5px;display:grid}.strip-card-metric-head,.strip-card-metric-label,.strip-card-stat-label{align-items:center;min-width:0;display:flex}.strip-card-metric-head{justify-content:space-between;gap:10px}.strip-card-metric-label,.strip-card-stat-label{color:var(--text-secondary);letter-spacing:.02em;gap:6px;font-size:10px;font-weight:700}.strip-card-metric-label span,.strip-card-stat-label span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.strip-card-metric-value{color:var(--strip-metric-color);letter-spacing:0;flex:none;font-size:13px;font-weight:780}.strip-card-metric-unit{color:var(--text-tertiary);margin-left:1px;font-size:10px;font-weight:600}.strip-card-metric-bar{background:var(--surface-sunken);border-radius:999px;height:7px;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.strip-card-metric-bar{background:color-mix(in srgb,var(--surface-sunken) 78%,transparent)}}.strip-card-metric-bar{box-shadow:inset 0 1px 1px #0000002e}.strip-card-metric-bar:before{content:"";width:var(--strip-metric-value);border-radius:inherit;background:linear-gradient(90deg,var(--strip-metric-color),var(--strip-metric-color));position:absolute;inset:0 auto 0 0}@supports (color:color-mix(in lab,red,red)){.strip-card-metric-bar:before{background:linear-gradient(90deg,var(--strip-metric-color),color-mix(in srgb,var(--strip-metric-color) 56%,white))}}.strip-card-metric-bar:before{box-shadow:0 0 12px -4px var(--strip-metric-color);transition:width .42s cubic-bezier(.22,.61,.36,1)}.strip-card-metric-detail{min-width:0;color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;line-height:1.15;overflow:hidden}.strip-card-telemetry{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;min-width:0;display:grid}.strip-card-stat{border:1px solid var(--border-subtle);gap:4px;padding:8px 9px;display:grid}@supports (color:color-mix(in lab,red,red)){.strip-card-stat{border:1px solid color-mix(in srgb,var(--border-subtle) 72%,transparent)}}.strip-card-stat{background:var(--surface-elev);border-radius:10px}@supports (color:color-mix(in lab,red,red)){.strip-card-stat{background:color-mix(in srgb,var(--surface-elev) 48%,transparent)}}.strip-card-stat-value{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:760;line-height:1.15;overflow:hidden}:root[data-gradient-surfaces=true] .strip-card-stat,:root[data-gradient-surfaces=true] .strip-card-metric-bar{border-color:var(--ys-gradient-surface-secondary)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true] .strip-card-stat,:root[data-gradient-surfaces=true] .strip-card-metric-bar{border-color:color-mix(in srgb,var(--ys-gradient-surface-secondary) var(--ys-gradient-surface-border),var(--border-subtle))}}:root[data-gradient-surfaces=true] .strip-card-stat,:root[data-gradient-surfaces=true] .strip-card-metric-bar{background:var(--ys-gradient-surface-accent)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true] .strip-card-stat,:root[data-gradient-surfaces=true] .strip-card-metric-bar{background:color-mix(in srgb,var(--ys-gradient-surface-accent) var(--ys-gradient-surface-faint),color-mix(in srgb,var(--surface-elev) var(--ys-gradient-surface-glass),transparent))}}@media(max-width:1120px){.server-card.is-strip-card .strip-card-content{grid-template-columns:minmax(210px,.9fr) minmax(0,1.1fr);align-items:start}.strip-card-telemetry{grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:760px){.node-card-list.is-strip-layout{overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;max-width:100%;padding-bottom:8px;overflow:auto visible}.node-card-list.is-strip-layout>div{scroll-snap-align:start;width:852px;max-width:none}.server-card.is-strip-card{min-width:852px}.server-card.is-strip-card .strip-card-content{grid-template-rows:auto auto;grid-template-columns:190px 620px;align-items:stretch;gap:9px 14px;padding:12px 14px}.strip-card-identity{grid-row:1/3;align-content:center;gap:7px}.strip-card-metrics{grid-area:1/2;grid-template-columns:repeat(4,1fr);gap:8px}.strip-card-telemetry{grid-area:2/2;grid-template-columns:repeat(6,1fr);gap:7px}.strip-card-metric{gap:4px;min-width:0}.strip-card-metric-head{gap:8px}.strip-card-metric-bar{height:6px}.strip-card-stat{align-content:center;gap:3px;min-height:46px;padding:7px 8px}.strip-card-stat-label{gap:5px}.strip-card-tags .dstatus-tag-chip,.strip-card-tags .dstatus-tag-more{max-width:5.6rem}}.server-card-header{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.server-card-title-block{flex-direction:column;flex:auto;gap:6px;min-width:0;display:flex}.server-card-title-row{align-items:center;gap:9px;min-width:0;display:flex}.server-card-title-link{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-primary);letter-spacing:-.02em;flex:auto;font-size:16px;font-weight:640;transition:color .16s;overflow:hidden}.server-card-title-link:hover{color:var(--progress-cpu)}.server-card.is-offline .server-card-title-link,.server-card.is-offline .server-card-title-link:hover{color:var(--status-offline)}@supports (color:color-mix(in lab,red,red)){.server-card.is-offline .server-card-title-link,.server-card.is-offline .server-card-title-link:hover{color:color-mix(in srgb,var(--status-offline) 72%,var(--text-primary) 28%)}}.server-card-detail-link{width:34px;height:34px;color:var(--text-tertiary);background:var(--surface-elev);border-radius:10px;flex:none;place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.server-card-detail-link{background:color-mix(in srgb,var(--surface-elev) 52%,transparent)}}.server-card-detail-link{border:1px solid var(--border-subtle);transition:color .16s,background .16s,transform .16s}:root[data-gradient-surfaces=true] .server-card-detail-link,:root[data-gradient-surfaces=true] .metric-detail,:root[data-gradient-surfaces=true] .traffic-stat-foot,:root[data-gradient-surfaces=true] .traffic-quota-mode,:root[data-gradient-surfaces=true] .radar-gauge,:root[data-gradient-surfaces=true] .traffic-quota,:root[data-gradient-surfaces=true] .server-health-placeholder,:root[data-gradient-surfaces=true] .server-health-tooltip,:root[data-gradient-surfaces=true] .instance-chart-tooltip,:root[data-gradient-surfaces=true] .dstatus-tag-more,:root[data-gradient-surfaces=true] .dstatus-tag-add{border-color:var(--ys-gradient-surface-secondary)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true] .server-card-detail-link,:root[data-gradient-surfaces=true] .metric-detail,:root[data-gradient-surfaces=true] .traffic-stat-foot,:root[data-gradient-surfaces=true] .traffic-quota-mode,:root[data-gradient-surfaces=true] .radar-gauge,:root[data-gradient-surfaces=true] .traffic-quota,:root[data-gradient-surfaces=true] .server-health-placeholder,:root[data-gradient-surfaces=true] .server-health-tooltip,:root[data-gradient-surfaces=true] .instance-chart-tooltip,:root[data-gradient-surfaces=true] .dstatus-tag-more,:root[data-gradient-surfaces=true] .dstatus-tag-add{border-color:color-mix(in srgb,var(--ys-gradient-surface-secondary) var(--ys-gradient-surface-border),var(--border-subtle))}}:root[data-gradient-surfaces=true] .server-card-detail-link,:root[data-gradient-surfaces=true] .metric-detail,:root[data-gradient-surfaces=true] .traffic-stat-foot,:root[data-gradient-surfaces=true] .traffic-quota-mode,:root[data-gradient-surfaces=true] .radar-gauge,:root[data-gradient-surfaces=true] .traffic-quota,:root[data-gradient-surfaces=true] .server-health-placeholder,:root[data-gradient-surfaces=true] .server-health-tooltip,:root[data-gradient-surfaces=true] .instance-chart-tooltip,:root[data-gradient-surfaces=true] .dstatus-tag-more,:root[data-gradient-surfaces=true] .dstatus-tag-add{background:var(--ys-gradient-surface-accent)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true] .server-card-detail-link,:root[data-gradient-surfaces=true] .metric-detail,:root[data-gradient-surfaces=true] .traffic-stat-foot,:root[data-gradient-surfaces=true] .traffic-quota-mode,:root[data-gradient-surfaces=true] .radar-gauge,:root[data-gradient-surfaces=true] .traffic-quota,:root[data-gradient-surfaces=true] .server-health-placeholder,:root[data-gradient-surfaces=true] .server-health-tooltip,:root[data-gradient-surfaces=true] .instance-chart-tooltip,:root[data-gradient-surfaces=true] .dstatus-tag-more,:root[data-gradient-surfaces=true] .dstatus-tag-add{background:color-mix(in srgb,var(--ys-gradient-surface-accent) var(--ys-gradient-surface-faint),color-mix(in srgb,var(--surface-elev) var(--ys-gradient-surface-glass),transparent))}}.server-card-detail-link:hover{color:var(--progress-cpu);background:var(--surface-elev)}@supports (color:color-mix(in lab,red,red)){.server-card-detail-link:hover{background:color-mix(in srgb,var(--surface-elev) 76%,transparent)}}.server-card-detail-link:hover{transform:translateY(-1px)}:root[data-gradient-surfaces=true] .server-card-detail-link:hover{color:var(--ys-gradient-surface-secondary)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true] .server-card-detail-link:hover{color:color-mix(in srgb,var(--ys-gradient-surface-secondary) 72%,var(--progress-cpu))}}:root[data-gradient-surfaces=true] .server-card-detail-link:hover{background:var(--ys-gradient-surface-secondary)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true] .server-card-detail-link:hover{background:color-mix(in srgb,var(--ys-gradient-surface-secondary) var(--ys-gradient-surface-tint),color-mix(in srgb,var(--surface-elev) var(--ys-gradient-surface-glass),transparent))}}.server-card-online-dot{border-radius:999px;flex:none;width:8px;height:8px}.server-card-online-dot.is-offline{border:1px solid var(--status-offline);width:10px;height:10px}@supports (color:color-mix(in lab,red,red)){.server-card-online-dot.is-offline{border:1px solid color-mix(in srgb,var(--status-offline) 72%,black 28%)}}.server-card-online-dot.is-offline{background:var(--status-offline)!important}@supports (color:color-mix(in lab,red,red)){.server-card-online-dot.is-offline{background:color-mix(in srgb,var(--status-offline) 88%,black 12%)!important}}.server-card-online-dot.is-offline{box-shadow:0 0 0 4px var(--status-offline),0 0 18px -4px var(--status-offline)!important}@supports (color:color-mix(in lab,red,red)){.server-card-online-dot.is-offline{box-shadow:0 0 0 4px color-mix(in srgb,var(--status-offline) 26%,transparent),0 0 18px -4px color-mix(in srgb,var(--status-offline) 86%,black 14%)!important}}.server-card-subtitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-primary);margin:0;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.server-card-subtitle{color:color-mix(in srgb,var(--text-primary) 64%,var(--text-tertiary))}}.server-card-subtitle{letter-spacing:.01em;font-size:11px;font-weight:600;line-height:1.2}.server-card-stack{flex-direction:column;gap:18px;display:flex}.server-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;display:grid}.metric-item{flex-direction:column;gap:7px;min-width:0;display:flex}.metric-detail{background:var(--surface-elev);border-radius:999px;align-items:center;width:fit-content;min-width:0;max-width:100%;min-height:14px;padding:2px 8px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.metric-detail{background:color-mix(in srgb,var(--surface-elev) 42%,transparent)}}.metric-detail{color:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.metric-detail{color:color-mix(in srgb,var(--text-primary) 82%,var(--text-tertiary))}}.metric-detail{white-space:nowrap;text-overflow:ellipsis;border:1px solid var(--border-subtle);font-size:11px;font-weight:600;line-height:1.2;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.metric-detail{border:1px solid color-mix(in srgb,var(--border-subtle) 55%,transparent)}}.metric-detail[data-empty=true]{opacity:0}.metric-track{min-width:0;height:10px}.metric-track-canvas{width:100%;height:10px;display:block}.metric-segment{background:var(--progress-bg);border-radius:2px;flex:1 1 0;min-width:1px;height:100%;transition:opacity .45s cubic-bezier(.22,.61,.36,1),background-position .45s cubic-bezier(.22,.61,.36,1);box-shadow:inset 0 1px 1px #0000002e}:root[data-gradient-surfaces=true] .metric-segment{background:var(--ys-gradient-surface-secondary)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true] .metric-segment{background:color-mix(in srgb,var(--ys-gradient-surface-secondary) var(--ys-gradient-surface-faint),var(--progress-bg))}}.card-metric-section+.card-metric-section.card-metric-divided{border-top:1px solid var(--hairline);padding-top:12px}.server-traffic-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;display:grid}.traffic-quota-metric{grid-column:1/-1}.traffic-stat{flex-direction:column;gap:10px;min-width:0;display:flex}.traffic-stat-head,.traffic-stat-foot,.server-health-head,.server-card-meta{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.traffic-stat-label,.server-health-label,.server-card-meta-label{color:var(--text-secondary);letter-spacing:.02em;align-items:center;gap:7px;font-size:11px;font-weight:600;display:inline-flex}.traffic-stat-value{letter-spacing:0;flex:none;font-size:18px;font-weight:680;line-height:1.05}.traffic-stat-trend{align-items:center;gap:10px;min-width:0;display:flex}.traffic-dot-strip{flex:auto;width:100%;min-width:0;height:10px;display:block}.traffic-dot{border-radius:999px;justify-self:center;width:4px;height:4px;transition:transform .45s cubic-bezier(.22,.61,.36,1),background-color .3s,opacity .3s,box-shadow .3s}.traffic-stat-live{color:var(--text-tertiary);letter-spacing:.02em;white-space:nowrap;flex:none;align-items:center;gap:5px;font-size:10px;font-weight:650;display:inline-flex}.traffic-stat-live-dot{border-radius:999px;width:6px;height:6px}.traffic-stat-live[data-live=false]{color:var(--status-offline)}.traffic-stat-live[data-live=false] .traffic-stat-live-dot{opacity:.6;animation:none}.traffic-stat-unit,.server-health-unit,.server-card-meta-unit{color:var(--text-tertiary);margin-left:2px;font-size:11px;font-weight:500}.server-health-empty{color:var(--text-tertiary);font-size:11px;font-weight:600}.server-health-placeholder{background:var(--surface-elev);border-radius:8px;justify-content:center;align-items:center;min-height:16px;display:flex}@supports (color:color-mix(in lab,red,red)){.server-health-placeholder{background:color-mix(in srgb,var(--surface-elev) 56%,transparent)}}.server-health-placeholder{color:var(--text-tertiary);letter-spacing:.01em;font-size:11px;font-weight:600}.traffic-stat-foot{border:1px solid var(--border-subtle);width:fit-content;max-width:100%;min-height:18px;padding:2px 8px}@supports (color:color-mix(in lab,red,red)){.traffic-stat-foot{border:1px solid color-mix(in srgb,var(--border-subtle) 55%,transparent)}}.traffic-stat-foot{background:var(--surface-elev);border-radius:999px}@supports (color:color-mix(in lab,red,red)){.traffic-stat-foot{background:color-mix(in srgb,var(--surface-elev) 42%,transparent)}}.traffic-stat-foot{color:var(--text-secondary);font-size:11px;font-weight:600;line-height:1.2}.traffic-stat-total-label{align-items:center;gap:6px;min-width:0;display:inline-flex}.traffic-stat-total-label span,.traffic-stat-foot>.tabular{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.server-health-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.server-health-block{flex-direction:column;gap:10px;min-width:0;display:flex}.radar-metric-grid{gap:var(--radar-grid-gap,10px);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.radar-gauge{min-width:0;padding:var(--radar-padding-y,8px) var(--radar-padding-x,7px) 7px;border:1px solid var(--radar-color);display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.radar-gauge{border:1px solid color-mix(in srgb,var(--radar-color) 26%,var(--border-subtle))}}.radar-gauge{background:radial-gradient(circle at 50% 0%,var(--radar-color) 0%,transparent 58%),var(--surface-elev);border-radius:13px}@supports (color:color-mix(in lab,red,red)){.radar-gauge{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--radar-color) 13%,transparent) 0%,transparent 58%),color-mix(in srgb,var(--surface-elev) 70%,transparent)}}.radar-gauge{box-shadow:inset 0 1px #ffffff24,0 12px 24px -24px var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-gauge{box-shadow:inset 0 1px #ffffff24,0 12px 24px -24px color-mix(in srgb,var(--radar-color) 38%,black)}}.radar-gauge.is-empty{--radar-color:var(--text-tertiary)}.radar-gauge-head{min-width:0;color:var(--radar-color);justify-content:center;align-items:center;gap:4px;display:flex}@supports (color:color-mix(in lab,red,red)){.radar-gauge-head{color:color-mix(in srgb,var(--radar-color) 78%,var(--text-secondary))}}.radar-gauge-head{white-space:nowrap;font-size:10px;font-weight:740;line-height:1}.radar-gauge-icon{flex:none;display:inline-flex}.radar-gauge-svg{width:100%;height:42px;margin-top:2px;display:block;overflow:visible}.radar-gauge-svg.is-ring{transform-origin:50%;height:58px;margin-top:4px;transform:rotate(-90deg)}.radar-gauge-track,.radar-gauge-fill,.radar-gauge-glow,.radar-gauge-segment-ticks{fill:none;stroke-linecap:round}.radar-gauge-track{stroke:var(--text-tertiary)}@supports (color:color-mix(in lab,red,red)){.radar-gauge-track{stroke:color-mix(in srgb,var(--text-tertiary) 22%,transparent)}}.radar-gauge-track{stroke-width:var(--radar-stroke-width,9px)}.radar-gauge-glow{stroke:var(--radar-color);stroke-width:var(--radar-glow-width,14px);opacity:calc(var(--radar-glow-opacity,.14) + var(--radar-glow-extra,0));transition:stroke-dasharray var(--radar-motion-ms,.52s) cubic-bezier(.22,.61,.36,1);animation:ys-radar-glow-breathe var(--radar-pulse-ms,1.8s) ease-in-out infinite}.radar-gauge-fill{stroke:var(--radar-color);stroke-width:var(--radar-stroke-width,9px);transition:stroke-dasharray var(--radar-motion-ms,.52s) cubic-bezier(.22,.61,.36,1);filter:drop-shadow(0 0 3px var(--radar-color))}@supports (color:color-mix(in lab,red,red)){.radar-gauge-fill{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--radar-color) 18%,transparent))}}.radar-gauge-segment-ticks{stroke:var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-gauge-segment-ticks{stroke:color-mix(in srgb,var(--radar-color) 54%,var(--text-tertiary))}}.radar-gauge-segment-ticks{stroke-width:var(--radar-segment-width,2px);opacity:var(--radar-segment-opacity,.54);pointer-events:none}.radar-gauge-art-fragments,.radar-gauge-art-teeth,.radar-gauge-art-liquid-bed,.radar-gauge-art-liquid-vein,.radar-gauge-art-dual,.radar-gauge-art-aurora-ribbon,.radar-gauge-art-aurora-accent,.radar-gauge-art-scan-dots,.radar-gauge-art-scan-trail{fill:none;stroke:var(--radar-color);stroke-linecap:round;pointer-events:none}.radar-gauge-art-fragments{stroke-width:calc(var(--radar-stroke-width,9px) + 4px);opacity:.34;animation:ys-radar-dash-flow calc(var(--radar-pulse-ms,1.8s) * 1.7) linear infinite}.radar-gauge-art-fragments.is-inner{stroke-width:3px;opacity:.42;animation-direction:reverse}.radar-gauge-art-teeth{stroke-width:5px;opacity:.72;animation:ys-radar-dash-flow calc(var(--radar-pulse-ms,1.8s) * 1.45) linear infinite}.radar-gauge-art-teeth.is-inner{stroke-width:2.8px;opacity:.48;animation-direction:reverse}.radar-gauge-art-liquid-bed{stroke-width:calc(var(--radar-stroke-width,9px) + 8px);opacity:.1}.radar-gauge-art-liquid-vein{stroke-width:4px;opacity:.38;animation:ys-radar-dash-flow calc(var(--radar-pulse-ms,1.8s) * 1.6) linear infinite reverse}.radar-gauge-liquid-head{fill:var(--radar-color);opacity:.84;filter:drop-shadow(0 0 8px var(--radar-color))}@supports (color:color-mix(in lab,red,red)){.radar-gauge-liquid-head{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--radar-color) 72%,transparent))}}.radar-gauge-liquid-head{pointer-events:none}.radar-gauge-liquid-head circle{animation:ys-radar-liquid-pop calc(var(--radar-pulse-ms,1.8s) * 1.2) ease-in-out infinite}.radar-gauge-liquid-head circle:nth-child(2){animation-delay:-.28s}.radar-gauge-liquid-head circle:nth-child(3){animation-delay:-.52s}.radar-gauge-circuit{stroke:var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-gauge-circuit{stroke:color-mix(in srgb,var(--radar-color) 86%,white 6%)}}.radar-gauge-circuit{stroke-width:1.8px;stroke-linecap:round;fill:var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-gauge-circuit{fill:color-mix(in srgb,var(--radar-color) 92%,white 8%)}}.radar-gauge-circuit{opacity:.78;filter:drop-shadow(0 0 5px var(--radar-color))}@supports (color:color-mix(in lab,red,red)){.radar-gauge-circuit{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--radar-color) 42%,transparent))}}.radar-gauge-circuit{pointer-events:none}.radar-gauge-circuit circle{stroke-width:0;animation:ys-radar-node-pulse calc(var(--radar-pulse-ms,1.8s) * 1.35) ease-in-out infinite}.radar-gauge-circuit circle:nth-of-type(2n){animation-delay:-.42s}.radar-gauge-wave{stroke:var(--radar-color);stroke-width:2.7px;stroke-linecap:round;opacity:.7;filter:drop-shadow(0 0 5px var(--radar-color))}@supports (color:color-mix(in lab,red,red)){.radar-gauge-wave{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--radar-color) 38%,transparent))}}.radar-gauge-wave{pointer-events:none}.radar-gauge-wave line{transform-origin:50%;animation:ys-radar-wave calc(var(--radar-pulse-ms,1.8s) * 1.08) ease-in-out infinite}.radar-gauge-wave line:nth-child(2n){animation-delay:-.26s}.radar-gauge-wave line:nth-child(3n){animation-delay:-.52s}.radar-gauge-art-dual{opacity:.56;animation:ys-radar-dash-flow calc(var(--radar-pulse-ms,1.8s) * 1.55) linear infinite}.radar-gauge-art-dual.is-outer{stroke-width:5px}.radar-gauge-art-dual.is-inner{stroke-width:3px;animation-direction:reverse}.radar-gauge-art-aurora-ribbon{stroke-width:calc(var(--radar-stroke-width,9px) + 13px);opacity:.2;animation:ys-radar-dash-flow calc(var(--radar-pulse-ms,1.8s) * 1.85) linear infinite}.radar-gauge-art-aurora-accent{stroke-width:3px;opacity:.78;filter:drop-shadow(0 0 8px var(--radar-color))}@supports (color:color-mix(in lab,red,red)){.radar-gauge-art-aurora-accent{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--radar-color) 56%,transparent))}}.radar-gauge-art-scan-dots{stroke-width:3.2px;opacity:.58}.radar-gauge-art-scan-trail{stroke-width:calc(var(--radar-stroke-width,9px) + 2px);opacity:.58;stroke-dashoffset:0;animation:ys-radar-dash-flow calc(var(--radar-pulse-ms,1.8s) * 1.28) linear infinite;animation-delay:var(--radar-scan-delay,0s);will-change:stroke-dashoffset;animation-fill-mode:both}.radar-gauge-scan-head{fill:var(--radar-color);opacity:.86;filter:drop-shadow(0 0 9px var(--radar-color))}@supports (color:color-mix(in lab,red,red)){.radar-gauge-scan-head{filter:drop-shadow(0 0 9px color-mix(in srgb,var(--radar-color) 78%,transparent))}}.radar-gauge-scan-head{pointer-events:none}.radar-gauge-scan-head circle{animation:ys-radar-node-pulse var(--radar-pulse-ms,1.8s) ease-in-out infinite;animation-delay:var(--radar-scan-delay,0s)}.radar-gauge-scan-head circle:nth-child(2){animation-delay:calc(var(--radar-scan-delay,0s) - .16s)}.radar-gauge-scan-head circle:nth-child(3){animation-delay:calc(var(--radar-scan-delay,0s) - .32s)}@keyframes ys-radar-glow-breathe{0%,to{opacity:calc(var(--radar-glow-opacity,.14) + var(--radar-glow-extra,0))}50%{opacity:calc(var(--radar-glow-opacity,.14) + var(--radar-motion-pulse-opacity,.08) + var(--radar-glow-extra,0))}}@keyframes ys-radar-dash-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-120px}}@keyframes ys-radar-node-pulse{0%,to{opacity:.54;transform:scale(.86)}50%{opacity:1;transform:scale(1.08)}}@keyframes ys-radar-liquid-pop{0%,to{transform:scale(.9)}50%{transform:scale(1.12)}}@keyframes ys-radar-wave{0%,to{opacity:.45;transform:scaleY(.72)}50%{opacity:.96;transform:scaleY(1.2)}}@media(prefers-reduced-motion:reduce){.radar-gauge-glow,.radar-gauge-fill,.radar-gauge-needle,.radar-gauge-art-fragments,.radar-gauge-art-teeth,.radar-gauge-art-liquid-vein,.radar-gauge-art-dual,.radar-gauge-art-aurora-ribbon,.radar-gauge-art-scan-trail,.radar-gauge-liquid-head circle,.radar-gauge-circuit circle,.radar-gauge-wave line,.radar-gauge-scan-head circle{transition-duration:0s;animation:none}}.radar-gauge[data-variant=ring]{border-radius:16px}.radar-gauge[data-variant=ring] .radar-gauge-track,.radar-gauge[data-variant=ring] .radar-gauge-fill{stroke-width:var(--radar-stroke-width,8px)}.radar-gauge[data-variant=ring] .radar-gauge-glow{stroke-width:var(--radar-glow-width,13px);opacity:calc(var(--radar-glow-opacity,.12) + var(--radar-glow-extra,0))}.radar-gauge[data-variant=dial] .radar-gauge-fill{opacity:.34}.radar-metric-grid[data-gauge-style=neon] .radar-gauge{border-color:var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=neon] .radar-gauge{border-color:color-mix(in srgb,var(--radar-color) 42%,var(--border-strong))}}.radar-metric-grid[data-gauge-style=neon] .radar-gauge{background:radial-gradient(circle at 50% 0%,var(--radar-color) 0%,transparent 60%),linear-gradient(180deg,var(--surface-elev),#00000014)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=neon] .radar-gauge{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--radar-color) 24%,transparent) 0%,transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--surface-elev) 74%,transparent),#00000014)}}.radar-metric-grid[data-gauge-style=neon] .radar-gauge{box-shadow:inset 0 1px #fff3,inset 0 0 18px var(--radar-color),0 16px 28px -24px var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=neon] .radar-gauge{box-shadow:inset 0 1px #fff3,inset 0 0 18px color-mix(in srgb,var(--radar-color) 10%,transparent),0 16px 28px -24px color-mix(in srgb,var(--radar-color) 82%,black)}}.radar-metric-grid[data-gauge-style=neon] .radar-gauge-track{stroke:var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=neon] .radar-gauge-track{stroke:color-mix(in srgb,var(--radar-color) 24%,var(--text-tertiary))}}.radar-metric-grid[data-gauge-style=neon] .radar-gauge-fill{filter:drop-shadow(0 0 7px var(--radar-color))}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=neon] .radar-gauge-fill{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--radar-color) 54%,transparent))}}.radar-metric-grid[data-gauge-style=neon] .radar-gauge-glow{--radar-glow-extra:.06}.radar-metric-grid[data-gauge-style=segmented] .radar-gauge{border-style:dashed;border-color:var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=segmented] .radar-gauge{border-color:color-mix(in srgb,var(--radar-color) 30%,var(--border-subtle))}}.radar-metric-grid[data-gauge-style=segmented] .radar-gauge-track,.radar-metric-grid[data-gauge-style=segmented] .radar-gauge-fill{stroke-linecap:butt}.radar-metric-grid[data-gauge-style=segmented] .radar-gauge-track{opacity:.46}.radar-metric-grid[data-gauge-style=segmented] .radar-gauge-fill{filter:drop-shadow(0 0 4px var(--radar-color))}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=segmented] .radar-gauge-fill{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--radar-color) 36%,transparent))}}.radar-metric-grid[data-gauge-style=segmented] .radar-gauge-segment-ticks{--radar-segment-width:2.4px;--radar-segment-opacity:.72}.radar-metric-grid[data-gauge-style=soft] .radar-gauge{border-color:var(--radar-color);border-radius:18px}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=soft] .radar-gauge{border-color:color-mix(in srgb,var(--radar-color) 18%,transparent)}}.radar-metric-grid[data-gauge-style=soft] .radar-gauge{background:radial-gradient(circle at 50% 12%,var(--radar-color) 0%,transparent 66%),var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=soft] .radar-gauge{background:radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--radar-color) 18%,transparent) 0%,transparent 66%),color-mix(in srgb,var(--radar-color) 9%,var(--surface-elev))}}.radar-metric-grid[data-gauge-style=soft] .radar-gauge{box-shadow:inset 0 1px #ffffff2e,inset 0 -18px 34px var(--radar-color),0 18px 34px -28px var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=soft] .radar-gauge{box-shadow:inset 0 1px #ffffff2e,inset 0 -18px 34px color-mix(in srgb,var(--radar-color) 8%,transparent),0 18px 34px -28px color-mix(in srgb,var(--radar-color) 52%,black)}}.radar-metric-grid[data-gauge-style=soft] .radar-gauge-track{stroke:var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=soft] .radar-gauge-track{stroke:color-mix(in srgb,var(--radar-color) 16%,var(--text-tertiary))}}.radar-metric-grid[data-gauge-style=soft] .radar-gauge-fill{stroke-width:calc(var(--radar-stroke-width,9px) + 1.6px)}.radar-metric-grid[data-gauge-style=soft] .radar-gauge-glow{--radar-glow-extra:.03;stroke-width:calc(var(--radar-glow-width,14px) + 3px)}.radar-metric-grid[data-gauge-style=minimal] .radar-gauge{border-color:var(--border-subtle)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=minimal] .radar-gauge{border-color:color-mix(in srgb,var(--border-subtle) 54%,transparent)}}.radar-metric-grid[data-gauge-style=minimal] .radar-gauge{background:var(--surface-elev)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=minimal] .radar-gauge{background:color-mix(in srgb,var(--surface-elev) 44%,transparent)}}.radar-metric-grid[data-gauge-style=minimal] .radar-gauge{box-shadow:none}.radar-metric-grid[data-gauge-style=minimal] .radar-gauge-track{stroke:var(--text-tertiary)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=minimal] .radar-gauge-track{stroke:color-mix(in srgb,var(--text-tertiary) 16%,transparent)}}.radar-metric-grid[data-gauge-style=minimal] .radar-gauge-fill{filter:none}.radar-metric-grid[data-gauge-style=minimal] .radar-gauge-glow{opacity:.04;animation:none}.radar-metric-grid[data-gauge-style=minimal] .radar-gauge-head,.radar-metric-grid[data-gauge-style=minimal] .radar-gauge-foot{color:var(--text-tertiary)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=minimal] .radar-gauge-head,.radar-metric-grid[data-gauge-style=minimal] .radar-gauge-foot{color:color-mix(in srgb,var(--text-tertiary) 82%,var(--radar-color))}}.radar-metric-grid[data-gauge-style=fragment] .radar-gauge{border-style:dashed;border-color:var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=fragment] .radar-gauge{border-color:color-mix(in srgb,var(--radar-color) 28%,var(--border-subtle))}}.radar-metric-grid[data-gauge-style=fragment] .radar-gauge{background:linear-gradient(135deg,var(--radar-color),transparent 48%),var(--surface-elev)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=fragment] .radar-gauge{background:linear-gradient(135deg,color-mix(in srgb,var(--radar-color) 9%,transparent),transparent 48%),color-mix(in srgb,var(--surface-elev) 66%,transparent)}}.radar-metric-grid[data-gauge-style=fragment] .radar-gauge-track,.radar-metric-grid[data-gauge-style=fragment] .radar-gauge-fill{stroke-linecap:butt}.radar-metric-grid[data-gauge-style=fragment] .radar-gauge-fill{filter:drop-shadow(0 0 5px var(--radar-color))}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=fragment] .radar-gauge-fill{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--radar-color) 44%,transparent))}}.radar-metric-grid[data-gauge-style=pulse] .radar-gauge{border-color:var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=pulse] .radar-gauge{border-color:color-mix(in srgb,var(--radar-color) 34%,var(--border-subtle))}}.radar-metric-grid[data-gauge-style=pulse] .radar-gauge{background:radial-gradient(circle at 50% 8%,var(--radar-color) 0%,transparent 62%),repeating-linear-gradient(135deg,var(--radar-color) 0 1px,transparent 1px 8px),var(--surface-elev)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=pulse] .radar-gauge{background:radial-gradient(circle at 50% 8%,color-mix(in srgb,var(--radar-color) 18%,transparent) 0%,transparent 62%),repeating-linear-gradient(135deg,color-mix(in srgb,var(--radar-color) 6%,transparent) 0 1px,transparent 1px 8px),color-mix(in srgb,var(--surface-elev) 70%,transparent)}}.radar-metric-grid[data-gauge-style=pulse] .radar-gauge-segment-ticks{--radar-segment-width:3px;--radar-segment-opacity:.68;animation:ys-radar-dash-flow calc(var(--radar-pulse-ms,1.8s) * 1.3) linear infinite reverse}.radar-metric-grid[data-gauge-style=pulse] .radar-gauge-glow{--radar-glow-extra:.05}.radar-metric-grid[data-gauge-style=liquid] .radar-gauge{border-color:var(--radar-color);border-radius:20px}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=liquid] .radar-gauge{border-color:color-mix(in srgb,var(--radar-color) 20%,transparent)}}.radar-metric-grid[data-gauge-style=liquid] .radar-gauge{background:radial-gradient(circle at 50% 18%,var(--radar-color) 0%,transparent 62%),var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=liquid] .radar-gauge{background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--radar-color) 22%,transparent) 0%,transparent 62%),color-mix(in srgb,var(--radar-color) 8%,var(--surface-elev))}}.radar-metric-grid[data-gauge-style=liquid] .radar-gauge{box-shadow:inset 0 1px #fff3,inset 0 -16px 32px var(--radar-color),0 18px 36px -30px var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=liquid] .radar-gauge{box-shadow:inset 0 1px #fff3,inset 0 -16px 32px color-mix(in srgb,var(--radar-color) 9%,transparent),0 18px 36px -30px color-mix(in srgb,var(--radar-color) 58%,black)}}.radar-metric-grid[data-gauge-style=liquid] .radar-gauge-track{stroke:var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=liquid] .radar-gauge-track{stroke:color-mix(in srgb,var(--radar-color) 15%,var(--text-tertiary))}}.radar-metric-grid[data-gauge-style=liquid] .radar-gauge-fill{stroke-width:calc(var(--radar-stroke-width,9px) + 4px)}.radar-metric-grid[data-gauge-style=liquid] .radar-gauge-glow{--radar-glow-extra:.04;stroke-width:calc(var(--radar-glow-width,14px) + 5px)}.radar-metric-grid[data-gauge-style=circuit] .radar-gauge{border-color:var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=circuit] .radar-gauge{border-color:color-mix(in srgb,var(--radar-color) 36%,var(--border-subtle))}}.radar-metric-grid[data-gauge-style=circuit] .radar-gauge{background:linear-gradient(90deg,var(--radar-color) 0 1px,transparent 1px 20px),linear-gradient(0deg,var(--radar-color) 0 1px,transparent 1px 18px),var(--surface-elev)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=circuit] .radar-gauge{background:linear-gradient(90deg,color-mix(in srgb,var(--radar-color) 8%,transparent) 0 1px,transparent 1px 20px),linear-gradient(0deg,color-mix(in srgb,var(--radar-color) 7%,transparent) 0 1px,transparent 1px 18px),color-mix(in srgb,var(--surface-elev) 72%,transparent)}}.radar-metric-grid[data-gauge-style=circuit] .radar-gauge-track{stroke:var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=circuit] .radar-gauge-track{stroke:color-mix(in srgb,var(--radar-color) 20%,var(--text-tertiary))}}.radar-metric-grid[data-gauge-style=circuit] .radar-gauge-fill{filter:drop-shadow(0 0 6px var(--radar-color))}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=circuit] .radar-gauge-fill{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--radar-color) 52%,transparent))}}.radar-metric-grid[data-gauge-style=wave] .radar-gauge{border-color:var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=wave] .radar-gauge{border-color:color-mix(in srgb,var(--radar-color) 26%,var(--border-subtle))}}.radar-metric-grid[data-gauge-style=wave] .radar-gauge{background:radial-gradient(circle at 50% 0%,var(--radar-color) 0%,transparent 58%),linear-gradient(180deg,var(--surface-elev),var(--radar-color))}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=wave] .radar-gauge{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--radar-color) 18%,transparent) 0%,transparent 58%),linear-gradient(180deg,color-mix(in srgb,var(--surface-elev) 78%,transparent),color-mix(in srgb,var(--radar-color) 7%,transparent))}}.radar-metric-grid[data-gauge-style=wave] .radar-gauge-svg{margin-top:4px}.radar-metric-grid[data-gauge-style=wave] .radar-gauge-glow{--radar-glow-extra:.03}.radar-metric-grid[data-gauge-style=dual] .radar-gauge{border-color:var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=dual] .radar-gauge{border-color:color-mix(in srgb,var(--radar-color) 30%,var(--border-subtle))}}.radar-metric-grid[data-gauge-style=dual] .radar-gauge{background:radial-gradient(circle at 50% 50%,var(--radar-color) 0%,transparent 48%),var(--surface-elev)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=dual] .radar-gauge{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--radar-color) 10%,transparent) 0%,transparent 48%),color-mix(in srgb,var(--surface-elev) 70%,transparent)}}.radar-metric-grid[data-gauge-style=dual] .radar-gauge-track{stroke:var(--text-tertiary)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=dual] .radar-gauge-track{stroke:color-mix(in srgb,var(--text-tertiary) 17%,transparent)}}.radar-metric-grid[data-gauge-style=dual] .radar-gauge-fill{filter:drop-shadow(0 0 5px var(--radar-color))}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=dual] .radar-gauge-fill{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--radar-color) 48%,transparent))}}.radar-metric-grid[data-gauge-style=aurora] .radar-gauge{border-color:var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=aurora] .radar-gauge{border-color:color-mix(in srgb,var(--radar-color) 28%,var(--border-subtle))}}.radar-metric-grid[data-gauge-style=aurora] .radar-gauge{background:radial-gradient(circle at 35% 0%,#7c5cff24 0%,transparent 58%),radial-gradient(circle at 72% 18%,var(--radar-color) 0%,transparent 60%),var(--surface-elev)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=aurora] .radar-gauge{background:radial-gradient(circle at 35% 0%,#7c5cff24 0%,transparent 58%),radial-gradient(circle at 72% 18%,color-mix(in srgb,var(--radar-color) 16%,transparent) 0%,transparent 60%),color-mix(in srgb,var(--surface-elev) 72%,transparent)}}.radar-metric-grid[data-gauge-style=aurora] .radar-gauge{box-shadow:inset 0 1px #ffffff2b,0 18px 34px -28px var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=aurora] .radar-gauge{box-shadow:inset 0 1px #ffffff2b,0 18px 34px -28px color-mix(in srgb,var(--radar-color) 70%,black)}}.radar-metric-grid[data-gauge-style=aurora] .radar-gauge-track{stroke:var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=aurora] .radar-gauge-track{stroke:color-mix(in srgb,var(--radar-color) 14%,var(--text-tertiary))}}.radar-metric-grid[data-gauge-style=aurora] .radar-gauge-fill{stroke-width:calc(var(--radar-stroke-width,9px) - 1px);filter:drop-shadow(0 0 8px var(--radar-color))}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=aurora] .radar-gauge-fill{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--radar-color) 56%,transparent))}}.radar-metric-grid[data-gauge-style=aurora] .radar-gauge-glow{--radar-glow-extra:.07}.radar-metric-grid[data-gauge-style=scan] .radar-gauge{border-color:var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=scan] .radar-gauge{border-color:color-mix(in srgb,var(--radar-color) 32%,var(--border-subtle))}}.radar-metric-grid[data-gauge-style=scan] .radar-gauge{background:radial-gradient(circle at 50% 18%,var(--radar-color) 0%,transparent 64%),var(--surface-elev)}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=scan] .radar-gauge{background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--radar-color) 14%,transparent) 0%,transparent 64%),color-mix(in srgb,var(--surface-elev) 68%,transparent)}}.radar-metric-grid[data-gauge-style=scan] .radar-gauge-track,.radar-metric-grid[data-gauge-style=scan] .radar-gauge-fill{stroke-linecap:butt}.radar-metric-grid[data-gauge-style=scan] .radar-gauge-segment-ticks{--radar-segment-width:2.2px;--radar-segment-opacity:.66}.radar-metric-grid[data-gauge-style=scan] .radar-gauge-fill{filter:drop-shadow(0 0 7px var(--radar-color))}@supports (color:color-mix(in lab,red,red)){.radar-metric-grid[data-gauge-style=scan] .radar-gauge-fill{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--radar-color) 60%,transparent))}}.radar-gauge-needle{stroke:var(--radar-color);stroke-width:var(--radar-needle-width,3.2px);stroke-linecap:round;transform:rotate(var(--radar-needle-angle));transform-origin:60px 58px;transition:transform var(--radar-motion-ms,.52s) cubic-bezier(.22,.61,.36,1);filter:drop-shadow(0 0 5px var(--radar-color))}@supports (color:color-mix(in lab,red,red)){.radar-gauge-needle{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--radar-color) 46%,transparent))}}.radar-gauge-ticks{stroke:var(--radar-color)}@supports (color:color-mix(in lab,red,red)){.radar-gauge-ticks{stroke:color-mix(in srgb,var(--radar-color) 72%,var(--text-tertiary))}}.radar-gauge-ticks{stroke-linecap:round;stroke-width:var(--radar-tick-width,1.6px);opacity:var(--radar-tick-opacity,.42)}.radar-gauge-pivot{fill:var(--surface-elev)}@supports (color:color-mix(in lab,red,red)){.radar-gauge-pivot{fill:color-mix(in srgb,var(--surface-elev) 86%,black 4%)}}.radar-gauge-pivot{stroke:var(--radar-color);stroke-width:2.2px}.radar-gauge-value{min-width:0;color:var(--text-primary);font-size:var(--radar-value-size,15px);letter-spacing:0;justify-content:center;align-items:baseline;gap:2px;margin-top:-22px;font-weight:780;line-height:1;display:flex}.radar-gauge[data-variant=ring] .radar-gauge-value{margin-top:-39px}.radar-gauge-unit{color:var(--text-tertiary);font-size:9px;font-weight:650}.radar-gauge-foot{min-width:0;color:var(--text-tertiary);white-space:nowrap;justify-content:center;margin-top:6px;font-size:10px;font-weight:680;line-height:1;display:flex}.radar-gauge[data-variant=ring] .radar-gauge-foot{margin-top:17px}.radar-gauge-foot span{text-overflow:ellipsis;min-width:0;overflow:hidden}.liquid-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}.liquid-gauge{isolation:isolate;border:1px solid var(--liquid-color);justify-items:center;min-width:0;padding:8px 7px 7px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.liquid-gauge{border:1px solid color-mix(in srgb,var(--liquid-color) 36%,var(--border-subtle))}}.liquid-gauge{background:radial-gradient(circle at 18% 0%,#ffffff1a 0%,transparent 28%),radial-gradient(circle at 78% 6%,var(--liquid-color) 0%,transparent 36%),linear-gradient(135deg,var(--liquid-color) 0%,transparent 38%),linear-gradient(180deg,var(--surface-elev) 0%,var(--liquid-color) 100%);border-radius:16px}@supports (color:color-mix(in lab,red,red)){.liquid-gauge{background:radial-gradient(circle at 18% 0%,#ffffff1a 0%,transparent 28%),radial-gradient(circle at 78% 6%,color-mix(in srgb,var(--liquid-color) 22%,transparent) 0%,transparent 36%),linear-gradient(135deg,color-mix(in srgb,var(--liquid-color) 10%,transparent) 0%,transparent 38%),linear-gradient(180deg,color-mix(in srgb,var(--surface-elev) 80%,transparent),color-mix(in srgb,var(--liquid-color) 12%,var(--surface-elev)))}}.liquid-gauge{box-shadow:0 0 0 1px var(--liquid-color),inset 0 1px #ffffff2e,inset 0 -18px 30px var(--liquid-color),0 16px 30px -26px var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){.liquid-gauge{box-shadow:0 0 0 1px color-mix(in srgb,var(--liquid-color) 8%,transparent),inset 0 1px #ffffff2e,inset 0 -18px 30px color-mix(in srgb,var(--liquid-color) var(--liquid-bottom-mix,7%),transparent),0 16px 30px -26px color-mix(in srgb,var(--liquid-color) var(--liquid-shadow-mix,52%),black)}}.liquid-gauge:before{content:"";pointer-events:none;background:linear-gradient(90deg,transparent 0 46%,#ffffff1f 47% 48%,transparent 49%),repeating-linear-gradient(0deg,var(--liquid-color) 0 1px,transparent 1px 10px),repeating-linear-gradient(90deg,#ffffff0f 0 1px,transparent 1px 14px);border-radius:12px;position:absolute;inset:7px}@supports (color:color-mix(in lab,red,red)){.liquid-gauge:before{background:linear-gradient(90deg,transparent 0 46%,#ffffff1f 47% 48%,transparent 49%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--liquid-color) 10%,transparent) 0 1px,transparent 1px 10px),repeating-linear-gradient(90deg,#ffffff0f 0 1px,transparent 1px 14px)}}.liquid-gauge:before{opacity:var(--liquid-hud-opacity,.36)}.liquid-gauge:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(105deg,#0000 0% 34%,#fff 48%,#0000 62% 100%);border-radius:12px;position:absolute;inset:8px}@supports (color:color-mix(in lab,red,red)){.liquid-gauge:after{background:linear-gradient(105deg,transparent 0%,transparent 34%,color-mix(in srgb,white 20%,var(--liquid-color) 12%) 48%,transparent 62%,transparent 100%)}}.liquid-gauge:after{mix-blend-mode:screen;opacity:calc(var(--liquid-hud-opacity,.36) * .62);animation:ys-liquid-card-scan var(--liquid-scan-ms,3.4s) ease-in-out infinite;transform:translate(-82%)}.liquid-gauge.is-empty{--liquid-color:var(--text-tertiary)}.liquid-gauge[data-pressure=critical]{border-color:var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){.liquid-gauge[data-pressure=critical]{border-color:color-mix(in srgb,var(--liquid-color) 42%,var(--status-offline))}}.liquid-gauge[data-pressure=critical]{box-shadow:0 0 0 1px var(--liquid-color),inset 0 1px #ffffff2e,inset 0 -18px 34px var(--liquid-color),0 18px 34px -24px var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){.liquid-gauge[data-pressure=critical]{box-shadow:0 0 0 1px color-mix(in srgb,var(--liquid-color) 14%,transparent),inset 0 1px #ffffff2e,inset 0 -18px 34px color-mix(in srgb,var(--liquid-color) 13%,transparent),0 18px 34px -24px color-mix(in srgb,var(--liquid-color) 72%,black)}}.liquid-gauge[data-pressure=low],.liquid-gauge[data-pressure=empty]{opacity:.82}.liquid-gauge-head{z-index:1;min-width:0;color:var(--liquid-color);justify-content:center;align-items:center;gap:4px;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-head{color:color-mix(in srgb,var(--liquid-color) 80%,var(--text-secondary))}}.liquid-gauge-head{white-space:nowrap;font-size:10px;font-weight:740;line-height:1}.liquid-gauge-icon{flex:none;display:inline-flex}.liquid-gauge-svg{z-index:1;width:min(92px,100%);height:76px;filter:drop-shadow(0 14px 18px #00000047) drop-shadow(0 0 10px var(--liquid-color));margin-top:2px;display:block;position:relative;overflow:visible}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-svg{filter:drop-shadow(0 14px 18px #00000047) drop-shadow(0 0 10px color-mix(in srgb,var(--liquid-color) var(--liquid-svg-glow-mix,18%),transparent))}}.liquid-gauge-frame{pointer-events:none}.liquid-frame-shadow{fill:#0000005c;opacity:.62}.liquid-frame-rim,.liquid-frame-inner,.liquid-frame-cap,.liquid-frame-neck,.liquid-frame-base,.liquid-frame-stand,.liquid-frame-collar,.liquid-frame-orbit,.liquid-frame-latitude,.liquid-frame-refraction,.liquid-frame-facet,.liquid-frame-rail,.liquid-frame-mark{fill:none;stroke:#fff}@supports (color:color-mix(in lab,red,red)){.liquid-frame-rim,.liquid-frame-inner,.liquid-frame-cap,.liquid-frame-neck,.liquid-frame-base,.liquid-frame-stand,.liquid-frame-collar,.liquid-frame-orbit,.liquid-frame-latitude,.liquid-frame-refraction,.liquid-frame-facet,.liquid-frame-rail,.liquid-frame-mark{stroke:color-mix(in srgb,white 44%,var(--liquid-color) 44%)}}.liquid-frame-rim,.liquid-frame-inner,.liquid-frame-cap,.liquid-frame-neck,.liquid-frame-base,.liquid-frame-stand,.liquid-frame-collar,.liquid-frame-orbit,.liquid-frame-latitude,.liquid-frame-refraction,.liquid-frame-facet,.liquid-frame-rail,.liquid-frame-mark{stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:calc(var(--liquid-glass-opacity,.72) * .86);filter:drop-shadow(0 0 5px var(--liquid-color))}@supports (color:color-mix(in lab,red,red)){.liquid-frame-rim,.liquid-frame-inner,.liquid-frame-cap,.liquid-frame-neck,.liquid-frame-base,.liquid-frame-stand,.liquid-frame-collar,.liquid-frame-orbit,.liquid-frame-latitude,.liquid-frame-refraction,.liquid-frame-facet,.liquid-frame-rail,.liquid-frame-mark{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--liquid-color) 25%,transparent))}}.liquid-frame-rim{stroke-width:2.6px}.liquid-frame-inner,.liquid-frame-latitude,.liquid-frame-refraction,.liquid-frame-facet,.liquid-frame-rail,.liquid-frame-mark{stroke-width:1px;opacity:calc(var(--liquid-glass-opacity,.72) * .58)}.liquid-frame-cap,.liquid-frame-neck,.liquid-frame-stand{fill:var(--surface-elev)}@supports (color:color-mix(in lab,red,red)){.liquid-frame-cap,.liquid-frame-neck,.liquid-frame-stand{fill:color-mix(in srgb,var(--surface-elev) 62%,var(--liquid-color) 12%)}}.liquid-frame-cap,.liquid-frame-neck,.liquid-frame-stand{stroke-width:1.4px;opacity:calc(var(--liquid-glass-opacity,.72) * .94)}.liquid-frame-base{stroke-width:2px}.liquid-frame-bolt{fill:#fff}@supports (color:color-mix(in lab,red,red)){.liquid-frame-bolt{fill:color-mix(in srgb,white 70%,var(--liquid-color) 30%)}}.liquid-frame-bolt{opacity:calc(var(--liquid-hud-opacity,.36) + .34);filter:drop-shadow(0 0 4px var(--liquid-color))}@supports (color:color-mix(in lab,red,red)){.liquid-frame-bolt{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--liquid-color) 55%,transparent))}}.liquid-gauge-frame.is-sphere .liquid-frame-latitude,.liquid-gauge-frame.is-ring .liquid-frame-latitude,.liquid-gauge-frame.is-drop .liquid-frame-orbit{stroke-dasharray:9 7;animation:ys-liquid-dash var(--liquid-drift-ms,5.5s) linear infinite}.liquid-gauge-frame.is-column .liquid-frame-mark{stroke:#fff}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-frame.is-column .liquid-frame-mark{stroke:color-mix(in srgb,white 62%,var(--liquid-color) 22%)}}.liquid-gauge-frame.is-crystal .liquid-frame-facet{stroke-dasharray:16 9;animation:ys-liquid-dash var(--liquid-reticle-ms,3.776s) linear infinite}.liquid-gauge-frame.is-lens .liquid-frame-refraction{animation:ys-liquid-panel-breathe var(--liquid-pulse-ms,4s) ease-in-out infinite}.liquid-gauge-vessel{fill:#fff}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-vessel{fill:color-mix(in srgb,white 6%,var(--liquid-color) 6%)}}.liquid-gauge-vessel{stroke:#fff}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-vessel{stroke:color-mix(in srgb,white 36%,var(--liquid-color) 48%)}}.liquid-gauge-vessel{stroke-width:1.75px;vector-effect:non-scaling-stroke;opacity:.82;filter:drop-shadow(0 0 5px var(--liquid-color)) drop-shadow(0 8px 9px #00000047)}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-vessel{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--liquid-color) 34%,transparent)) drop-shadow(0 8px 9px #00000047)}}.liquid-gauge-fill{opacity:var(--liquid-fill-opacity,.72);filter:drop-shadow(0 0 9px var(--liquid-color)) saturate(1.18)}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-fill{filter:drop-shadow(0 0 9px color-mix(in srgb,var(--liquid-color) 52%,transparent)) saturate(1.18)}}.liquid-gauge-wave{opacity:var(--liquid-wave-opacity,.82);transform-origin:50%;animation:ys-liquid-wave var(--liquid-wave-ms,3.2s) linear infinite;filter:drop-shadow(0 -2px 4px #ffffff42)}.liquid-gauge-wave.is-back{opacity:.36;animation-direction:reverse}.liquid-gauge-surface{fill:#fff}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-surface{fill:color-mix(in srgb,white 54%,var(--liquid-color) 46%)}}.liquid-gauge-surface{stroke:#fff}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-surface{stroke:color-mix(in srgb,white 82%,var(--liquid-color) 18%)}}.liquid-gauge-surface{stroke-width:.9px;opacity:calc(var(--liquid-wave-opacity,.82) * .72);transform-origin:50%;animation:ys-liquid-surface var(--liquid-wave-ms,3.2s) ease-in-out infinite;filter:drop-shadow(0 0 6px var(--liquid-color))}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-surface{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--liquid-color) 44%,transparent))}}.liquid-gauge-surface.is-back{fill:var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-surface.is-back{fill:color-mix(in srgb,var(--liquid-color) 72%,transparent)}}.liquid-gauge-surface.is-back{stroke:none;opacity:.24;animation-delay:-.62s}.liquid-gauge-bubble{fill:#fff}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-bubble{fill:color-mix(in srgb,white 76%,var(--liquid-color) 24%)}}.liquid-gauge-bubble{opacity:.76;transform-origin:50%;animation:ys-liquid-bubble var(--liquid-wave-ms,3.2s) ease-in-out infinite}.liquid-gauge-bubble.is-two{opacity:.58;animation-delay:-.64s}.liquid-gauge-bubble.is-three{opacity:.46;animation-delay:-1.08s}.liquid-gauge-glass{fill:#ffffff12;stroke:#fff}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-glass{stroke:color-mix(in srgb,white 58%,var(--liquid-color) 22%)}}.liquid-gauge-glass{stroke-width:1.55px;opacity:var(--liquid-glass-opacity,.72);vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px var(--liquid-color))}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-glass{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--liquid-color) 24%,transparent))}}.liquid-gauge-shine{fill:none;stroke:#fff;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;opacity:var(--liquid-shine-opacity,.22);pointer-events:none;filter:blur(.05px)drop-shadow(0 0 3px #ffffff80)}.liquid-gauge-segments{stroke:#fff}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-segments{stroke:color-mix(in srgb,white 38%,var(--liquid-color) 30%)}}.liquid-gauge-segments{stroke-width:1.2px;opacity:var(--liquid-segment-opacity,.44);pointer-events:none}.liquid-gauge-ring-core{fill:var(--surface-elev)}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-ring-core{fill:color-mix(in srgb,var(--surface-elev) 74%,black 5%)}}.liquid-gauge-ring-core{stroke:var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-ring-core{stroke:color-mix(in srgb,var(--liquid-color) 22%,var(--border-subtle))}}.liquid-gauge-ring-core{stroke-width:1.2px}.liquid-gauge-tech{fill:none;stroke:var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-tech{stroke:color-mix(in srgb,var(--liquid-color) 78%,white 8%)}}.liquid-gauge-tech{stroke-linecap:round;stroke-linejoin:round;pointer-events:none;filter:drop-shadow(0 0 5px var(--liquid-color))}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-tech{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--liquid-color) var(--liquid-svg-glow-mix,18%),transparent))}}.liquid-tech-orbit,.liquid-tech-halo,.liquid-tech-grid,.liquid-tech-facet,.liquid-tech-signal,.liquid-tech-spine,.liquid-tech-rail,.liquid-tech-lane,.liquid-tech-ladder,.liquid-tech-brace,.liquid-tech-tick,.liquid-tech-reticle{stroke:var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){.liquid-tech-orbit,.liquid-tech-halo,.liquid-tech-grid,.liquid-tech-facet,.liquid-tech-signal,.liquid-tech-spine,.liquid-tech-rail,.liquid-tech-lane,.liquid-tech-ladder,.liquid-tech-brace,.liquid-tech-tick,.liquid-tech-reticle{stroke:color-mix(in srgb,var(--liquid-color) 82%,white 12%)}}.liquid-tech-orbit,.liquid-tech-halo,.liquid-tech-grid,.liquid-tech-facet,.liquid-tech-signal,.liquid-tech-spine,.liquid-tech-rail,.liquid-tech-lane,.liquid-tech-ladder,.liquid-tech-brace,.liquid-tech-tick,.liquid-tech-reticle{stroke-width:1.15px;opacity:calc(var(--liquid-hud-opacity,.36) + .18);vector-effect:non-scaling-stroke}.liquid-tech-panel{fill:var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){.liquid-tech-panel{fill:color-mix(in srgb,var(--liquid-color) 11%,transparent)}}.liquid-tech-panel{stroke:var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){.liquid-tech-panel{stroke:color-mix(in srgb,var(--liquid-color) 34%,white 8%)}}.liquid-tech-panel{stroke-width:.9px;opacity:var(--liquid-panel-opacity,.32);vector-effect:non-scaling-stroke}.liquid-tech-sweep{fill:var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){.liquid-tech-sweep{fill:color-mix(in srgb,var(--liquid-color) 24%,transparent)}}.liquid-tech-sweep{stroke:none;opacity:calc(var(--liquid-hud-opacity,.36) + .08);transform-origin:50px 50px;animation:ys-liquid-sweep var(--liquid-sweep-ms,6.08s) linear infinite}.liquid-tech-node,.liquid-tech-packet,.liquid-tech-cell,.liquid-tech-core,.liquid-tech-prism,.liquid-tech-spark{fill:var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){.liquid-tech-node,.liquid-tech-packet,.liquid-tech-cell,.liquid-tech-core,.liquid-tech-prism,.liquid-tech-spark{fill:color-mix(in srgb,var(--liquid-color) 88%,white 12%)}}.liquid-tech-node,.liquid-tech-packet,.liquid-tech-cell,.liquid-tech-core,.liquid-tech-prism,.liquid-tech-spark{opacity:calc(var(--liquid-hud-opacity,.36) + .28);filter:drop-shadow(0 0 5px var(--liquid-color))}@supports (color:color-mix(in lab,red,red)){.liquid-tech-node,.liquid-tech-packet,.liquid-tech-cell,.liquid-tech-core,.liquid-tech-prism,.liquid-tech-spark{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--liquid-color) 56%,transparent))}}.liquid-tech-node,.liquid-tech-core,.liquid-tech-prism,.liquid-tech-spark{animation:ys-liquid-node-pulse var(--liquid-pulse-ms,4s) ease-in-out infinite}.liquid-tech-node.is-two{animation-delay:-.52s}.liquid-tech-node.is-three{animation-delay:-1.04s}.liquid-tech-signal,.liquid-tech-lane,.liquid-tech-ladder,.liquid-tech-brace{stroke-dasharray:7 6;animation:ys-liquid-dash var(--liquid-drift-ms,5.5s) linear infinite}.liquid-gauge-tech.is-sphere .liquid-tech-orbit{stroke-dasharray:18 9 4 7;transform-origin:50px 50px;animation:ys-liquid-orbit var(--liquid-orbit-ms,5.12s) linear infinite}.liquid-gauge-tech.is-sphere .liquid-tech-halo{stroke-dasharray:3 6 14 9;animation:ys-liquid-dash var(--liquid-drift-ms,5.5s) linear infinite}.liquid-gauge-tech.is-sphere .liquid-tech-halo.is-inner{stroke-dasharray:10 8;opacity:calc(var(--liquid-hud-opacity,.36) + .04);animation-direction:reverse}.liquid-gauge-tech.is-sphere .liquid-tech-orbit.is-b{opacity:calc(var(--liquid-hud-opacity,.36) + .08);animation-direction:reverse}.liquid-gauge-tech.is-sphere .liquid-tech-orbit.is-c{animation-duration:var(--liquid-drift-ms,5.5s);opacity:calc(var(--liquid-hud-opacity,.36) + .02)}.liquid-gauge-tech.is-capsule .liquid-tech-rail{stroke-dasharray:2 5;animation:ys-liquid-dash var(--liquid-rail-ms,2.88s) linear infinite}.liquid-gauge-tech.is-capsule .liquid-tech-rail.is-bottom{animation-direction:reverse}.liquid-gauge-tech.is-capsule .liquid-tech-packet,.liquid-gauge-tech.is-segmented .liquid-tech-packet{animation:ys-liquid-packet-x var(--liquid-wave-ms,3.2s) ease-in-out infinite}.liquid-gauge-tech.is-capsule .liquid-tech-packet.is-two{animation-direction:reverse;animation-delay:-.7s}.liquid-gauge-tech.is-capsule .liquid-tech-packet.is-three{animation:ys-liquid-packet-x var(--liquid-drift-ms,5.5s) ease-in-out infinite reverse;animation-delay:-.36s}.liquid-gauge-tech.is-capsule .liquid-tech-panel,.liquid-gauge-tech.is-segmented .liquid-tech-panel{animation:ys-liquid-panel-breathe var(--liquid-pulse-ms,4s) ease-in-out infinite}.liquid-gauge-tech.is-column .liquid-tech-tick{stroke-width:1px;opacity:calc(var(--liquid-hud-opacity,.36) + .26)}.liquid-gauge-tech.is-column .liquid-tech-spine{stroke-dasharray:6 5;stroke-width:1.4px;animation:ys-liquid-dash var(--liquid-spine-ms,2.624s) linear infinite reverse}.liquid-gauge-tech.is-column .liquid-tech-packet{animation:ys-liquid-packet-y var(--liquid-wave-ms,3.2s) ease-in-out infinite}.liquid-gauge-tech.is-column .liquid-tech-packet.is-two{animation-direction:reverse;animation-delay:-.82s}.liquid-gauge-tech.is-column .liquid-tech-panel{fill:var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-tech.is-column .liquid-tech-panel{fill:color-mix(in srgb,var(--liquid-color) 8%,transparent)}}.liquid-gauge-tech.is-lens .liquid-tech-grid{opacity:calc(var(--liquid-hud-opacity,.36) + .12)}.liquid-gauge-tech.is-lens .liquid-tech-reticle{stroke-dasharray:6 4;animation:ys-liquid-dash var(--liquid-reticle-ms,3.776s) linear infinite}.liquid-gauge-tech.is-lens .liquid-tech-reticle.is-outer{stroke-dasharray:2 7 10 8;opacity:calc(var(--liquid-hud-opacity,.36) + .04);animation-direction:reverse}.liquid-gauge-tech.is-lens .liquid-tech-panel{fill:var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-tech.is-lens .liquid-tech-panel{fill:color-mix(in srgb,var(--liquid-color) 9%,transparent)}}.liquid-gauge-tech.is-segmented .liquid-tech-cell{stroke:#fff}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-tech.is-segmented .liquid-tech-cell{stroke:color-mix(in srgb,white 24%,var(--liquid-color) 76%)}}.liquid-gauge-tech.is-segmented .liquid-tech-cell{stroke-width:.8px;animation:ys-liquid-cell-flicker var(--liquid-cell-ms,3.648s) ease-in-out infinite}.liquid-gauge-tech.is-segmented .liquid-tech-cell.is-active{fill:var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-tech.is-segmented .liquid-tech-cell.is-active{fill:color-mix(in srgb,var(--liquid-color) 80%,white 8%)}}.liquid-gauge-tech.is-segmented .liquid-tech-cell.is-active{stroke:#fff}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-tech.is-segmented .liquid-tech-cell.is-active{stroke:color-mix(in srgb,white 34%,var(--liquid-color) 66%)}}.liquid-gauge-tech.is-segmented .liquid-tech-cell:nth-child(2n){animation-delay:-.42s}.liquid-gauge-tech.is-crystal .liquid-tech-facet{stroke-width:1px;opacity:calc(var(--liquid-hud-opacity,.36) + .2)}.liquid-gauge-tech.is-crystal .liquid-tech-core{fill:var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-tech.is-crystal .liquid-tech-core{fill:color-mix(in srgb,var(--liquid-color) 18%,transparent)}}.liquid-gauge-tech.is-crystal .liquid-tech-core{stroke:var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-tech.is-crystal .liquid-tech-core{stroke:color-mix(in srgb,var(--liquid-color) 66%,white 8%)}}.liquid-gauge-tech.is-crystal .liquid-tech-core{stroke-width:1.2px;transform-origin:50px 50px}.liquid-gauge-tech.is-crystal .liquid-tech-prism{fill:#fff}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-tech.is-crystal .liquid-tech-prism{fill:color-mix(in srgb,white 8%,var(--liquid-color) 26%)}}.liquid-gauge-tech.is-crystal .liquid-tech-prism{stroke:#fff}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-tech.is-crystal .liquid-tech-prism{stroke:color-mix(in srgb,white 28%,var(--liquid-color) 72%)}}.liquid-gauge-tech.is-crystal .liquid-tech-prism{stroke-width:.9px;transform-origin:50px 50px;animation-duration:var(--liquid-reticle-ms,3.776s)}.liquid-gauge-tech.is-crystal .liquid-tech-sweep{opacity:calc(var(--liquid-hud-opacity,.36) + .02)}.liquid-gauge-tech.is-drop .liquid-tech-orbit{stroke-dasharray:10 7;transform-origin:50px 58px;animation:ys-liquid-orbit var(--liquid-drop-orbit-ms,4.544s) linear infinite}.liquid-gauge-tech.is-drop .liquid-tech-orbit.is-b{opacity:calc(var(--liquid-texture-opacity,.28) + .1);animation-direction:reverse}.liquid-gauge-tech.is-drop .liquid-tech-spark{fill:var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-tech.is-drop .liquid-tech-spark{fill:color-mix(in srgb,var(--liquid-color) 14%,transparent)}}.liquid-gauge-tech.is-drop .liquid-tech-spark{stroke:var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-tech.is-drop .liquid-tech-spark{stroke:color-mix(in srgb,var(--liquid-color) 68%,white 8%)}}.liquid-gauge-tech.is-drop .liquid-tech-spark{stroke-width:1px}.liquid-gauge-tech.is-ring .liquid-tech-orbit{stroke-dasharray:2.4 6.2;animation:ys-liquid-dash var(--liquid-orbit-ms,5.12s) linear infinite}.liquid-gauge-tech.is-ring .liquid-tech-orbit.is-b{stroke-dasharray:12 9;opacity:calc(var(--liquid-texture-opacity,.28) + .1);animation-direction:reverse}.liquid-gauge-tech.is-ring .liquid-tech-signal{fill:var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-tech.is-ring .liquid-tech-signal{fill:color-mix(in srgb,var(--liquid-color) 13%,transparent)}}.liquid-gauge-tech.is-ring .liquid-tech-signal{stroke-width:1px;animation:ys-liquid-node-pulse var(--liquid-ring-node-ms,4.48s) ease-in-out infinite}.liquid-gauge[data-shape=capsule],.liquid-gauge[data-shape=segmented]{border-radius:14px}.liquid-gauge[data-shape=sphere]{background:radial-gradient(circle at 50% 43%,var(--liquid-color) 0%,transparent 46%),radial-gradient(circle at 28% 16%,#ffffff29 0%,transparent 28%),linear-gradient(145deg,var(--liquid-color),transparent 44%),var(--surface-elev);border-radius:18px}@supports (color:color-mix(in lab,red,red)){.liquid-gauge[data-shape=sphere]{background:radial-gradient(circle at 50% 43%,color-mix(in srgb,var(--liquid-color) 24%,transparent) 0%,transparent 46%),radial-gradient(circle at 28% 16%,#ffffff29 0%,transparent 28%),linear-gradient(145deg,color-mix(in srgb,var(--liquid-color) 12%,transparent),transparent 44%),color-mix(in srgb,var(--surface-elev) 80%,transparent)}}.liquid-gauge[data-shape=capsule]{background:radial-gradient(ellipse at 50% 50%,#ffffff1c 0%,transparent 62%),linear-gradient(90deg,var(--liquid-color),transparent 28% 72%,var(--liquid-color)),radial-gradient(circle at 50% 0%,#ffffff1a 0%,transparent 34%),var(--surface-elev)}@supports (color:color-mix(in lab,red,red)){.liquid-gauge[data-shape=capsule]{background:radial-gradient(ellipse at 50% 50%,#ffffff1c 0%,transparent 62%),linear-gradient(90deg,color-mix(in srgb,var(--liquid-color) 12%,transparent),transparent 28% 72%,color-mix(in srgb,var(--liquid-color) 10%,transparent)),radial-gradient(circle at 50% 0%,#ffffff1a 0%,transparent 34%),color-mix(in srgb,var(--surface-elev) 80%,transparent)}}.liquid-gauge[data-shape=segmented]{background:repeating-linear-gradient(90deg,var(--liquid-color) 0 1px,transparent 1px 11px),linear-gradient(90deg,var(--liquid-color),transparent 26% 74%,var(--liquid-color)),var(--surface-elev)}@supports (color:color-mix(in lab,red,red)){.liquid-gauge[data-shape=segmented]{background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--liquid-color) 10%,transparent) 0 1px,transparent 1px 11px),linear-gradient(90deg,color-mix(in srgb,var(--liquid-color) 12%,transparent),transparent 26% 74%,color-mix(in srgb,var(--liquid-color) 10%,transparent)),color-mix(in srgb,var(--surface-elev) 80%,transparent)}}.liquid-gauge[data-shape=capsule] .liquid-gauge-svg,.liquid-gauge[data-shape=segmented] .liquid-gauge-svg{width:min(116px,100%);height:64px;margin-top:8px}.liquid-gauge[data-shape=capsule] .liquid-gauge-value,.liquid-gauge[data-shape=segmented] .liquid-gauge-value{margin-top:-41px}.liquid-gauge[data-shape=capsule] .liquid-gauge-foot,.liquid-gauge[data-shape=segmented] .liquid-gauge-foot{margin-top:20px}.liquid-gauge[data-shape=column] .liquid-gauge-svg{width:min(78px,100%);height:84px;margin-top:-1px}.liquid-gauge[data-shape=column]{background:radial-gradient(ellipse at 50% 12%,#ffffff21 0%,transparent 36%),linear-gradient(90deg,transparent 0 18%,var(--liquid-color) 32% 68%,transparent 82% 100%),repeating-linear-gradient(0deg,var(--liquid-color) 0 1px,transparent 1px 12px),var(--surface-elev);border-radius:18px}@supports (color:color-mix(in lab,red,red)){.liquid-gauge[data-shape=column]{background:radial-gradient(ellipse at 50% 12%,#ffffff21 0%,transparent 36%),linear-gradient(90deg,transparent 0 18%,color-mix(in srgb,var(--liquid-color) 12%,transparent) 32% 68%,transparent 82% 100%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--liquid-color) 10%,transparent) 0 1px,transparent 1px 12px),color-mix(in srgb,var(--surface-elev) 80%,transparent)}}.liquid-gauge[data-shape=column] .liquid-gauge-value{margin-top:-52px}.liquid-gauge[data-shape=column] .liquid-gauge-foot{margin-top:26px}.liquid-gauge[data-shape=lens] .liquid-gauge-svg{width:min(112px,100%);height:66px;margin-top:7px}.liquid-gauge[data-shape=lens]{background:radial-gradient(ellipse at 50% 46%,var(--liquid-color) 0%,transparent 58%),radial-gradient(ellipse at 50% 52%,#ffffff1a 0%,transparent 48%),linear-gradient(110deg,#ffffff14,transparent 40%),var(--surface-elev);border-radius:18px}@supports (color:color-mix(in lab,red,red)){.liquid-gauge[data-shape=lens]{background:radial-gradient(ellipse at 50% 46%,color-mix(in srgb,var(--liquid-color) 21%,transparent) 0%,transparent 58%),radial-gradient(ellipse at 50% 52%,#ffffff1a 0%,transparent 48%),linear-gradient(110deg,#ffffff14,transparent 40%),color-mix(in srgb,var(--surface-elev) 80%,transparent)}}.liquid-gauge[data-shape=lens] .liquid-gauge-value{margin-top:-42px}.liquid-gauge[data-shape=lens] .liquid-gauge-foot{margin-top:20px}.liquid-gauge[data-shape=crystal]{background:conic-gradient(from 30deg at 50% 48%,var(--liquid-color),transparent 17%,#ffffff1a 31%,transparent 44%,var(--liquid-color),transparent 72%),radial-gradient(circle at 50% 10%,var(--liquid-color) 0%,transparent 64%),var(--surface-elev);border-radius:13px}@supports (color:color-mix(in lab,red,red)){.liquid-gauge[data-shape=crystal]{background:conic-gradient(from 30deg at 50% 48%,color-mix(in srgb,var(--liquid-color) 16%,transparent),transparent 17%,#ffffff1a 31%,transparent 44%,color-mix(in srgb,var(--liquid-color) 18%,transparent),transparent 72%),radial-gradient(circle at 50% 10%,color-mix(in srgb,var(--liquid-color) 22%,transparent) 0%,transparent 64%),color-mix(in srgb,var(--surface-elev) 78%,transparent)}}.liquid-gauge[data-shape=crystal] .liquid-gauge-vessel,.liquid-gauge[data-shape=crystal] .liquid-gauge-glass{stroke-linejoin:round}.liquid-gauge[data-shape=drop] .liquid-gauge-svg{height:80px;margin-top:-1px}.liquid-gauge[data-shape=drop] .liquid-gauge-value{margin-top:-50px}.liquid-gauge[data-shape=drop] .liquid-gauge-foot{margin-top:24px}.liquid-gauge[data-shape=ring] .liquid-gauge-svg{width:min(90px,100%);height:74px}.liquid-gauge[data-shape=ring] .liquid-gauge-fill{opacity:var(--liquid-fill-opacity,.78)}.liquid-gauge[data-shape=ring] .liquid-gauge-surface{opacity:calc(var(--liquid-wave-opacity,.82) * .46)}.liquid-gauge[data-shape=ring] .liquid-gauge-shine{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round}.liquid-gauge[data-shape=ring] .liquid-gauge-value{margin-top:-47px}.liquid-gauge[data-shape=ring] .liquid-gauge-foot{margin-top:25px}.liquid-gauge-value{z-index:2;min-width:0;height:18px;color:var(--text-primary);text-shadow:0 1px 8px var(--surface);justify-content:center;align-items:baseline;gap:2px;margin-top:-45px;font-size:16px;font-weight:800;line-height:1;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-value{text-shadow:0 1px 8px color-mix(in srgb,var(--surface) 70%,transparent)}}.liquid-gauge-unit{color:var(--text-tertiary)}@supports (color:color-mix(in lab,red,red)){.liquid-gauge-unit{color:color-mix(in srgb,var(--text-tertiary) 82%,var(--liquid-color))}}.liquid-gauge-unit{font-size:9px;font-weight:680}.liquid-gauge-foot{z-index:1;min-width:0;max-width:100%;color:var(--text-tertiary);white-space:nowrap;justify-content:center;margin-top:23px;font-size:10px;font-weight:680;line-height:1;display:flex;position:relative}.liquid-gauge-foot span{text-overflow:ellipsis;min-width:0;overflow:hidden}@keyframes ys-liquid-card-scan{0%,18%{opacity:0;transform:translate(-86%)}42%{opacity:var(--liquid-panel-opacity,.32)}72%,to{opacity:0;transform:translate(86%)}}@keyframes ys-liquid-wave{0%{transform:translate(-11px)translateY(0)scaleY(1)}50%{transform:translate(0)translateY(-1.2px)scaleY(1.04)}to{transform:translate(11px)translateY(0)scaleY(1)}}@keyframes ys-liquid-surface{0%,to{transform:translate(-2px)scaleX(.96)}50%{transform:translate(2px)scaleX(1.08)}}@keyframes ys-liquid-bubble{0%,to{opacity:.42;transform:translateY(4px)scale(.82)}50%{opacity:.88;transform:translateY(-5px)scale(1.06)}}@keyframes ys-liquid-orbit{to{transform:rotate(360deg)}}@keyframes ys-liquid-sweep{to{transform:rotate(360deg)}}@keyframes ys-liquid-dash{to{stroke-dashoffset:-80px}}@keyframes ys-liquid-packet-x{0%,to{opacity:.34;transform:translate(-8px)}50%{opacity:.92;transform:translate(20px)}}@keyframes ys-liquid-packet-y{0%,to{opacity:.34;transform:translateY(8px)}50%{opacity:.92;transform:translateY(-24px)}}@keyframes ys-liquid-node-pulse{0%,to{opacity:calc(var(--liquid-texture-opacity,.28) + .22);transform:scale(.92)}50%{opacity:calc(var(--liquid-texture-opacity,.28) + .5);transform:scale(1.08)}}@keyframes ys-liquid-cell-flicker{0%,to{filter:brightness(.9)}50%{filter:brightness(1.32)}}@keyframes ys-liquid-panel-breathe{0%,to{opacity:var(--liquid-panel-opacity,.32)}50%{opacity:calc(var(--liquid-panel-opacity,.32) + .18)}}@keyframes ys-liquid-preview-scan{0%{background-position:-48px 0,0 0}to{background-position:48px 0,0 12px}}.server-health-chart-wrap{position:relative}.server-health-tooltip{z-index:16;border:1px solid var(--border-strong);min-width:140px;max-width:220px;position:absolute;bottom:calc(100% + 8px);left:0}@supports (color:color-mix(in lab,red,red)){.server-health-tooltip{border:1px solid color-mix(in srgb,var(--border-strong) 86%,black 14%)}}.server-health-tooltip{background:var(--surface-elev);border-radius:12px}@supports (color:color-mix(in lab,red,red)){.server-health-tooltip{background:color-mix(in srgb,var(--surface-elev) 98%,black 2%)}}.server-health-tooltip{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:9px 10px;box-shadow:0 20px 40px -22px #000000b8,0 8px 18px -14px #00000080}.server-health-value,.server-card-meta-value{letter-spacing:-.03em;flex:none;font-size:16px;font-weight:640}.mini-bar-row{width:100%;height:16px;display:block}.server-card-footer{border-top:1px solid var(--hairline);flex-direction:column;gap:12px;padding-top:12px;display:flex}.server-card-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.dstatus-tags-row{flex-wrap:wrap;align-items:center;gap:.375rem;min-width:0;padding-top:.125rem;display:flex}.dstatus-tag-chip{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;border-radius:8px;flex:0 auto;min-width:0;max-width:10rem;padding:.38rem .62rem;font-size:11px;font-weight:600;line-height:1.15;overflow:hidden}.dstatus-tag-more{background:var(--tag-gray-bg);color:var(--tag-gray-fg);border-radius:8px;flex:none;padding:.38rem .62rem;font-size:11px;line-height:1.15}.dstatus-tag-add{color:var(--text-tertiary);border-radius:6px;flex:none;align-items:center;gap:.25rem;padding:.3rem .5rem .3rem .375rem;font-size:11px;line-height:1.15;transition:color .16s,background .16s;display:inline-flex}.dstatus-tag-add:hover{color:var(--text-primary);background:var(--fill-tertiary)}:root[data-card-style=glass] .server-card{border-color:#fff}@supports (color:color-mix(in lab,red,red)){:root[data-card-style=glass] .server-card{border-color:color-mix(in srgb,white 34%,var(--border))}}:root[data-card-style=glass] .server-card{background:radial-gradient(circle at 10% 0%,var(--ys-marquee-up,var(--progress-cpu)) 0%,transparent 44%),var(--surface)}@supports (color:color-mix(in lab,red,red)){:root[data-card-style=glass] .server-card{background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--ys-marquee-up,var(--progress-cpu)) 13%,transparent) 0%,transparent 44%),color-mix(in srgb,var(--surface) 58%,transparent)}}:root[data-card-style=glass] .server-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 26px 58px -42px #0000009e,inset 0 1px #ffffff47}:root[data-card-style=glass] .card-metric-section,:root[data-card-style=glass] .metric-detail,:root[data-card-style=glass] .traffic-stat-foot,:root[data-card-style=glass] .traffic-quota-mode,:root[data-card-style=glass] .strip-card-stat,:root[data-card-style=glass] .strip-card-metric-bar,:root[data-card-style=glass] .radar-gauge,:root[data-card-style=glass] .liquid-gauge,:root[data-card-style=glass] .traffic-quota,:root[data-card-style=glass] .server-health-placeholder,:root[data-card-style=glass] .dstatus-tag-more{background:var(--surface-elev)}@supports (color:color-mix(in lab,red,red)){:root[data-card-style=glass] .card-metric-section,:root[data-card-style=glass] .metric-detail,:root[data-card-style=glass] .traffic-stat-foot,:root[data-card-style=glass] .traffic-quota-mode,:root[data-card-style=glass] .strip-card-stat,:root[data-card-style=glass] .strip-card-metric-bar,:root[data-card-style=glass] .radar-gauge,:root[data-card-style=glass] .liquid-gauge,:root[data-card-style=glass] .traffic-quota,:root[data-card-style=glass] .server-health-placeholder,:root[data-card-style=glass] .dstatus-tag-more{background:color-mix(in srgb,var(--surface-elev) 48%,transparent)}}:root[data-card-style=glass] .liquid-gauge{border-color:#fff}@supports (color:color-mix(in lab,red,red)){:root[data-card-style=glass] .liquid-gauge{border-color:color-mix(in srgb,white 38%,var(--liquid-color) 24%)}}:root[data-card-style=glass] .liquid-gauge{background:radial-gradient(circle at 20% 8%,#ffffff2e 0%,transparent 32%),radial-gradient(circle at 80% 12%,var(--liquid-color) 0%,transparent 36%),var(--surface-elev)}@supports (color:color-mix(in lab,red,red)){:root[data-card-style=glass] .liquid-gauge{background:radial-gradient(circle at 20% 8%,#ffffff2e 0%,transparent 32%),radial-gradient(circle at 80% 12%,color-mix(in srgb,var(--liquid-color) 18%,transparent) 0%,transparent 36%),color-mix(in srgb,var(--surface-elev) 36%,transparent)}}:root[data-card-style=glass] .liquid-gauge{box-shadow:inset 0 1px #ffffff5c,inset 0 -20px 34px var(--liquid-color),0 18px 34px -26px var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){:root[data-card-style=glass] .liquid-gauge{box-shadow:inset 0 1px #ffffff5c,inset 0 -20px 34px color-mix(in srgb,var(--liquid-color) 10%,transparent),0 18px 34px -26px color-mix(in srgb,var(--liquid-color) 44%,black)}}:root[data-card-style=glass] .liquid-gauge-vessel,:root[data-card-style=glass] .liquid-gauge-glass,:root[data-card-style=glass] .liquid-frame-rim{stroke:#fff}@supports (color:color-mix(in lab,red,red)){:root[data-card-style=glass] .liquid-gauge-vessel,:root[data-card-style=glass] .liquid-gauge-glass,:root[data-card-style=glass] .liquid-frame-rim{stroke:color-mix(in srgb,white 62%,var(--liquid-color) 28%)}}:root[data-dashboard-style=arc] .server-card.is-dashboard-card .server-card-content,:root[data-dashboard-style=ring] .server-card.is-dashboard-card .server-card-content,:root[data-dashboard-style=dial] .server-card.is-dashboard-card .server-card-content,:root[data-dashboard-style=liquid] .server-card.is-dashboard-card .server-card-content{gap:16px}:root[data-card-style=neon] .server-card{border-color:var(--ys-marquee-down,#06b6d4)}@supports (color:color-mix(in lab,red,red)){:root[data-card-style=neon] .server-card{border-color:color-mix(in srgb,var(--ys-marquee-down,#06b6d4) 54%,#172033)}}:root[data-card-style=neon] .server-card{background:radial-gradient(circle at 8% -4%,var(--ys-marquee-up,#a855f7) 0%,transparent 38%),radial-gradient(circle at 92% 0%,var(--ys-marquee-peak,#fb7185) 0%,transparent 34%),linear-gradient(145deg,#07111d,#110d22 54%,#070a12)}@supports (color:color-mix(in lab,red,red)){:root[data-card-style=neon] .server-card{background:radial-gradient(circle at 8% -4%,color-mix(in srgb,var(--ys-marquee-up,#a855f7) 24%,transparent) 0%,transparent 38%),radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--ys-marquee-peak,#fb7185) 18%,transparent) 0%,transparent 34%),linear-gradient(145deg,#07111d,#110d22 54%,#070a12)}}:root[data-card-style=neon] .server-card{box-shadow:0 0 0 1px var(--ys-marquee-peak,#fb7185),0 24px 52px -34px var(--ys-marquee-down,#06b6d4),inset 0 1px #ffffff14}@supports (color:color-mix(in lab,red,red)){:root[data-card-style=neon] .server-card{box-shadow:0 0 0 1px color-mix(in srgb,var(--ys-marquee-peak,#fb7185) 16%,transparent),0 24px 52px -34px color-mix(in srgb,var(--ys-marquee-down,#06b6d4) 48%,black),inset 0 1px #ffffff14}}:root[data-card-style=neon] .server-card-title-link,:root[data-card-style=neon] .strip-card-stat-value,:root[data-card-style=neon] .traffic-stat-value,:root[data-card-style=neon] .traffic-quota-value,:root[data-card-style=neon] .server-health-value,:root[data-card-style=neon] .server-card-meta-value{color:#edf7ff}:root[data-card-style=neon] .server-card-subtitle,:root[data-card-style=neon] .strip-card-metric-label,:root[data-card-style=neon] .strip-card-stat-label,:root[data-card-style=neon] .strip-card-metric-detail,:root[data-card-style=neon] .traffic-stat-label,:root[data-card-style=neon] .server-health-label,:root[data-card-style=neon] .server-card-meta-label,:root[data-card-style=neon] .traffic-stat-foot,:root[data-card-style=neon] .traffic-quota-mode,:root[data-card-style=neon] .traffic-quota-separator{color:#9db4c8}:root[data-card-style=neon] .metric-detail,:root[data-card-style=neon] .traffic-stat-foot,:root[data-card-style=neon] .traffic-quota-mode,:root[data-card-style=neon] .server-card-detail-link,:root[data-card-style=neon] .strip-card-stat,:root[data-card-style=neon] .strip-card-metric-bar,:root[data-card-style=neon] .liquid-gauge,:root[data-card-style=neon] .traffic-quota,:root[data-card-style=neon] .server-health-placeholder,:root[data-card-style=neon] .dstatus-tag-more{border-color:var(--ys-marquee-down,#06b6d4)}@supports (color:color-mix(in lab,red,red)){:root[data-card-style=neon] .metric-detail,:root[data-card-style=neon] .traffic-stat-foot,:root[data-card-style=neon] .traffic-quota-mode,:root[data-card-style=neon] .server-card-detail-link,:root[data-card-style=neon] .strip-card-stat,:root[data-card-style=neon] .strip-card-metric-bar,:root[data-card-style=neon] .liquid-gauge,:root[data-card-style=neon] .traffic-quota,:root[data-card-style=neon] .server-health-placeholder,:root[data-card-style=neon] .dstatus-tag-more{border-color:color-mix(in srgb,var(--ys-marquee-down,#06b6d4) 28%,transparent)}}:root[data-card-style=neon] .metric-detail,:root[data-card-style=neon] .traffic-stat-foot,:root[data-card-style=neon] .traffic-quota-mode,:root[data-card-style=neon] .server-card-detail-link,:root[data-card-style=neon] .strip-card-stat,:root[data-card-style=neon] .strip-card-metric-bar,:root[data-card-style=neon] .liquid-gauge,:root[data-card-style=neon] .traffic-quota,:root[data-card-style=neon] .server-health-placeholder,:root[data-card-style=neon] .dstatus-tag-more{color:#b9d7e8;background:#08101ead}:root[data-card-style=neon] .liquid-gauge{background:radial-gradient(circle at 22% 0%,var(--liquid-color) 0%,transparent 42%),linear-gradient(145deg,#061222eb,#100a1ed1)}@supports (color:color-mix(in lab,red,red)){:root[data-card-style=neon] .liquid-gauge{background:radial-gradient(circle at 22% 0%,color-mix(in srgb,var(--liquid-color) 28%,transparent) 0%,transparent 42%),linear-gradient(145deg,#061222eb,#100a1ed1)}}:root[data-card-style=neon] .liquid-gauge{box-shadow:inset 0 0 0 1px var(--liquid-color),0 0 22px var(--liquid-color),0 18px 34px -24px var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){:root[data-card-style=neon] .liquid-gauge{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--liquid-color) 14%,transparent),0 0 22px color-mix(in srgb,var(--liquid-color) 20%,transparent),0 18px 34px -24px color-mix(in srgb,var(--liquid-color) 68%,black)}}:root[data-card-style=neon] .liquid-gauge-frame,:root[data-card-style=neon] .liquid-gauge-tech{filter:drop-shadow(0 0 8px var(--liquid-color))}@supports (color:color-mix(in lab,red,red)){:root[data-card-style=neon] .liquid-gauge-frame,:root[data-card-style=neon] .liquid-gauge-tech{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--liquid-color) 52%,transparent))}}:root[data-card-style=soft] .server-card{border-color:var(--ys-marquee-up,var(--status-online))}@supports (color:color-mix(in lab,red,red)){:root[data-card-style=soft] .server-card{border-color:color-mix(in srgb,var(--ys-marquee-up,var(--status-online)) 26%,var(--border))}}:root[data-card-style=soft] .server-card{background:radial-gradient(circle at 12% 0%,var(--ys-marquee-peak,var(--status-warning)) 0%,transparent 34%),linear-gradient(135deg,var(--ys-marquee-up,var(--status-online)) 0%,var(--ys-marquee-down,var(--progress-cpu)) 100%)}@supports (color:color-mix(in lab,red,red)){:root[data-card-style=soft] .server-card{background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--ys-marquee-peak,var(--status-warning)) 13%,transparent) 0%,transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--ys-marquee-up,var(--status-online)) 13%,var(--surface)),color-mix(in srgb,var(--ys-marquee-down,var(--progress-cpu)) 10%,var(--surface)))}}:root[data-card-style=soft] .server-card{box-shadow:0 18px 44px -34px var(--ys-marquee-down,var(--progress-cpu)),inset 0 1px #fff3}@supports (color:color-mix(in lab,red,red)){:root[data-card-style=soft] .server-card{box-shadow:0 18px 44px -34px color-mix(in srgb,var(--ys-marquee-down,var(--progress-cpu)) 36%,black),inset 0 1px #fff3}}:root[data-card-style=soft] .metric-detail,:root[data-card-style=soft] .traffic-stat-foot,:root[data-card-style=soft] .traffic-quota-mode,:root[data-card-style=soft] .server-card-detail-link,:root[data-card-style=soft] .strip-card-stat,:root[data-card-style=soft] .strip-card-metric-bar,:root[data-card-style=soft] .radar-gauge,:root[data-card-style=soft] .liquid-gauge,:root[data-card-style=soft] .traffic-quota,:root[data-card-style=soft] .server-health-placeholder,:root[data-card-style=soft] .dstatus-tag-more{background:var(--ys-marquee-up,var(--status-online))}@supports (color:color-mix(in lab,red,red)){:root[data-card-style=soft] .metric-detail,:root[data-card-style=soft] .traffic-stat-foot,:root[data-card-style=soft] .traffic-quota-mode,:root[data-card-style=soft] .server-card-detail-link,:root[data-card-style=soft] .strip-card-stat,:root[data-card-style=soft] .strip-card-metric-bar,:root[data-card-style=soft] .radar-gauge,:root[data-card-style=soft] .liquid-gauge,:root[data-card-style=soft] .traffic-quota,:root[data-card-style=soft] .server-health-placeholder,:root[data-card-style=soft] .dstatus-tag-more{background:color-mix(in srgb,var(--ys-marquee-up,var(--status-online)) 9%,var(--surface-elev))}}:root[data-card-style=soft] .liquid-gauge{background:radial-gradient(circle at 24% 0%,#ffffff24 0%,transparent 30%),linear-gradient(150deg,var(--liquid-color),var(--ys-marquee-down,var(--progress-cpu)))}@supports (color:color-mix(in lab,red,red)){:root[data-card-style=soft] .liquid-gauge{background:radial-gradient(circle at 24% 0%,#ffffff24 0%,transparent 30%),linear-gradient(150deg,color-mix(in srgb,var(--liquid-color) 13%,var(--surface-elev)),color-mix(in srgb,var(--ys-marquee-down,var(--progress-cpu)) 7%,var(--surface-elev)))}}:root[data-card-style=minimal] .server-card{border-color:var(--hairline);background:var(--surface);box-shadow:none;border-radius:10px}:root[data-card-style=minimal] .server-card:hover{box-shadow:none;transform:none}:root[data-card-style=minimal] .server-card-content{padding:18px 18px 14px}:root[data-card-style=minimal] .server-card.is-strip-card .strip-card-content{padding:13px 14px}:root[data-card-style=minimal] .server-card:before{opacity:0}:root[data-card-style=minimal] .metric-detail,:root[data-card-style=minimal] .traffic-stat-foot,:root[data-card-style=minimal] .traffic-quota-mode,:root[data-card-style=minimal] .server-card-detail-link,:root[data-card-style=minimal] .strip-card-stat,:root[data-card-style=minimal] .strip-card-metric-bar,:root[data-card-style=minimal] .radar-gauge,:root[data-card-style=minimal] .liquid-gauge,:root[data-card-style=minimal] .traffic-quota,:root[data-card-style=minimal] .server-health-placeholder,:root[data-card-style=minimal] .dstatus-tag-more{box-shadow:none;border-radius:6px}:root[data-card-style=minimal] .liquid-gauge:before,:root[data-card-style=minimal] .liquid-gauge:after{opacity:.14}:root[data-card-style=minimal] .liquid-gauge-tech{opacity:.72}:root[data-card-style=crt] .server-card{isolation:isolate;background:radial-gradient(at 50% -8%,#7cffb22e,#0000 56%),radial-gradient(at 50% 112%,#134f374d,#0000 64%),linear-gradient(#06150f,#020806);border-color:#367a58;box-shadow:0 0 0 1px #7cffb212,0 22px 46px -32px #13ffa375,inset 0 0 34px #7cffb214,inset 0 -22px 44px #0000005c}:root[data-card-style=crt] .server-card:before{z-index:0;opacity:1;background:radial-gradient(#0000 46%,#00000057),linear-gradient(90deg,#ff24580d,#0000 18% 82%,#36e5ff0d);height:auto;inset:0}:root[data-card-style=crt] .server-card:after{content:"";z-index:2;pointer-events:none;opacity:.58;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#c1ffd814 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 3px);animation:5.8s linear infinite ys-crt-scan;position:absolute;inset:0}:root[data-card-style=crt] .server-card-content{z-index:1;position:relative}:root[data-card-style=crt] .offline-mask{z-index:10}:root[data-card-style=crt] .server-card-title-link,:root[data-card-style=crt] .strip-card-stat-value,:root[data-card-style=crt] .traffic-stat-value,:root[data-card-style=crt] .server-health-value,:root[data-card-style=crt] .server-card-meta-value,:root[data-card-style=crt] .radar-gauge-value,:root[data-card-style=crt] .liquid-gauge-value,:root[data-card-style=crt] .traffic-quota-value{color:#e4ffec;text-shadow:0 0 8px #7cffb26b,-.7px 0 #ff24582e,.7px 0 #36e5ff29}:root[data-card-style=crt] .server-card-subtitle,:root[data-card-style=crt] .strip-card-metric-label,:root[data-card-style=crt] .strip-card-stat-label,:root[data-card-style=crt] .strip-card-metric-detail,:root[data-card-style=crt] .traffic-stat-label,:root[data-card-style=crt] .server-health-label,:root[data-card-style=crt] .server-card-meta-label,:root[data-card-style=crt] .traffic-stat-foot,:root[data-card-style=crt] .radar-gauge-foot,:root[data-card-style=crt] .liquid-gauge-foot,:root[data-card-style=crt] .radar-gauge-unit,:root[data-card-style=crt] .liquid-gauge-unit,:root[data-card-style=crt] .traffic-quota-mode,:root[data-card-style=crt] .traffic-quota-separator{color:#b7ffd3b8}:root[data-card-style=crt] .card-metric-section,:root[data-card-style=crt] .metric-detail,:root[data-card-style=crt] .traffic-stat-foot,:root[data-card-style=crt] .traffic-quota-mode,:root[data-card-style=crt] .server-card-detail-link,:root[data-card-style=crt] .strip-card-stat,:root[data-card-style=crt] .strip-card-metric-bar,:root[data-card-style=crt] .radar-gauge,:root[data-card-style=crt] .liquid-gauge,:root[data-card-style=crt] .traffic-quota,:root[data-card-style=crt] .server-health-placeholder,:root[data-card-style=crt] .dstatus-tag-more,:root[data-card-style=crt] .dstatus-tag-chip{background:linear-gradient(#081f17d6,#030d0abd);border-color:#7cffb22e;box-shadow:inset 0 0 0 1px #7cffb20d,inset 0 1px #ffffff0d,0 0 18px #7cffb214}:root[data-card-style=crt] .server-card-detail-link,:root[data-card-style=crt] .dstatus-tag-more,:root[data-card-style=crt] .dstatus-tag-chip{color:#daffe8db}:root[data-card-style=crt] .server-card-online-dot{box-shadow:0 0 0 3px #7cffb21c,0 0 12px}:root[data-card-style=crt] .liquid-gauge:before{opacity:.36}:root[data-card-style=crt] .liquid-gauge-vessel{fill:#04110d8f;stroke:var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){:root[data-card-style=crt] .liquid-gauge-vessel{stroke:color-mix(in srgb,var(--liquid-color) 42%,#7cffb2)}}:root[data-card-style=crt] .liquid-gauge-frame{filter:drop-shadow(-.7px 0 #ff245838) drop-shadow(.7px 0 #36e5ff2e) drop-shadow(0 0 8px var(--liquid-color))}@supports (color:color-mix(in lab,red,red)){:root[data-card-style=crt] .liquid-gauge-frame{filter:drop-shadow(-.7px 0 #ff245838) drop-shadow(.7px 0 #36e5ff2e) drop-shadow(0 0 8px color-mix(in srgb,var(--liquid-color) 28%,transparent))}}:root[data-card-style=crt] .liquid-gauge-glass{stroke:#d9ffe680}:root[data-card-style=crt] .liquid-gauge-fill,:root[data-card-style=crt] .liquid-gauge-wave,:root[data-card-style=crt] .liquid-gauge-surface{filter:drop-shadow(-.7px 0 #ff24582e) drop-shadow(.7px 0 #36e5ff29) drop-shadow(0 0 8px var(--liquid-color))}@supports (color:color-mix(in lab,red,red)){:root[data-card-style=crt] .liquid-gauge-fill,:root[data-card-style=crt] .liquid-gauge-wave,:root[data-card-style=crt] .liquid-gauge-surface{filter:drop-shadow(-.7px 0 #ff24582e) drop-shadow(.7px 0 #36e5ff29) drop-shadow(0 0 8px color-mix(in srgb,var(--liquid-color) 44%,transparent))}}:root[data-gradient-surfaces=true][data-card-style] .server-card{border-color:var(--ys-gradient-surface-secondary)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style] .server-card{border-color:color-mix(in srgb,var(--ys-gradient-surface-secondary) var(--ys-gradient-surface-border),var(--border))}}:root[data-gradient-surfaces=true][data-card-style] .server-card{background:radial-gradient(circle at 8% -4%,var(--ys-gradient-surface-accent) 0%,transparent 42%),radial-gradient(circle at 94% 4%,var(--ys-gradient-surface-secondary) 0%,transparent 36%),linear-gradient(150deg,var(--ys-gradient-surface-primary) 0%,var(--ys-gradient-surface-secondary) 100%)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style] .server-card{background:radial-gradient(circle at 8% -4%,color-mix(in srgb,var(--ys-gradient-surface-accent) calc(var(--ys-gradient-surface-faint) + 6%),transparent) 0%,transparent 42%),radial-gradient(circle at 94% 4%,color-mix(in srgb,var(--ys-gradient-surface-secondary) var(--ys-gradient-surface-faint),transparent) 0%,transparent 36%),linear-gradient(150deg,color-mix(in srgb,var(--ys-gradient-surface-primary) var(--ys-gradient-surface-tint),color-mix(in srgb,var(--surface) var(--ys-gradient-surface-glass),transparent)),color-mix(in srgb,var(--ys-gradient-surface-secondary) var(--ys-gradient-surface-faint),color-mix(in srgb,var(--surface) var(--ys-gradient-surface-glass),transparent)))}}:root[data-gradient-surfaces=true][data-card-style] .server-card{box-shadow:0 20px 48px -36px var(--ys-gradient-surface-secondary),inset 0 1px #ffffff38}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style] .server-card{box-shadow:0 20px 48px -36px color-mix(in srgb,var(--ys-gradient-surface-secondary) 46%,black 54%),inset 0 1px #ffffff38}}:root[data-gradient-surfaces=true][data-card-style] .server-card:hover{border-color:var(--ys-gradient-surface-accent)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style] .server-card:hover{border-color:color-mix(in srgb,var(--ys-gradient-surface-accent) calc(var(--ys-gradient-surface-border) + 10%),var(--border-strong))}}:root[data-gradient-surfaces=true][data-card-style] .server-card.is-offline{background:radial-gradient(circle at 12% -4%,var(--status-offline) 0%,transparent 42%),linear-gradient(150deg,var(--status-offline) 0%,var(--status-offline) 100%)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style] .server-card.is-offline{background:radial-gradient(circle at 12% -4%,color-mix(in srgb,var(--status-offline) 14%,transparent) 0%,transparent 42%),linear-gradient(150deg,color-mix(in srgb,var(--status-offline) 12%,color-mix(in srgb,var(--ys-gradient-surface-primary) 28%,color-mix(in srgb,var(--surface) var(--ys-gradient-surface-glass),transparent))),color-mix(in srgb,var(--status-offline) 8%,color-mix(in srgb,var(--ys-gradient-surface-secondary) 24%,color-mix(in srgb,var(--surface) var(--ys-gradient-surface-glass),transparent))))}}:root[data-gradient-surfaces=true]:not([data-card-style=crt]) .server-card:before{background:linear-gradient(90deg,transparent,var(--ys-gradient-surface-accent),transparent)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true]:not([data-card-style=crt]) .server-card:before{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ys-gradient-surface-accent) 36%,white 16%),transparent)}}:root[data-gradient-surfaces=true]:not([data-card-style=crt]) .server-card:before{opacity:.7}:root[data-gradient-surfaces=true][data-card-style=glass] .server-card{background:radial-gradient(circle at 10% -4%,var(--ys-gradient-surface-accent) 0%,transparent 46%),linear-gradient(145deg,var(--ys-gradient-surface-primary) 0%,var(--ys-gradient-surface-secondary) 100%),var(--surface)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=glass] .server-card{background:radial-gradient(circle at 10% -4%,color-mix(in srgb,var(--ys-gradient-surface-accent) 28%,transparent) 0%,transparent 46%),linear-gradient(145deg,color-mix(in srgb,var(--ys-gradient-surface-primary) 30%,transparent),color-mix(in srgb,var(--ys-gradient-surface-secondary) 18%,transparent)),color-mix(in srgb,var(--surface) 46%,transparent)}}:root[data-gradient-surfaces=true][data-card-style=glass] .server-card{box-shadow:0 26px 58px -42px var(--ys-gradient-surface-secondary),inset 0 1px #ffffff4d}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=glass] .server-card{box-shadow:0 26px 58px -42px color-mix(in srgb,var(--ys-gradient-surface-secondary) 52%,black 48%),inset 0 1px #ffffff4d}}:root[data-gradient-surfaces=true][data-card-style=neon] .server-card{border-color:var(--ys-gradient-surface-secondary)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=neon] .server-card{border-color:color-mix(in srgb,var(--ys-gradient-surface-secondary) 62%,#172033)}}:root[data-gradient-surfaces=true][data-card-style=neon] .server-card{background:radial-gradient(circle at 8% -6%,var(--ys-gradient-surface-accent) 0%,transparent 42%),radial-gradient(circle at 94% 0%,var(--ys-gradient-surface-secondary) 0%,transparent 36%),linear-gradient(145deg,var(--ys-gradient-surface-primary) 0%,var(--ys-gradient-surface-secondary) 54%,var(--ys-gradient-surface-accent) 100%)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=neon] .server-card{background:radial-gradient(circle at 8% -6%,color-mix(in srgb,var(--ys-gradient-surface-accent) 34%,transparent) 0%,transparent 42%),radial-gradient(circle at 94% 0%,color-mix(in srgb,var(--ys-gradient-surface-secondary) 28%,transparent) 0%,transparent 36%),linear-gradient(145deg,color-mix(in srgb,var(--ys-gradient-surface-primary) 28%,#07111d 72%),color-mix(in srgb,var(--ys-gradient-surface-secondary) 24%,#110d22 76%) 54%,color-mix(in srgb,var(--ys-gradient-surface-accent) 18%,#070a12 82%))}}:root[data-gradient-surfaces=true][data-card-style=neon] .server-card{box-shadow:0 0 0 1px var(--ys-gradient-surface-accent),0 24px 54px -34px var(--ys-gradient-surface-secondary),inset 0 1px #ffffff17}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=neon] .server-card{box-shadow:0 0 0 1px color-mix(in srgb,var(--ys-gradient-surface-accent) 22%,transparent),0 24px 54px -34px color-mix(in srgb,var(--ys-gradient-surface-secondary) 58%,black),inset 0 1px #ffffff17}}:root[data-gradient-surfaces=true][data-card-style=soft] .server-card{background:radial-gradient(circle at 12% 0%,var(--ys-gradient-surface-accent) 0%,transparent 36%),linear-gradient(135deg,var(--ys-gradient-surface-primary) 0%,var(--ys-gradient-surface-secondary) 100%)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=soft] .server-card{background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--ys-gradient-surface-accent) 20%,transparent) 0%,transparent 36%),linear-gradient(135deg,color-mix(in srgb,var(--ys-gradient-surface-primary) calc(var(--ys-gradient-surface-tint) + 6%),var(--surface)),color-mix(in srgb,var(--ys-gradient-surface-secondary) calc(var(--ys-gradient-surface-faint) + 4%),var(--surface)))}}:root[data-gradient-surfaces=true][data-card-style=soft] .server-card{box-shadow:0 18px 44px -34px var(--ys-gradient-surface-secondary),inset 0 1px #ffffff3d}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=soft] .server-card{box-shadow:0 18px 44px -34px color-mix(in srgb,var(--ys-gradient-surface-secondary) 42%,black),inset 0 1px #ffffff3d}}:root[data-gradient-surfaces=true][data-card-style=minimal] .server-card{border-color:var(--ys-gradient-surface-secondary)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=minimal] .server-card{border-color:color-mix(in srgb,var(--ys-gradient-surface-secondary) calc(var(--ys-gradient-surface-border) + 4%),var(--hairline))}}:root[data-gradient-surfaces=true][data-card-style=minimal] .server-card{background:linear-gradient(180deg,var(--ys-gradient-surface-primary) 0%,var(--ys-gradient-surface-secondary) 100%)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=minimal] .server-card{background:linear-gradient(180deg,color-mix(in srgb,var(--ys-gradient-surface-primary) 12%,var(--surface)),color-mix(in srgb,var(--ys-gradient-surface-secondary) 8%,var(--surface)))}}:root[data-gradient-surfaces=true][data-card-style=minimal] .server-card,:root[data-gradient-surfaces=true][data-card-style=minimal] .server-card:hover{box-shadow:none}:root[data-gradient-surfaces=true][data-card-style=crt] .server-card{border-color:var(--ys-gradient-surface-secondary)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=crt] .server-card{border-color:color-mix(in srgb,var(--ys-gradient-surface-secondary) 46%,#12362a)}}:root[data-gradient-surfaces=true][data-card-style=crt] .server-card{background:radial-gradient(ellipse at 50% -8%,var(--ys-gradient-surface-accent) 0%,transparent 56%),radial-gradient(ellipse at 50% 112%,var(--ys-gradient-surface-secondary) 0%,transparent 64%),linear-gradient(180deg,var(--ys-gradient-surface-primary) 0%,var(--ys-gradient-surface-secondary) 100%)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=crt] .server-card{background:radial-gradient(ellipse at 50% -8%,color-mix(in srgb,var(--ys-gradient-surface-accent) 28%,transparent) 0%,transparent 56%),radial-gradient(ellipse at 50% 112%,color-mix(in srgb,var(--ys-gradient-surface-secondary) 24%,transparent) 0%,transparent 64%),linear-gradient(180deg,color-mix(in srgb,var(--ys-gradient-surface-primary) 20%,#06150f 80%),color-mix(in srgb,var(--ys-gradient-surface-secondary) 16%,#020806 84%))}}:root[data-gradient-surfaces=true][data-card-style=crt] .server-card{box-shadow:0 0 0 1px var(--ys-gradient-surface-accent),0 22px 46px -32px var(--ys-gradient-surface-secondary),inset 0 0 34px var(--ys-gradient-surface-accent),inset 0 -22px 44px #0000005c}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=crt] .server-card{box-shadow:0 0 0 1px color-mix(in srgb,var(--ys-gradient-surface-accent) 12%,transparent),0 22px 46px -32px color-mix(in srgb,var(--ys-gradient-surface-secondary) 52%,black),inset 0 0 34px color-mix(in srgb,var(--ys-gradient-surface-accent) 12%,transparent),inset 0 -22px 44px #0000005c}}:root[data-gradient-surfaces=true][data-card-style=crt] .server-card:before{background:radial-gradient(ellipse at center,transparent 46%,#00000057 100%),linear-gradient(90deg,var(--ys-gradient-surface-accent),transparent 18% 82%,var(--ys-gradient-surface-secondary))}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=crt] .server-card:before{background:radial-gradient(ellipse at center,transparent 46%,#00000057 100%),linear-gradient(90deg,color-mix(in srgb,var(--ys-gradient-surface-accent) 9%,transparent),transparent 18% 82%,color-mix(in srgb,var(--ys-gradient-surface-secondary) 9%,transparent))}}:root[data-gradient-surfaces=true][data-card-style] .card-metric-section,:root[data-gradient-surfaces=true][data-card-style] .metric-detail,:root[data-gradient-surfaces=true][data-card-style] .traffic-stat-foot,:root[data-gradient-surfaces=true][data-card-style] .traffic-quota-mode,:root[data-gradient-surfaces=true][data-card-style] .server-card-detail-link,:root[data-gradient-surfaces=true][data-card-style] .strip-card-stat,:root[data-gradient-surfaces=true][data-card-style] .strip-card-metric-bar,:root[data-gradient-surfaces=true][data-card-style] .radar-gauge,:root[data-gradient-surfaces=true][data-card-style] .liquid-gauge,:root[data-gradient-surfaces=true][data-card-style] .traffic-quota,:root[data-gradient-surfaces=true][data-card-style] .server-health-placeholder,:root[data-gradient-surfaces=true][data-card-style] .server-health-tooltip,:root[data-gradient-surfaces=true][data-card-style] .instance-chart-tooltip,:root[data-gradient-surfaces=true][data-card-style] .dstatus-tag-more,:root[data-gradient-surfaces=true][data-card-style] .dstatus-tag-add,:root[data-gradient-surfaces=true][data-card-style] .dstatus-tag-chip{border-color:var(--ys-gradient-surface-secondary)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style] .card-metric-section,:root[data-gradient-surfaces=true][data-card-style] .metric-detail,:root[data-gradient-surfaces=true][data-card-style] .traffic-stat-foot,:root[data-gradient-surfaces=true][data-card-style] .traffic-quota-mode,:root[data-gradient-surfaces=true][data-card-style] .server-card-detail-link,:root[data-gradient-surfaces=true][data-card-style] .strip-card-stat,:root[data-gradient-surfaces=true][data-card-style] .strip-card-metric-bar,:root[data-gradient-surfaces=true][data-card-style] .radar-gauge,:root[data-gradient-surfaces=true][data-card-style] .liquid-gauge,:root[data-gradient-surfaces=true][data-card-style] .traffic-quota,:root[data-gradient-surfaces=true][data-card-style] .server-health-placeholder,:root[data-gradient-surfaces=true][data-card-style] .server-health-tooltip,:root[data-gradient-surfaces=true][data-card-style] .instance-chart-tooltip,:root[data-gradient-surfaces=true][data-card-style] .dstatus-tag-more,:root[data-gradient-surfaces=true][data-card-style] .dstatus-tag-add,:root[data-gradient-surfaces=true][data-card-style] .dstatus-tag-chip{border-color:color-mix(in srgb,var(--ys-gradient-surface-secondary) var(--ys-gradient-surface-border),var(--border-subtle))}}:root[data-gradient-surfaces=true][data-card-style] .card-metric-section,:root[data-gradient-surfaces=true][data-card-style] .metric-detail,:root[data-gradient-surfaces=true][data-card-style] .traffic-stat-foot,:root[data-gradient-surfaces=true][data-card-style] .traffic-quota-mode,:root[data-gradient-surfaces=true][data-card-style] .server-card-detail-link,:root[data-gradient-surfaces=true][data-card-style] .strip-card-stat,:root[data-gradient-surfaces=true][data-card-style] .strip-card-metric-bar,:root[data-gradient-surfaces=true][data-card-style] .radar-gauge,:root[data-gradient-surfaces=true][data-card-style] .liquid-gauge,:root[data-gradient-surfaces=true][data-card-style] .traffic-quota,:root[data-gradient-surfaces=true][data-card-style] .server-health-placeholder,:root[data-gradient-surfaces=true][data-card-style] .server-health-tooltip,:root[data-gradient-surfaces=true][data-card-style] .instance-chart-tooltip,:root[data-gradient-surfaces=true][data-card-style] .dstatus-tag-more,:root[data-gradient-surfaces=true][data-card-style] .dstatus-tag-add,:root[data-gradient-surfaces=true][data-card-style] .dstatus-tag-chip{background:linear-gradient(180deg,var(--ys-gradient-surface-accent) 0%,var(--ys-gradient-surface-primary) 100%)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style] .card-metric-section,:root[data-gradient-surfaces=true][data-card-style] .metric-detail,:root[data-gradient-surfaces=true][data-card-style] .traffic-stat-foot,:root[data-gradient-surfaces=true][data-card-style] .traffic-quota-mode,:root[data-gradient-surfaces=true][data-card-style] .server-card-detail-link,:root[data-gradient-surfaces=true][data-card-style] .strip-card-stat,:root[data-gradient-surfaces=true][data-card-style] .strip-card-metric-bar,:root[data-gradient-surfaces=true][data-card-style] .radar-gauge,:root[data-gradient-surfaces=true][data-card-style] .liquid-gauge,:root[data-gradient-surfaces=true][data-card-style] .traffic-quota,:root[data-gradient-surfaces=true][data-card-style] .server-health-placeholder,:root[data-gradient-surfaces=true][data-card-style] .server-health-tooltip,:root[data-gradient-surfaces=true][data-card-style] .instance-chart-tooltip,:root[data-gradient-surfaces=true][data-card-style] .dstatus-tag-more,:root[data-gradient-surfaces=true][data-card-style] .dstatus-tag-add,:root[data-gradient-surfaces=true][data-card-style] .dstatus-tag-chip{background:linear-gradient(180deg,color-mix(in srgb,var(--ys-gradient-surface-accent) var(--ys-gradient-surface-faint),color-mix(in srgb,var(--surface-elev) var(--ys-gradient-surface-glass),transparent)),color-mix(in srgb,var(--ys-gradient-surface-primary) var(--ys-gradient-surface-faint),color-mix(in srgb,var(--surface-elev) var(--ys-gradient-surface-glass),transparent)))}}:root[data-gradient-surfaces=true][data-card-style=glass] .card-metric-section,:root[data-gradient-surfaces=true][data-card-style=glass] .metric-detail,:root[data-gradient-surfaces=true][data-card-style=glass] .traffic-stat-foot,:root[data-gradient-surfaces=true][data-card-style=glass] .traffic-quota-mode,:root[data-gradient-surfaces=true][data-card-style=glass] .server-card-detail-link,:root[data-gradient-surfaces=true][data-card-style=glass] .strip-card-stat,:root[data-gradient-surfaces=true][data-card-style=glass] .strip-card-metric-bar,:root[data-gradient-surfaces=true][data-card-style=glass] .radar-gauge,:root[data-gradient-surfaces=true][data-card-style=glass] .liquid-gauge,:root[data-gradient-surfaces=true][data-card-style=glass] .traffic-quota,:root[data-gradient-surfaces=true][data-card-style=glass] .server-health-placeholder,:root[data-gradient-surfaces=true][data-card-style=glass] .dstatus-tag-more,:root[data-gradient-surfaces=true][data-card-style=glass] .dstatus-tag-chip{background:linear-gradient(180deg,var(--ys-gradient-surface-accent) 0%,var(--surface-elev) 100%)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=glass] .card-metric-section,:root[data-gradient-surfaces=true][data-card-style=glass] .metric-detail,:root[data-gradient-surfaces=true][data-card-style=glass] .traffic-stat-foot,:root[data-gradient-surfaces=true][data-card-style=glass] .traffic-quota-mode,:root[data-gradient-surfaces=true][data-card-style=glass] .server-card-detail-link,:root[data-gradient-surfaces=true][data-card-style=glass] .strip-card-stat,:root[data-gradient-surfaces=true][data-card-style=glass] .strip-card-metric-bar,:root[data-gradient-surfaces=true][data-card-style=glass] .radar-gauge,:root[data-gradient-surfaces=true][data-card-style=glass] .liquid-gauge,:root[data-gradient-surfaces=true][data-card-style=glass] .traffic-quota,:root[data-gradient-surfaces=true][data-card-style=glass] .server-health-placeholder,:root[data-gradient-surfaces=true][data-card-style=glass] .dstatus-tag-more,:root[data-gradient-surfaces=true][data-card-style=glass] .dstatus-tag-chip{background:linear-gradient(180deg,color-mix(in srgb,var(--ys-gradient-surface-accent) 18%,transparent),color-mix(in srgb,var(--surface-elev) 38%,transparent))}}:root[data-gradient-surfaces=true][data-card-style=neon] .metric-detail,:root[data-gradient-surfaces=true][data-card-style=neon] .traffic-stat-foot,:root[data-gradient-surfaces=true][data-card-style=neon] .traffic-quota-mode,:root[data-gradient-surfaces=true][data-card-style=neon] .server-card-detail-link,:root[data-gradient-surfaces=true][data-card-style=neon] .strip-card-stat,:root[data-gradient-surfaces=true][data-card-style=neon] .strip-card-metric-bar,:root[data-gradient-surfaces=true][data-card-style=neon] .traffic-quota,:root[data-gradient-surfaces=true][data-card-style=neon] .server-health-placeholder,:root[data-gradient-surfaces=true][data-card-style=neon] .dstatus-tag-more,:root[data-gradient-surfaces=true][data-card-style=neon] .dstatus-tag-chip{border-color:var(--ys-gradient-surface-secondary)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=neon] .metric-detail,:root[data-gradient-surfaces=true][data-card-style=neon] .traffic-stat-foot,:root[data-gradient-surfaces=true][data-card-style=neon] .traffic-quota-mode,:root[data-gradient-surfaces=true][data-card-style=neon] .server-card-detail-link,:root[data-gradient-surfaces=true][data-card-style=neon] .strip-card-stat,:root[data-gradient-surfaces=true][data-card-style=neon] .strip-card-metric-bar,:root[data-gradient-surfaces=true][data-card-style=neon] .traffic-quota,:root[data-gradient-surfaces=true][data-card-style=neon] .server-health-placeholder,:root[data-gradient-surfaces=true][data-card-style=neon] .dstatus-tag-more,:root[data-gradient-surfaces=true][data-card-style=neon] .dstatus-tag-chip{border-color:color-mix(in srgb,var(--ys-gradient-surface-secondary) 36%,transparent)}}:root[data-gradient-surfaces=true][data-card-style=neon] .metric-detail,:root[data-gradient-surfaces=true][data-card-style=neon] .traffic-stat-foot,:root[data-gradient-surfaces=true][data-card-style=neon] .traffic-quota-mode,:root[data-gradient-surfaces=true][data-card-style=neon] .server-card-detail-link,:root[data-gradient-surfaces=true][data-card-style=neon] .strip-card-stat,:root[data-gradient-surfaces=true][data-card-style=neon] .strip-card-metric-bar,:root[data-gradient-surfaces=true][data-card-style=neon] .traffic-quota,:root[data-gradient-surfaces=true][data-card-style=neon] .server-health-placeholder,:root[data-gradient-surfaces=true][data-card-style=neon] .dstatus-tag-more,:root[data-gradient-surfaces=true][data-card-style=neon] .dstatus-tag-chip{background:linear-gradient(180deg,var(--ys-gradient-surface-secondary) 0%,var(--ys-gradient-surface-primary) 100%)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=neon] .metric-detail,:root[data-gradient-surfaces=true][data-card-style=neon] .traffic-stat-foot,:root[data-gradient-surfaces=true][data-card-style=neon] .traffic-quota-mode,:root[data-gradient-surfaces=true][data-card-style=neon] .server-card-detail-link,:root[data-gradient-surfaces=true][data-card-style=neon] .strip-card-stat,:root[data-gradient-surfaces=true][data-card-style=neon] .strip-card-metric-bar,:root[data-gradient-surfaces=true][data-card-style=neon] .traffic-quota,:root[data-gradient-surfaces=true][data-card-style=neon] .server-health-placeholder,:root[data-gradient-surfaces=true][data-card-style=neon] .dstatus-tag-more,:root[data-gradient-surfaces=true][data-card-style=neon] .dstatus-tag-chip{background:linear-gradient(180deg,color-mix(in srgb,var(--ys-gradient-surface-secondary) 16%,#08101eb8),color-mix(in srgb,var(--ys-gradient-surface-primary) 12%,#050a14b3))}}:root[data-gradient-surfaces=true][data-card-style=neon] .metric-detail,:root[data-gradient-surfaces=true][data-card-style=neon] .traffic-stat-foot,:root[data-gradient-surfaces=true][data-card-style=neon] .traffic-quota-mode,:root[data-gradient-surfaces=true][data-card-style=neon] .server-card-detail-link,:root[data-gradient-surfaces=true][data-card-style=neon] .strip-card-stat,:root[data-gradient-surfaces=true][data-card-style=neon] .strip-card-metric-bar,:root[data-gradient-surfaces=true][data-card-style=neon] .traffic-quota,:root[data-gradient-surfaces=true][data-card-style=neon] .server-health-placeholder,:root[data-gradient-surfaces=true][data-card-style=neon] .dstatus-tag-more,:root[data-gradient-surfaces=true][data-card-style=neon] .dstatus-tag-chip{color:var(--ys-gradient-surface-accent)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=neon] .metric-detail,:root[data-gradient-surfaces=true][data-card-style=neon] .traffic-stat-foot,:root[data-gradient-surfaces=true][data-card-style=neon] .traffic-quota-mode,:root[data-gradient-surfaces=true][data-card-style=neon] .server-card-detail-link,:root[data-gradient-surfaces=true][data-card-style=neon] .strip-card-stat,:root[data-gradient-surfaces=true][data-card-style=neon] .strip-card-metric-bar,:root[data-gradient-surfaces=true][data-card-style=neon] .traffic-quota,:root[data-gradient-surfaces=true][data-card-style=neon] .server-health-placeholder,:root[data-gradient-surfaces=true][data-card-style=neon] .dstatus-tag-more,:root[data-gradient-surfaces=true][data-card-style=neon] .dstatus-tag-chip{color:color-mix(in srgb,var(--ys-gradient-surface-accent) 24%,#b9d7e8)}}:root[data-gradient-surfaces=true][data-card-style=crt] .card-metric-section,:root[data-gradient-surfaces=true][data-card-style=crt] .metric-detail,:root[data-gradient-surfaces=true][data-card-style=crt] .traffic-stat-foot,:root[data-gradient-surfaces=true][data-card-style=crt] .traffic-quota-mode,:root[data-gradient-surfaces=true][data-card-style=crt] .server-card-detail-link,:root[data-gradient-surfaces=true][data-card-style=crt] .strip-card-stat,:root[data-gradient-surfaces=true][data-card-style=crt] .strip-card-metric-bar,:root[data-gradient-surfaces=true][data-card-style=crt] .radar-gauge,:root[data-gradient-surfaces=true][data-card-style=crt] .liquid-gauge,:root[data-gradient-surfaces=true][data-card-style=crt] .traffic-quota,:root[data-gradient-surfaces=true][data-card-style=crt] .server-health-placeholder,:root[data-gradient-surfaces=true][data-card-style=crt] .dstatus-tag-more,:root[data-gradient-surfaces=true][data-card-style=crt] .dstatus-tag-chip{border-color:var(--ys-gradient-surface-secondary)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=crt] .card-metric-section,:root[data-gradient-surfaces=true][data-card-style=crt] .metric-detail,:root[data-gradient-surfaces=true][data-card-style=crt] .traffic-stat-foot,:root[data-gradient-surfaces=true][data-card-style=crt] .traffic-quota-mode,:root[data-gradient-surfaces=true][data-card-style=crt] .server-card-detail-link,:root[data-gradient-surfaces=true][data-card-style=crt] .strip-card-stat,:root[data-gradient-surfaces=true][data-card-style=crt] .strip-card-metric-bar,:root[data-gradient-surfaces=true][data-card-style=crt] .radar-gauge,:root[data-gradient-surfaces=true][data-card-style=crt] .liquid-gauge,:root[data-gradient-surfaces=true][data-card-style=crt] .traffic-quota,:root[data-gradient-surfaces=true][data-card-style=crt] .server-health-placeholder,:root[data-gradient-surfaces=true][data-card-style=crt] .dstatus-tag-more,:root[data-gradient-surfaces=true][data-card-style=crt] .dstatus-tag-chip{border-color:color-mix(in srgb,var(--ys-gradient-surface-secondary) 30%,transparent)}}:root[data-gradient-surfaces=true][data-card-style=crt] .card-metric-section,:root[data-gradient-surfaces=true][data-card-style=crt] .metric-detail,:root[data-gradient-surfaces=true][data-card-style=crt] .traffic-stat-foot,:root[data-gradient-surfaces=true][data-card-style=crt] .traffic-quota-mode,:root[data-gradient-surfaces=true][data-card-style=crt] .server-card-detail-link,:root[data-gradient-surfaces=true][data-card-style=crt] .strip-card-stat,:root[data-gradient-surfaces=true][data-card-style=crt] .strip-card-metric-bar,:root[data-gradient-surfaces=true][data-card-style=crt] .radar-gauge,:root[data-gradient-surfaces=true][data-card-style=crt] .liquid-gauge,:root[data-gradient-surfaces=true][data-card-style=crt] .traffic-quota,:root[data-gradient-surfaces=true][data-card-style=crt] .server-health-placeholder,:root[data-gradient-surfaces=true][data-card-style=crt] .dstatus-tag-more,:root[data-gradient-surfaces=true][data-card-style=crt] .dstatus-tag-chip{background:linear-gradient(180deg,var(--ys-gradient-surface-primary) 0%,var(--ys-gradient-surface-secondary) 100%)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=crt] .card-metric-section,:root[data-gradient-surfaces=true][data-card-style=crt] .metric-detail,:root[data-gradient-surfaces=true][data-card-style=crt] .traffic-stat-foot,:root[data-gradient-surfaces=true][data-card-style=crt] .traffic-quota-mode,:root[data-gradient-surfaces=true][data-card-style=crt] .server-card-detail-link,:root[data-gradient-surfaces=true][data-card-style=crt] .strip-card-stat,:root[data-gradient-surfaces=true][data-card-style=crt] .strip-card-metric-bar,:root[data-gradient-surfaces=true][data-card-style=crt] .radar-gauge,:root[data-gradient-surfaces=true][data-card-style=crt] .liquid-gauge,:root[data-gradient-surfaces=true][data-card-style=crt] .traffic-quota,:root[data-gradient-surfaces=true][data-card-style=crt] .server-health-placeholder,:root[data-gradient-surfaces=true][data-card-style=crt] .dstatus-tag-more,:root[data-gradient-surfaces=true][data-card-style=crt] .dstatus-tag-chip{background:linear-gradient(180deg,color-mix(in srgb,var(--ys-gradient-surface-primary) 18%,#081f17d6),color-mix(in srgb,var(--ys-gradient-surface-secondary) 14%,#030d0abd))}}:root[data-gradient-surfaces=true][data-card-style=crt] .card-metric-section,:root[data-gradient-surfaces=true][data-card-style=crt] .metric-detail,:root[data-gradient-surfaces=true][data-card-style=crt] .traffic-stat-foot,:root[data-gradient-surfaces=true][data-card-style=crt] .traffic-quota-mode,:root[data-gradient-surfaces=true][data-card-style=crt] .server-card-detail-link,:root[data-gradient-surfaces=true][data-card-style=crt] .strip-card-stat,:root[data-gradient-surfaces=true][data-card-style=crt] .strip-card-metric-bar,:root[data-gradient-surfaces=true][data-card-style=crt] .radar-gauge,:root[data-gradient-surfaces=true][data-card-style=crt] .liquid-gauge,:root[data-gradient-surfaces=true][data-card-style=crt] .traffic-quota,:root[data-gradient-surfaces=true][data-card-style=crt] .server-health-placeholder,:root[data-gradient-surfaces=true][data-card-style=crt] .dstatus-tag-more,:root[data-gradient-surfaces=true][data-card-style=crt] .dstatus-tag-chip{box-shadow:inset 0 0 0 1px var(--ys-gradient-surface-accent),inset 0 1px #ffffff0d,0 0 18px var(--ys-gradient-surface-secondary)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=crt] .card-metric-section,:root[data-gradient-surfaces=true][data-card-style=crt] .metric-detail,:root[data-gradient-surfaces=true][data-card-style=crt] .traffic-stat-foot,:root[data-gradient-surfaces=true][data-card-style=crt] .traffic-quota-mode,:root[data-gradient-surfaces=true][data-card-style=crt] .server-card-detail-link,:root[data-gradient-surfaces=true][data-card-style=crt] .strip-card-stat,:root[data-gradient-surfaces=true][data-card-style=crt] .strip-card-metric-bar,:root[data-gradient-surfaces=true][data-card-style=crt] .radar-gauge,:root[data-gradient-surfaces=true][data-card-style=crt] .liquid-gauge,:root[data-gradient-surfaces=true][data-card-style=crt] .traffic-quota,:root[data-gradient-surfaces=true][data-card-style=crt] .server-health-placeholder,:root[data-gradient-surfaces=true][data-card-style=crt] .dstatus-tag-more,:root[data-gradient-surfaces=true][data-card-style=crt] .dstatus-tag-chip{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ys-gradient-surface-accent) 8%,transparent),inset 0 1px #ffffff0d,0 0 18px color-mix(in srgb,var(--ys-gradient-surface-secondary) 12%,transparent)}}:root[data-gradient-surfaces=true][data-card-style=crt] .server-card-title-link,:root[data-gradient-surfaces=true][data-card-style=crt] .strip-card-stat-value,:root[data-gradient-surfaces=true][data-card-style=crt] .traffic-stat-value,:root[data-gradient-surfaces=true][data-card-style=crt] .server-health-value,:root[data-gradient-surfaces=true][data-card-style=crt] .server-card-meta-value,:root[data-gradient-surfaces=true][data-card-style=crt] .radar-gauge-value,:root[data-gradient-surfaces=true][data-card-style=crt] .liquid-gauge-value,:root[data-gradient-surfaces=true][data-card-style=crt] .traffic-quota-value{text-shadow:0 0 8px var(--ys-gradient-surface-secondary),-.7px 0 var(--ys-gradient-surface-accent),.7px 0 var(--ys-gradient-surface-primary)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=crt] .server-card-title-link,:root[data-gradient-surfaces=true][data-card-style=crt] .strip-card-stat-value,:root[data-gradient-surfaces=true][data-card-style=crt] .traffic-stat-value,:root[data-gradient-surfaces=true][data-card-style=crt] .server-health-value,:root[data-gradient-surfaces=true][data-card-style=crt] .server-card-meta-value,:root[data-gradient-surfaces=true][data-card-style=crt] .radar-gauge-value,:root[data-gradient-surfaces=true][data-card-style=crt] .liquid-gauge-value,:root[data-gradient-surfaces=true][data-card-style=crt] .traffic-quota-value{text-shadow:0 0 8px color-mix(in srgb,var(--ys-gradient-surface-secondary) 44%,transparent),-.7px 0 color-mix(in srgb,var(--ys-gradient-surface-accent) 24%,transparent),.7px 0 color-mix(in srgb,var(--ys-gradient-surface-primary) 22%,transparent)}}:root[data-gradient-surfaces=true][data-card-style=crt] .liquid-gauge-vessel{fill:var(--ys-gradient-surface-primary)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=crt] .liquid-gauge-vessel{fill:color-mix(in srgb,var(--ys-gradient-surface-primary) 14%,#04110d8f)}}:root[data-gradient-surfaces=true][data-card-style=crt] .liquid-gauge-vessel{stroke:var(--liquid-color)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=crt] .liquid-gauge-vessel{stroke:color-mix(in srgb,var(--liquid-color) 42%,var(--ys-gradient-surface-secondary))}}:root[data-gradient-surfaces=true][data-card-style=crt] .liquid-gauge-glass{stroke:var(--ys-gradient-surface-accent)}@supports (color:color-mix(in lab,red,red)){:root[data-gradient-surfaces=true][data-card-style=crt] .liquid-gauge-glass{stroke:color-mix(in srgb,var(--ys-gradient-surface-accent) 42%,#d9ffe680)}}.liquid-metric-grid{content-visibility:auto;contain-intrinsic-size:416px}.liquid-gauge{contain:layout paint style}.liquid-gauge:after{opacity:0;transform:none;animation:none!important}:root[data-card-style=glass] .liquid-gauge{-webkit-backdrop-filter:none;backdrop-filter:none}.liquid-gauge-svg,.liquid-gauge-frame,.liquid-frame-rim,.liquid-frame-inner,.liquid-frame-cap,.liquid-frame-neck,.liquid-frame-base,.liquid-frame-stand,.liquid-frame-collar,.liquid-frame-orbit,.liquid-frame-latitude,.liquid-frame-refraction,.liquid-frame-facet,.liquid-frame-rail,.liquid-frame-mark,.liquid-frame-bolt,.liquid-gauge-vessel,.liquid-gauge-fill,.liquid-gauge-wave,.liquid-gauge-surface,.liquid-gauge-bubble,.liquid-gauge-glass,.liquid-gauge-shine,.liquid-gauge-tech,.liquid-tech-node,.liquid-tech-packet,.liquid-tech-cell,.liquid-tech-core,.liquid-tech-prism,.liquid-tech-spark{filter:none!important}.liquid-gauge-frame.is-sphere .liquid-frame-latitude,.liquid-gauge-frame.is-ring .liquid-frame-latitude,.liquid-gauge-frame.is-drop .liquid-frame-orbit,.liquid-gauge-frame.is-crystal .liquid-frame-facet,.liquid-gauge-frame.is-lens .liquid-frame-refraction,.liquid-tech-halo,.liquid-tech-panel,.liquid-tech-node,.liquid-tech-packet,.liquid-tech-cell,.liquid-tech-core,.liquid-tech-prism,.liquid-tech-spark,.liquid-tech-signal,.liquid-tech-lane,.liquid-tech-ladder,.liquid-tech-brace,.liquid-gauge-tech .liquid-tech-orbit,.liquid-gauge-tech .liquid-tech-rail,.liquid-gauge-tech .liquid-tech-spine,.liquid-gauge-tech .liquid-tech-reticle{animation:none!important}.liquid-tech-packet.is-two,.liquid-tech-packet.is-three,.liquid-tech-node.is-two,.liquid-tech-node.is-three,.liquid-gauge-tech.is-sphere .liquid-tech-orbit.is-b,.liquid-gauge-tech.is-sphere .liquid-tech-orbit.is-c,.liquid-gauge-tech.is-sphere .liquid-tech-halo.is-inner,.liquid-gauge-tech.is-lens .liquid-tech-reticle.is-outer,.liquid-gauge-tech.is-drop .liquid-tech-orbit.is-b,.liquid-gauge-tech.is-ring .liquid-tech-orbit.is-b{display:none}.liquid-gauge-wave,.liquid-gauge-surface,.liquid-gauge-bubble,.liquid-tech-sweep,.liquid-tech-node.is-one,.liquid-tech-packet.is-one{transform-box:fill-box;will-change:transform,opacity}.liquid-gauge-surface{animation:ys-liquid-surface var(--liquid-pulse-ms,4s) ease-in-out infinite!important}.liquid-gauge-bubble{animation:ys-liquid-bubble var(--liquid-drift-ms,5.5s) ease-in-out infinite!important}.liquid-tech-sweep{animation:ys-liquid-sweep var(--liquid-sweep-ms,6.08s) linear infinite!important}.liquid-tech-node.is-one{animation:ys-liquid-node-pulse var(--liquid-pulse-ms,4s) ease-in-out infinite!important}.liquid-gauge-tech.is-capsule .liquid-tech-packet.is-one,.liquid-gauge-tech.is-segmented .liquid-tech-packet.is-one{animation:ys-liquid-packet-x var(--liquid-drift-ms,5.5s) ease-in-out infinite!important}.liquid-gauge-tech.is-column .liquid-tech-packet.is-one,.liquid-gauge-tech.is-drop .liquid-tech-packet.is-one{animation:ys-liquid-packet-y var(--liquid-drift-ms,5.5s) ease-in-out infinite!important}@keyframes ys-crt-scan{0%{background-position:0 0,0 0}to{background-position:0 16px,6px 0}}@media(prefers-reduced-motion:reduce){.liquid-gauge:after,.liquid-gauge-wave,.liquid-gauge-bubble,.liquid-tech-halo,.liquid-tech-panel,.liquid-tech-sweep,.liquid-tech-node,.liquid-tech-packet,.liquid-tech-cell,.liquid-tech-core,.liquid-tech-prism,.liquid-tech-spark,.liquid-tech-signal,.liquid-tech-lane,.liquid-tech-ladder,.liquid-tech-brace,.liquid-gauge-tech .liquid-tech-orbit,.liquid-gauge-tech .liquid-tech-rail,.liquid-gauge-tech .liquid-tech-spine,.liquid-gauge-tech .liquid-tech-reticle,.visual-style-preview[data-dashboard-style=liquid] .visual-style-preview-bars span:before,:root[data-card-style=crt] .server-card:after{animation:none}}.offline-mask{z-index:10;pointer-events:none;border-radius:inherit;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.offline-badge{pointer-events:auto;color:#fff;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.offline-badge{color:color-mix(in srgb,white 90%,var(--status-error) 10%)}}.offline-badge{background:linear-gradient(180deg,var(--status-offline) 0%,var(--status-offline) 100%)}@supports (color:color-mix(in lab,red,red)){.offline-badge{background:linear-gradient(180deg,color-mix(in srgb,var(--status-offline) 86%,black 14%),color-mix(in srgb,var(--status-offline) 72%,black 28%))}}.offline-badge{border:1px solid var(--status-offline)}@supports (color:color-mix(in lab,red,red)){.offline-badge{border:1px solid color-mix(in srgb,var(--status-offline) 72%,white 28%)}}.offline-badge{box-shadow:0 16px 30px -16px #0000008c,0 0 0 1px var(--status-offline)}@supports (color:color-mix(in lab,red,red)){.offline-badge{box-shadow:0 16px 30px -16px #0000008c,0 0 0 1px color-mix(in srgb,var(--status-offline) 18%,transparent)}}.offline-badge-copy{flex-direction:column;gap:2px;line-height:1.05;display:inline-flex}.offline-badge-time{color:#fff}@supports (color:color-mix(in lab,red,red)){.offline-badge-time{color:color-mix(in srgb,white 84%,var(--status-offline) 16%)}}.offline-badge-time{letter-spacing:.01em;font-size:11px;font-weight:600}@media(max-width:720px){.instance-panel{border-radius:16px;padding:16px}.instance-chart-panel .instance-panel-header{flex-direction:column;align-items:flex-start;padding-right:88px}.instance-hero-header{flex-direction:column;align-items:stretch}.instance-hero-title{font-size:20px}.instance-hero-actions{justify-content:flex-start}.instance-metric-grid,.instance-traffic-grid,.instance-health-grid,.instance-meta-grid,.instance-details-grid,.instance-series-grid,.instance-chart-grid,.instance-ping-grid,.instance-overview-grid{grid-template-columns:1fr}.instance-chart-controls{align-items:stretch}.instance-chart-stage{min-height:0}.instance-segmented{justify-content:flex-start;width:100%}.instance-overview-item.is-wide{grid-column:auto}.instance-info-groups{grid-template-columns:1fr}.instance-loss-row{grid-template-columns:1fr;gap:8px}.instance-chart-toolbar,.instance-ping-toolbar{justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.instance-chart-toolbar{align-items:stretch}.instance-chart-meta{width:100%}.instance-chart-card{border-radius:14px;padding:12px}.instance-chart-card-head{flex-direction:column;gap:8px;min-height:0;margin-bottom:10px}.instance-series-stats{align-items:flex-start;gap:3px;width:100%}.instance-uplot-wrap.is-large{margin-top:12px}.instance-chart-tooltip{min-width:126px;max-width:190px}.instance-ping-tasks{grid-template-columns:1fr;gap:10px;display:grid}.instance-ping-task{width:100%;min-width:0}.instance-ping-task-head{flex-direction:column;align-items:flex-start;gap:4px}.server-card-content{padding:18px 16px 15px}.server-card-title-link{font-size:15px}.server-traffic-section,.server-health-grid,.server-card-meta-grid{grid-template-columns:1fr;gap:14px}}:root{color-scheme:light dark;font-family:var(--font-sans);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-variant-numeric:tabular-nums;letter-spacing:-.003em}html,body{background:var(--bg-0);min-height:100vh;color:var(--text-primary);margin:0;padding:0}*{box-sizing:border-box}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}input,button,select,textarea,.tabular{font-variant-numeric:tabular-nums}html.theme-flip *,html.theme-flip :before,html.theme-flip :after{transition-property:none!important;animation:none!important}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--fill-secondary);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-track{background:0 0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}