.uplot,.uplot *,.uplot :before,.uplot :after{box-sizing:border-box}.uplot{width:min-content;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}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{-webkit-user-select:none;user-select:none;position:relative}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{width:100%;height:100%;display:block;position:relative}.u-axis{position:absolute}.u-legend{text-align:center;margin:auto;font-size:14px}.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{pointer-events:none;background:#00000012;position:absolute}.u-cursor-x,.u-cursor-y{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.u-hz .u-cursor-x,.u-vt .u-cursor-y{border-right:1px dashed #607d8b;height:100%}.u-hz .u-cursor-y,.u-vt .u-cursor-x{border-bottom:1px dashed #607d8b;width:100%}.u-cursor-pt{pointer-events:none;will-change:transform;border:0 solid;border-radius:50%;position:absolute;top:0;left:0;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}:root{--bg:#0b1220;--panel:#111a2e;--panel-2:#172238;--border:#223052;--text:#e6eaf2;--muted:#8b9bb4;--ok:#22c55e;--warn:#f59e0b;--danger:#ef4444;--accent:#38bdf8;--accent-2:#0ea5e9;--radius:12px;--shadow:0 1px 0 #ffffff08 inset, 0 8px 24px #00000040;--font:"Segoe UI", Tahoma, "Noto Sans Arabic", "Noto Kufi Arabic", system-ui, sans-serif;--mono:ui-monospace, "Cascadia Mono", Consolas, Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:hidden}body{background:radial-gradient(1200px 600px at 100% -10%, #13213f 0%, var(--bg) 60%);color:var(--text);font-family:var(--font);margin:0;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}h1{align-items:center;gap:10px;margin:0;font-size:22px;display:flex}h3{margin:0 0 12px;font-size:15px}code,.mono{font-family:var(--mono);font-size:12.5px}.ltr{direction:ltr;unicode-bidi:isolate}.danger-text{color:#fecaca}.muted{color:var(--muted)}.small{font-size:12px}.pad{padding:10px 14px}.spacer{flex:1}.splash{height:100%;color:var(--muted);place-items:center;display:grid}.app{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#111a2ed9;align-items:center;gap:14px;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.brand{letter-spacing:.2px;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.brand-lg{justify-content:center;margin-bottom:4px;font-size:22px}.brand-mark{border:3px solid var(--ok);border-radius:50%;width:14px;height:14px;display:inline-block;box-shadow:0 0 0 3px #22c55e26}.body{flex:1;min-height:0;display:flex}.sidebar{border-inline-end:1px solid var(--border);background:#111a2e99;flex-direction:column;flex:0 0 264px;width:264px;display:flex;overflow-y:auto}.sidebar-head{justify-content:space-between;align-items:center;padding:14px 14px 8px;font-weight:600;display:flex}.server-nav{flex-direction:column;gap:2px;padding:4px 8px 16px;display:flex}.server-nav-item{color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:9px 10px;display:flex}.server-nav-item:hover{background:var(--panel-2)}.server-nav-item.active{color:#c9ecff;background:#38bdf81f}.server-nav-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.server-nav-meta{color:var(--muted);font-size:11px;font-family:var(--mono)}.nav-icon{color:var(--muted)}.nav-toggle,.sidebar-backdrop{display:none}.main{flex:1;min-width:0;overflow-y:auto}.page{max-width:1400px;margin:0 auto;padding:20px 24px 40px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.actions{flex-wrap:wrap;gap:8px;display:flex}.inline-form{align-items:center;gap:8px;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.server-card{color:inherit;transition:transform .12s,border-color .12s;display:block}.server-card:hover{border-color:#2f4270;transform:translateY(-2px)}.server-card.is-offline{opacity:.72}.server-card-head{justify-content:space-between;gap:10px;margin-bottom:10px;display:flex}.server-name{align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.server-card-foot{flex-wrap:wrap;gap:14px;margin-top:10px;display:flex}.empty{text-align:center;padding:40px 20px}.empty-inline{padding:12px 0}.two-col{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.two-col+.card{margin-top:14px}.tiles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:18px;display:grid}.tile{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.tile-label{color:var(--muted);font-size:12px}.tile-value{font-variant-numeric:tabular-nums;margin-top:2px;font-size:26px;font-weight:700}.tile-sub{font-size:12px}.tile-danger .tile-value{color:var(--danger)}.tile-warn .tile-value{color:var(--warn)}.status{align-items:center;gap:6px;display:inline-flex}.dot{background:var(--muted);border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.status-online .dot{background:var(--ok);box-shadow:0 0 0 3px #22c55e2e}.status-offline .dot{background:var(--danger)}.status-never .dot{background:#475569}.badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500}.badge-online{color:var(--ok);border-color:#22c55e59}.badge-offline{color:var(--danger);border-color:#ef444459}.live{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.live-open .dot{background:var(--ok)}.live-connecting .dot{background:var(--warn)}.live-closed .dot{background:var(--danger)}.tag{background:var(--panel-2);border-radius:999px;margin-inline-end:4px;padding:1px 8px;font-size:11px;display:inline-block}.bar{margin:8px 0}.bar-head{justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.bar-text{color:var(--muted);font-family:var(--mono);direction:ltr;font-size:11.5px}.bar-track{border:1px solid var(--border);background:#0f172a;border-radius:999px;height:7px;overflow:hidden}.bar-fill{background:var(--ok);border-radius:999px;height:100%;transition:width .4s}.bar-warn .bar-fill{background:var(--warn)}.bar-danger .bar-fill{background:var(--danger)}.bar-muted .bar-fill{background:#475569}.bar-inline{align-items:center;gap:10px;margin:0;display:flex}.bar-inline .bar-track{flex:1}.gauges{flex-wrap:wrap;align-items:center;gap:22px;margin-bottom:14px;display:flex}.gauge{text-align:center}.gauge-track{stroke:#0f172a}.gauge-arc{stroke:var(--ok);transition:stroke-dasharray .5s}.gauge-warn .gauge-arc{stroke:var(--warn)}.gauge-danger .gauge-arc{stroke:var(--danger)}.gauge-muted .gauge-arc{stroke:#475569}.gauge-value{fill:var(--text);font-size:18px;font-weight:700;font-family:var(--mono)}.gauge-label{margin-top:4px;font-size:13px}.gauge-sub{color:var(--muted);direction:ltr;font-size:11px}.kv{flex-direction:column;gap:0;margin-inline-start:auto;display:flex}.kv-grid{grid-template-columns:1fr 1fr;gap:0 24px;margin:0;display:grid}.info{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;display:flex}.info:last-child{border-bottom:0}.info-label{color:var(--muted);flex:none;font-size:12px}.info-value{word-break:break-word;text-align:right;font-size:13px}.stat-grid{flex:440px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}.stat{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;min-width:0;padding:10px 12px}.stat-title{color:var(--accent);margin-bottom:6px;font-size:12px;font-weight:600}.stat-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px;font-size:13px;line-height:1.8;display:flex}.stat-row span{color:var(--muted)}.stat-row b{font-weight:600;font-family:var(--mono);white-space:nowrap;font-size:13px}.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.range-bar{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 12px;display:flex}.chip{background:var(--panel);border:1px solid var(--border);color:var(--muted);cursor:pointer;font:inherit;border-radius:999px;padding:4px 12px;font-size:12.5px}.chip:hover{color:var(--text)}.chip.active{color:#c9ecff;background:#38bdf824;border-color:#38bdf866}.charts{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:14px;display:grid}.chart{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px 12px 6px;position:relative}.chart-title{margin-bottom:6px;font-size:13px;font-weight:600}.chart-body{width:100%}.chart-empty{color:var(--muted);pointer-events:none;place-items:center;display:grid;position:absolute;inset:40px 0 0}.uplot{font-family:var(--font)!important}.uplot .u-legend{color:var(--muted);text-align:right;direction:rtl;font-size:12px}.uplot .u-legend .u-value{font-family:var(--mono)}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table th,.table td{border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;padding:7px 10px}.table th{color:var(--muted);font-size:12px;font-weight:600}.table tbody tr:hover{background:#ffffff05}.table .cmd{text-overflow:ellipsis;max-width:380px;color:var(--muted);overflow:hidden}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable.active{color:var(--accent)}.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.btn:hover{border-color:#35497a}.btn:disabled{opacity:.55;cursor:default}.btn-sm{padding:5px 10px;font-size:12.5px}.btn-primary{background:var(--accent-2);border-color:var(--accent-2);color:#07111f;font-weight:600}.btn-primary:hover{background:var(--accent);border-color:var(--accent)}.btn-danger{color:#fecaca;border-color:#ef444473}.btn-danger:hover{background:#ef444426}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text);background:var(--panel-2)}.btn-block{justify-content:center;width:100%}.form{flex-direction:column;gap:12px;display:flex}.field{flex-direction:column;gap:6px;font-size:13px;display:flex}.field>span{color:var(--muted);font-size:12px}input,textarea{color:var(--text);border:1px solid var(--border);font:inherit;background:#0c1526;border-radius:8px;padding:9px 12px}input:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #38bdf826}.alert{border:1px solid;border-radius:8px;padding:10px 12px;font-size:13px}.alert-danger{color:#fecaca;background:#ef44441a;border-color:#ef444459}.alert-warn{color:#fde68a;background:#f59e0b1a;border-color:#f59e0b59}.code-row{align-items:flex-start;gap:8px;display:flex}.code-row code{border:1px solid var(--border);white-space:nowrap;text-align:left;background:#0c1526;border-radius:8px;flex:1;padding:9px 12px;overflow-x:auto}.code-row code.wrap{white-space:pre-wrap;word-break:break-all}.token-reveal{flex-direction:column;gap:12px;display:flex}.modal-backdrop{z-index:50;background:#020617b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:14px;width:min(520px,100%);box-shadow:0 20px 60px #00000080}.modal-wide{width:min(760px,100%)}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.modal-head h3{margin:0}.modal-body{padding:16px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.login-wrap{place-items:center;min-height:100%;padding:20px;display:grid}.login{text-align:center;flex-direction:column;gap:14px;width:min(380px,100%);padding:28px;display:flex}.login .field{text-align:start}.login p{margin:-6px 0 6px}.server-select{position:relative}.server-select-btn{background:var(--panel-2);border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:8px;max-width:320px;padding:6px 12px;display:inline-flex}.server-select-btn:hover,.server-select-btn.open{border-color:#35497a}.server-select-label{color:var(--muted);font-size:12px}.server-select-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.caret{color:var(--muted);font-size:11px}.server-select-menu{top:calc(100% + 6px);z-index:40;background:var(--panel);border:1px solid var(--border);border-radius:12px;min-width:320px;max-width:420px;max-height:70vh;padding:6px;position:absolute;inset-inline-start:0;overflow-y:auto;box-shadow:0 16px 48px #00000080}.server-select-item{text-align:right;width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;display:flex}.server-select-item:hover{background:var(--panel-2)}.server-select-item.active{background:#38bdf81f}.server-select-item .server-select-name{text-align:right;flex:1}.server-select-meta{color:var(--muted);font-size:11px}.server-select-foot{border-top:1px solid var(--border);justify-content:space-between;gap:8px;margin-top:6px;padding:8px 6px 2px;display:flex}.side-section{border-bottom:1px solid var(--border);padding:12px 10px 6px}.side-head{align-items:center;gap:8px;padding:2px 6px 8px;font-size:13px;font-weight:600;display:flex}.side-head-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-nav{flex-direction:column;gap:2px;display:flex}.side-item{color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:9px 10px;display:flex}.side-item:hover{background:var(--panel-2)}.side-item.active{color:#c9ecff;background:#38bdf81f}.side-item.disabled{color:var(--muted);opacity:.6;cursor:not-allowed}.side-icon{text-align:center;width:20px}.side-foot{margin-top:auto;padding:12px 16px}.user-name{text-overflow:ellipsis;max-width:120px;overflow:hidden}.files-card{padding:10px 14px 14px;position:relative}.files-card.drag-over{border-color:var(--accent);box-shadow:0 0 0 3px #38bdf833}.files-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;padding:4px 2px 10px;display:flex}.crumbs{flex-wrap:wrap;align-items:center;gap:2px;font-size:14px;display:flex}.crumb-wrap{align-items:center;display:inline-flex}.crumb-sep{color:var(--muted);margin:0 4px}.crumb{color:var(--accent);font:inherit;font-family:var(--mono);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px 4px;font-size:13.5px}.crumb:hover{background:var(--panel-2)}.crumb.current{color:var(--text);cursor:default;font-weight:600}.ftable-wrap{overflow-x:auto}.ftable .frow{cursor:pointer}.ftable .frow:hover{background:#ffffff08}.ftable .frow-up td{color:var(--muted)}.ftable td,.ftable th{padding:8px 10px}.fname{align-items:center;gap:8px;display:inline-flex}.fname-text{font-family:var(--mono);font-size:13px}.frow-dir .fname-text{color:#c9ecff;font-weight:600}.ficon{color:var(--muted);flex:none}.ficon-dir{color:#60a5fa;fill:#60a5fa2e}.ficon-image{color:#f472b6}.ficon-code{color:#34d399}.ficon-config{color:#fbbf24}.ficon-archive{color:#fb923c}.ficon-doc{color:#a78bfa}.ficon-media{color:#22d3ee}.ficon-link{color:#94a3b8}.col-size{width:120px}.col-time{width:130px}.col-actions{width:48px;text-align:left!important}.sizing{opacity:.6;animation:1.2s infinite pulse}@keyframes pulse{0%,to{opacity:.35}50%{opacity:.9}}.ftable-foot{flex-wrap:wrap;gap:16px;padding:8px 4px 0;display:flex}.menu{display:inline-block;position:relative}.menu summary{cursor:pointer;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu-items{inset-inline-end:0;z-index:30;background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;min-width:180px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);box-shadow:0 12px 36px #00000080}.menu-items button{color:var(--text);text-align:right;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px}.menu-items button:hover{background:var(--panel-2)}.menu-items button.danger{color:#fecaca}.drop-hint{border-radius:var(--radius);pointer-events:none;background:#0b1220d9;place-items:center;font-size:16px;display:grid;position:absolute;inset:0}.uploads{bottom:16px;z-index:45;flex-direction:column;gap:8px;width:min(380px,100vw - 32px);display:flex;position:fixed;inset-inline-start:16px}.upload{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;padding:10px 12px}.upload-head{justify-content:space-between;gap:10px;margin-bottom:6px;font-size:13px;display:flex}.upload-done .bar-fill{background:var(--ok)}.upload-error .bar-fill{background:var(--danger)}.toast{bottom:16px;background:var(--panel-2);border:1px solid var(--border);z-index:46;box-shadow:var(--shadow);border-radius:10px;padding:10px 14px;position:fixed;inset-inline-end:16px}.fview-head{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;margin-bottom:10px;padding:6px 2px 12px;display:flex}.fview-title{align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.fview-meta{flex-wrap:wrap;gap:14px;display:flex}.fview-actions{flex-wrap:wrap;gap:6px;display:flex}.code{border:1px solid var(--border);max-height:75vh;font-family:var(--mono);background:#0c1526;border-radius:10px;font-size:12.5px;line-height:1.6;overflow:auto}.code-lines{counter-reset:ln;min-width:max-content;margin:0;padding:8px 0;list-style:none}.code-lines li{counter-increment:ln;white-space:pre;display:flex}.code-lines li:before{content:counter(ln);text-align:end;color:#4b5b78;-webkit-user-select:none;user-select:none;background:#0c1526;flex:0 0 56px;width:56px;padding-inline-end:14px;display:inline-block;position:sticky;inset-inline-start:0}.code-lines li:hover{background:#ffffff08}.editor{width:100%;min-height:320px;color:var(--text);border:1px solid var(--accent);font-family:var(--mono);resize:vertical;tab-size:2;white-space:pre;overflow-wrap:normal;background:#0c1526;border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.6;overflow-x:auto}.fview-image{background:repeating-conic-gradient(#0f172a 0 25%, #111a2e 0 50%) 0 0 / 24px 24px;border:1px solid var(--border);border-radius:10px;place-items:center;padding:16px;display:grid}.fview-image img{border-radius:6px;max-width:100%;max-height:70vh}.mem-summary{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:14px;display:flex}.mem-detail{flex-direction:column;flex:480px;gap:12px;min-width:0;display:flex}.stack{border:1px solid var(--border);background:#0f172a;border-radius:999px;height:14px;display:flex;overflow:hidden}.stack-seg{height:100%;transition:width .4s}.seg-used{background:var(--accent-2)}.seg-cache{background:#a78bfa}.seg-free{background:#1e293b}.mem-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.mem-tile{background:var(--panel-2);border:1px solid var(--border);border-inline-start-width:4px;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.mem-tile.seg-used-t{border-inline-start-color:var(--accent-2)}.mem-tile.seg-cache-t{border-inline-start-color:#a78bfa}.mem-tile.seg-free-t{border-inline-start-color:#475569}.mem-k{color:var(--muted);font-size:12px}.mem-tile b{font-size:15px}.kind{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.kind-pm2{color:#86efac;border-color:#22c55e59}.kind-systemd{color:#93c5fd;border-color:#60a5fa59}.kind-docker{color:#67e8f9;border-color:#22d3ee59}.kind-user{color:#fcd34d;border-color:#f59e0b59}.group-row{cursor:pointer}.group-row:hover{background:#ffffff08}.group-name{align-items:center;gap:8px;display:inline-flex}.group-sub>td{background:#ffffff05;padding:6px 10px 10px 40px!important}.sub-table{font-size:12.5px}.sub-table th{font-size:11.5px}.row-actions{gap:4px;display:inline-flex}.mem-table .col-actions{width:170px}.search{color:var(--text);border:1px solid var(--border);font:inherit;background:#0c1526;border-radius:999px;min-width:240px;padding:5px 14px;font-size:13px}.chip-toggle{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.chip-toggle input{accent-color:var(--accent)}.alert-ok{color:#bbf7d0;background:#22c55e1a;border-color:#22c55e59}.result-box{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.result-out{font-family:var(--mono);white-space:pre-wrap;text-align:left;background:#00000040;border-radius:8px;max-height:200px;margin:0;padding:8px 10px;font-size:12px;overflow:auto}.agent-update{align-items:center;gap:8px;display:inline-flex}.agent-update-manual{flex-direction:column;gap:6px;display:flex}@media (width<=900px){.nav-toggle{display:inline-flex}.sidebar{z-index:30;background:var(--panel);visibility:hidden;width:280px;transition:transform .2s,visibility 0s .2s;position:fixed;inset:56px auto 0;inset-inline-start:0;transform:translate(100%)}[dir=ltr] .sidebar{transform:translate(-100%)}.sidebar.open{visibility:visible;transition:transform .2s;transform:none}.body{overflow-x:clip}.sidebar-backdrop{z-index:25;background:#00000080;display:block;position:fixed;inset:56px 0 0}.page{padding:16px}.two-col,.charts{grid-template-columns:1fr}.kv{width:100%;margin-inline-start:0}.kv-grid{grid-template-columns:1fr}.server-select-btn{max-width:170px}.server-select-label,.live,.user-name{display:none}.server-select-menu{inset-inline:12px;min-width:0;max-width:none;position:fixed;top:60px}.col-time{display:none}.stat-grid{flex-basis:auto;width:100%}.gauges{justify-content:center}}@media (width<=560px){.stat-grid{grid-template-columns:1fr}}