.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{text-align:left;direction:ltr;unicode-bidi:isolate}.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:left;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);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:start;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;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}@media (width<=900px){.nav-toggle{display:inline-flex}.sidebar{inset:56px auto 0;z-index:30;background:var(--panel);visibility:hidden;width:280px;transition:transform .2s,visibility 0s .2s;position:fixed;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}.stat-grid{flex-basis:auto;width:100%}.gauges{justify-content:center}}@media (width<=560px){.stat-grid{grid-template-columns:1fr}}