@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#17252d;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f3f6f8;--surface:#fff;--surface-raised:#fff;--surface-muted:#f5f8f9;--surface-hover:#f0f6f6;--text:#17252d;--text-secondary:#455a64;--text-muted:#60747e;--border:#dfe7ea;--border-strong:#c8d5da;--accent:#176fb5;--accent-strong:#0d5d9b;--accent-soft:#e9f2f9;--teal:#147d72;--green:#167a55;--green-soft:#e7f4ed;--red:#bd4141;--red-soft:#fbeded;--amber:#95600d;--amber-soft:#fff4df;--chart-grid:#e7edef;--chart-cpu:#287dc1;--chart-memory:#168779;--chart-rx:#287dc1;--chart-tx:#8a68b0;--chart-disk:#c27a26;--shadow-menu:0 12px 32px #182d3724;--curve:cubic-bezier(.22, 1, .36, 1);background:#f3f6f8;font-family:Manrope Variable,Microsoft YaHei,sans-serif}:root[data-theme=dark]{color:#e8f0f3;--bg:#000;--surface:#181818;--surface-raised:#1f1f1f;--surface-muted:#1f1f1f;--surface-hover:#272727;--text:#e8f0f3;--text-secondary:#bac8ce;--text-muted:#a3b2b9;--border:#313131;--border-strong:#52616a;--accent:#78b9e8;--accent-strong:#a2d0ef;--accent-soft:#1f1f1f;--teal:#58b7a9;--green:#58c394;--green-soft:#1f1f1f;--red:#ed8888;--red-soft:#272727;--amber:#e5b36a;--amber-soft:#131209;--chart-grid:#313131;--chart-cpu:#73b9ec;--chart-memory:#59c4b1;--chart-rx:#73b9ec;--chart-tx:#b5a0d5;--chart-disk:#e3ac69;--shadow-menu:0 12px 32px #0006;background:#000}*{box-sizing:border-box}html{scrollbar-color:var(--border-strong) var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0;font-size:14px;line-height:20px}button,input{font:inherit}button{color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:not(:disabled),a{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,.chart-canvas:focus-visible{outline:4px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:4px}::selection{background:color-mix(in srgb, var(--accent) 24%, transparent);color:var(--text)}svg{flex-shrink:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.skip-link{z-index:100;background:var(--accent);color:#fff;opacity:0;transition:transform .5s var(--curve), opacity .3s var(--curve);border-radius:8px;padding:8px 12px;text-decoration:none;position:fixed;top:8px;left:16px;transform:translateY(-200%)}.skip-link:focus{opacity:1;transform:translateY(0)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{align-items:center;gap:24px;max-width:1480px;height:64px;margin:0 auto;padding:0 32px;display:flex}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:12px;font-size:20px;font-weight:700;line-height:28px;text-decoration:none;display:inline-flex}.brand img{border-radius:12px}.header-live{color:var(--text-muted);align-items:center;gap:8px;margin-left:auto;font-size:12px;line-height:16px;display:flex}.live-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 4px var(--green-soft);border-radius:50%}.live-dot.has-error{background:var(--red);box-shadow:0 0 0 4px var(--red-soft)}.header-actions{align-items:center;gap:8px;display:flex}.icon-button{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;transition:background .3s var(--curve), border-color .3s var(--curve), transform .5s var(--curve);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-2px)}.icon-button:active:not(:disabled){transform:scale(.98)}.auto-refresh{border:1px solid var(--border);background:var(--surface);height:36px;color:var(--text-muted);transition:background .3s var(--curve), color .3s var(--curve);border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:12px;line-height:16px;display:inline-flex}.auto-refresh.enabled{color:var(--green);background:var(--green-soft);border-color:#0000}.spin{animation:spin .5s var(--curve) infinite}@keyframes spin{to{transform:rotate(360deg)}}.main-content{flex:1;width:100%;max-width:1480px;margin:0 auto;padding:32px 32px 48px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}h1,h2,h3,p{margin:0}.page-heading h1{letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:36px}.page-heading p{color:var(--text-muted);margin-top:8px;font-size:14px;line-height:20px}.updated-at{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;line-height:16px}.summary-bar{background:var(--border);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:32px;display:grid;overflow:hidden}.summary-item{background:var(--surface);align-items:center;gap:12px;min-width:0;padding:24px;display:flex}.summary-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.summary-icon.status-icon{color:var(--green);background:var(--green-soft)}.summary-item>div{flex-direction:column;gap:4px;display:flex}.summary-label{color:var(--text-muted);font-size:12px;line-height:16px}.summary-item strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:24px;font-weight:600;line-height:32px}.summary-item strong small{color:var(--text-muted);font-size:14px;font-weight:500;line-height:20px}.summary-state,.summary-note{white-space:nowrap;margin-left:auto;font-size:12px;line-height:16px}.summary-state{border-radius:6px;padding:4px 8px}.summary-state.all-online{color:var(--green);background:var(--green-soft)}.summary-state.has-offline{color:var(--red);background:var(--red-soft)}.summary-note{color:var(--text-muted);align-self:flex-end}.servers-section{min-width:0}.section-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;display:flex}.section-heading>div:first-child{align-items:baseline;gap:12px;display:flex}.section-heading h2{letter-spacing:-.02em;font-size:20px;font-weight:700;line-height:28px}.section-count{color:var(--text-muted);font-size:12px;line-height:16px}.server-tools{align-items:center;gap:12px;display:flex}.search-field{background:var(--surface);border:1px solid var(--border);width:248px;height:36px;color:var(--text-muted);transition:border-color .3s var(--curve);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.search-field:focus-within{border-color:var(--accent)}.search-field input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:12px;line-height:16px}.search-field input::placeholder{color:var(--text-muted)}.search-field button{color:var(--text-muted);background:0 0;border:0;padding:2px;display:inline-flex}.filter-group,.range-tabs{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;padding:4px;display:flex}.filter-group button,.range-tabs button{min-width:48px;color:var(--text-muted);transition:background .3s var(--curve), color .3s var(--curve), transform .5s var(--curve);background:0 0;border:0;border-radius:6px;padding:4px 12px;font-size:12px;line-height:16px}.filter-group button:hover,.range-tabs button:hover{color:var(--text)}.filter-group button:active,.range-tabs button:active{transform:scale(.98)}.filter-group button.active,.range-tabs button.active{background:var(--surface);color:var(--accent);font-weight:600;box-shadow:0 2px 4px #142d3714}.server-table-head,.server-row{grid-template-columns:minmax(210px,1.5fr) minmax(112px,.8fr) minmax(142px,1fr) minmax(128px,.9fr) minmax(122px,.85fr) minmax(106px,.75fr) 20px;align-items:center;column-gap:16px;display:grid}.server-table-head{color:var(--text-muted);padding:0 24px 8px;font-size:12px;line-height:16px}.server-list{background:var(--border);border:1px solid var(--border);border-radius:12px;gap:1px;display:grid;overflow:hidden}.server-row{background:var(--surface);text-align:left;width:100%;transition:background .3s var(--curve);border:0;padding:24px;position:relative}.server-row:hover{background:var(--surface-hover)}.server-row:focus-visible{outline-offset:-4px}.server-row[data-offline=true]{background:color-mix(in srgb, var(--red-soft) 36%, var(--surface))}.node-identity{align-items:center;gap:12px;min-width:0;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot.online{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.status-dot.offline{background:var(--red);box-shadow:0 0 0 4px var(--red-soft)}.node-identity>div{flex-direction:column;gap:4px;min-width:0;display:flex}.node-name{color:var(--text);font-size:14px;font-weight:700;line-height:20px}.node-meta{text-overflow:ellipsis;white-space:nowrap;max-width:210px;color:var(--text-muted);font-size:12px;line-height:16px;overflow:hidden}.node-status{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.node-status.online{color:var(--green);background:var(--green-soft)}.node-status.offline{color:var(--red);background:var(--red-soft)}.metric-cell{min-width:0}.metric-heading{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:600;line-height:20px;display:flex}.mobile-metric-label{color:var(--text-muted);font-size:12px;font-weight:500;line-height:16px;display:none}.meter{background:var(--border);border-radius:4px;height:4px;overflow:hidden}.meter>span{width:var(--meter-value);border-radius:inherit;background:var(--teal);height:100%;display:block}.meter[data-level=warning]>span{background:var(--amber)}.meter[data-level=critical]>span{background:var(--red)}.meter[data-level=none]>span{background:0 0}.metric-detail{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:8px;font-size:12px;line-height:16px;display:block;overflow:hidden}.network-cell{font-variant-numeric:tabular-nums;flex-direction:column;gap:8px;font-size:12px;line-height:16px;display:flex}.network-cell span{white-space:nowrap;align-items:center;gap:4px;display:flex}.network-cell span:first-child svg{color:var(--accent)}.network-cell span:last-child svg{color:var(--chart-tx)}.uptime-cell{color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:12px;line-height:16px;display:flex}.uptime-cell svg{color:var(--text-muted)}.row-chevron{color:var(--text-muted);transition:transform .5s var(--curve), color .3s var(--curve);justify-self:end}.server-row:hover .row-chevron{color:var(--accent);transform:translate(4px)}.empty-state{text-align:center;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;padding:64px 24px;display:flex}.empty-state h1,.empty-state h3{color:var(--text);margin-top:16px;font-size:20px;line-height:28px}.empty-state p{max-width:65ch;margin-top:8px;font-size:14px;line-height:24px}.text-button{color:var(--accent);background:0 0;border:0;margin-top:12px;padding:8px}.primary-button{background:var(--accent);color:#fff;transition:background .3s var(--curve), transform .5s var(--curve);border:0;border-radius:8px;margin-top:24px;padding:8px 12px;font-size:16px;font-weight:600;line-height:24px}.primary-button:hover{background:var(--accent-strong);transform:translateY(-2px)}.primary-button:active{transform:scale(.98)}.fatal-state{margin-top:64px}.not-found-code{color:var(--accent);font-variant-numeric:tabular-nums;font-size:48px;font-weight:700;line-height:1}.skeleton{background:var(--border);animation:skeleton-pulse .8s var(--curve) infinite alternate;border-radius:6px;display:block}.skeleton-name{width:120px;height:14px;margin-bottom:8px}.skeleton-meta{width:175px;height:12px}.skeleton-metric{width:85%;height:32px}.skeleton-uptime{width:80px;height:14px}.skeleton-row{pointer-events:none}@keyframes skeleton-pulse{0%{opacity:.45}to{opacity:.85}}.notice{border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:12px;line-height:20px;display:flex}.notice button{color:inherit;text-underline-offset:4px;background:0 0;border:0;margin-left:auto;padding:4px 8px;text-decoration:underline}.error-notice{color:var(--red);background:var(--red-soft)}.warning-notice{color:var(--amber);background:var(--amber-soft)}.back-button{color:var(--text-secondary);transition:color .3s var(--curve), transform .5s var(--curve);background:0 0;border:0;align-items:center;gap:8px;margin-bottom:16px;padding:8px 0;font-size:14px;line-height:20px;display:inline-flex}.back-button:hover{color:var(--accent);transform:translate(-2px)}.detail-header{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.detail-title{align-items:center;gap:16px;display:flex}.detail-title .status-dot{width:12px;height:12px}.detail-name-row{align-items:center;gap:12px;display:flex}.detail-name-row h1{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:24px;font-weight:700;line-height:32px}.detail-title p{color:var(--text-muted);overflow-wrap:anywhere;margin-top:8px;font-size:12px;line-height:16px}.detail-meta{color:var(--text-secondary);grid-template-columns:1.4fr 1.2fr .7fr 1fr;gap:24px;margin-top:24px;font-size:12px;line-height:20px;display:grid}.detail-meta span{overflow-wrap:anywhere;min-width:0}.detail-meta small{color:var(--text-muted);margin-bottom:4px;font-size:12px;line-height:16px;display:block}.detail-header+.notice{margin-top:16px}.current-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.current-metric{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:12px;min-width:0;padding:16px;display:flex}.current-metric-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.current-metric>div{flex-direction:column;min-width:0;display:flex}.current-metric span:not(.current-metric-icon){color:var(--text-muted);font-size:12px;line-height:16px}.current-metric strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:4px;font-size:24px;font-weight:600;line-height:32px}.current-metric small{color:var(--text-muted);overflow-wrap:anywhere;margin-top:4px;font-size:12px;line-height:16px}.history-heading{justify-content:space-between;align-items:center;gap:24px;margin:32px 0 16px;display:flex}.history-heading h2{font-size:20px;font-weight:700;line-height:28px}.history-heading p{color:var(--text-muted);margin-top:4px;font-size:12px;line-height:16px}.chart-grid{transition:opacity .3s var(--curve);gap:16px;display:grid}.chart-grid.is-refreshing{opacity:.58}.chart-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.chart-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:0;padding:24px}.chart-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.chart-heading h3{font-size:16px;font-weight:700;line-height:24px}.chart-heading p{color:var(--text-muted);margin-top:4px;font-size:12px;line-height:16px}.chart-legend{color:var(--text-muted);flex-wrap:wrap;gap:16px;font-size:12px;line-height:16px;display:flex}.chart-legend span{align-items:center;gap:4px;display:inline-flex}.chart-legend i{border-radius:50%;width:8px;height:8px}.chart-canvas{touch-action:pan-y;border-radius:8px;width:100%;height:260px;position:relative}.chart-svg{width:100%;height:100%;display:block;overflow:visible}.chart-grid-line{stroke:var(--chart-grid);stroke-width:1px;stroke-dasharray:4 8}.chart-axis-label{fill:var(--text-muted);font-family:inherit;font-size:12px}.chart-cursor-line{stroke:var(--border-strong);stroke-width:1px;stroke-dasharray:4 4}.chart-active-point{pointer-events:none}.chart-tooltip{z-index:2;border:1px solid var(--border);background:var(--surface-raised);min-width:160px;color:var(--text);box-shadow:var(--shadow-menu);pointer-events:none;border-radius:8px;padding:12px;font-size:12px;line-height:20px;position:absolute;top:8px;transform:translate(12px)}.chart-tooltip.align-right{transform:translate(calc(-100% - 12px))}.chart-tooltip>strong{color:var(--text-muted);margin-bottom:8px;font-weight:500;display:block}.chart-tooltip>span{align-items:center;gap:8px;display:flex}.chart-tooltip i{border-radius:50%;width:8px;height:8px}.chart-tooltip b{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.chart-loading{min-height:260px;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;gap:12px;display:flex}.history-empty{padding-top:48px;padding-bottom:48px}.app-footer{border-top:1px solid var(--border);width:100%;max-width:1480px;color:var(--text-muted);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;margin:auto auto 0;padding:24px 32px;font-size:12px;line-height:16px;display:grid}.app-footer>:first-child{justify-self:start}.app-footer>:last-child{justify-self:end}.app-footer span{align-items:center;gap:8px;display:inline-flex}.app-footer .footer-registrations{justify-content:center;justify-self:center}.app-footer a{color:var(--text-muted);transition:color .3s var(--curve);text-decoration:none}.app-footer a:hover{color:var(--accent);text-underline-offset:4px;text-decoration:underline}@media (width<=1240px){.summary-note,.summary-state{display:none}.server-table-head,.server-row{grid-template-columns:minmax(190px,1.4fr) minmax(100px,.75fr) minmax(128px,.95fr) minmax(116px,.85fr) minmax(112px,.8fr) minmax(100px,.7fr) 18px;column-gap:16px}.node-meta{max-width:175px}.node-identity .node-status{display:none}}@media (width<=1080px){.summary-bar{grid-template-columns:1fr 1fr}.server-table-head{display:none}.server-list{background:0 0;border:0;grid-template-columns:1fr 1fr;gap:16px;overflow:visible}.server-row{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:1fr 1fr;gap:16px 24px;padding:24px;display:grid}.server-row:hover{background:var(--surface-hover)}.node-identity{grid-column:1/-1;padding-right:24px}.node-identity .node-status{margin-left:auto;display:inline-flex}.node-meta{max-width:min(300px,46vw)}.mobile-metric-label{display:inline}.network-cell:before,.uptime-cell:before{color:var(--text-muted);content:attr(data-label);margin-bottom:4px;font-size:12px;line-height:16px;display:block}.row-chevron{position:absolute;top:24px;right:16px}.current-metrics-grid{grid-template-columns:1fr 1fr}.detail-meta{grid-template-columns:1.3fr 1fr .7fr 1fr}}@media (width<=680px){.header-inner{gap:12px;height:64px;padding:0 16px}.brand{gap:8px;font-size:18px;line-height:28px}.brand img{width:32px;height:32px}.header-live{display:none}.header-actions{margin-left:auto}.auto-refresh{justify-content:center;width:36px;padding:0}.auto-refresh span{display:none}.main-content{padding:24px 16px 40px}.page-heading{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:24px}.page-heading h1{font-size:24px;line-height:32px}.summary-bar{margin-bottom:24px}.summary-item{gap:12px;padding:16px}.summary-icon{width:32px;height:32px}.summary-item strong{font-size:20px;line-height:28px}.section-heading{flex-direction:column;align-items:flex-start;gap:12px}.server-tools{flex-direction:column;align-items:stretch;width:100%}.search-field{width:100%}.filter-group{align-self:flex-start}.server-list{grid-template-columns:1fr}.node-meta{max-width:calc(100vw - 145px)}.empty-state{padding:48px 16px}.detail-header{padding:24px 16px}.detail-name-row{flex-direction:column;align-items:flex-start;gap:8px}.detail-name-row h1{font-size:24px;line-height:32px}.detail-meta{grid-template-columns:1fr 1fr;gap:16px}.current-metrics-grid{gap:12px}.current-metric{gap:12px;padding:16px}.current-metric strong{font-size:20px;line-height:28px}.history-heading{flex-direction:column;align-items:flex-start}.range-tabs{width:100%}.range-tabs button{flex:1;padding-left:4px;padding-right:4px}.chart-row{grid-template-columns:1fr}.chart-panel{padding:16px 12px}.chart-heading{flex-direction:column;gap:12px;padding:0 4px}.chart-canvas{height:230px}.chart-axis-label{font-size:12px}.app-footer{grid-template-columns:1fr;justify-items:center;gap:8px;padding:16px}.app-footer>:first-child,.app-footer>:last-child,.app-footer .footer-registrations{justify-self:center}}@media (width<=390px){.summary-icon{display:none}.current-metrics-grid{grid-template-columns:1fr}.current-metric{align-items:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:opacity .2s var(--curve)!important;animation:none!important}.server-row:hover .row-chevron,.icon-button:hover,.primary-button:hover,.back-button:hover{transform:none}}