.f23-vps-controls{margin:14px 0;padding:14px 16px;border:1px solid #d9e3f2;border-radius:16px;background:linear-gradient(135deg,#fff,#f7f6ff);box-shadow:0 10px 26px rgba(24,45,84,.07)}
.f23-vps-controls header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.f23-vps-controls header h3{margin:0;color:#102b4e;font-size:15px}.f23-vps-controls header p{margin:2px 0 0;color:#76859d;font-size:11px}.f23-vps-controls header .status-badge{font-size:10px;padding:5px 8px}
.f23-vps-button-grid{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.f23-vps-button-grid button{min-height:36px;width:auto;border:0;border-radius:10px;padding:7px 11px;font-size:12px;line-height:1;font-weight:800;color:#17304f;background:#eef3fa;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.f23-vps-button-grid button svg{width:15px;height:15px}.f23-vps-button-grid button:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(20,47,85,.12)}
.f23-vps-button-grid .is-green{background:#e2f8ef;color:#078461}.f23-vps-button-grid .is-blue{background:#e7f1ff;color:#1269c7}.f23-vps-button-grid .is-orange{background:#fff0dc;color:#b85f00}.f23-vps-button-grid .is-violet{background:#f0e8ff;color:#6a22d8}.f23-vps-button-grid .is-red{background:#ffe7ec;color:#c52b51}
.f23-os-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 18px}.f23-os-card{position:relative;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #dfe6f3;border-radius:16px;background:#fff;cursor:pointer}.f23-os-card:has(input:checked){border-color:#7b35f2;box-shadow:0 0 0 3px rgba(123,53,242,.12);background:#faf7ff}.f23-os-card input{position:absolute;opacity:0}.f23-os-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#225ee8,#8b2cea);color:#fff;font-weight:900}.f23-os-card small{display:block;color:#7b879a;margin-top:2px}
.f23-real-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.f23-real-card{padding:18px;border:1px solid #dce5f2;border-radius:20px;background:#fff;box-shadow:0 12px 28px rgba(28,48,81,.07)}.f23-real-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.f23-real-card h3{margin:2px 0 5px;color:#112e50}.f23-real-card p{margin:0;color:#74849c}.f23-real-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.f23-real-facts span{padding:10px;border-radius:12px;background:#f5f8fc}.f23-real-facts small,.f23-real-facts b{display:block}.f23-real-facts small{font-size:10px;color:#8693a8;font-weight:800}.f23-real-facts b{margin-top:4px;color:#173354}.f23-node-meter{height:7px;border-radius:99px;background:#edf1f7;overflow:hidden;margin-top:6px}.f23-node-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1b85ea,#792be6)}
.f23-compact-admin-action{min-height:36px!important;padding:7px 12px!important;border-radius:10px!important;font-size:12px!important}.f23-vps-live-dashboard{margin:14px 0;display:grid;gap:12px}.f23-vps-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.f23-vps-info>div{min-width:0;padding:10px 12px;border:1px solid #e1e8f3;border-radius:12px;background:#fff}.f23-vps-info small,.f23-vps-info b{display:block}.f23-vps-info small{color:#8492a8;font-size:9px;font-weight:900;letter-spacing:.06em}.f23-vps-info b{margin-top:4px;color:#173354;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.f23-telemetry-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.f23-telemetry-chart{padding:12px 14px;border:1px solid #dfe8f3;border-radius:16px;background:linear-gradient(145deg,#fff,#f7faff);overflow:hidden}.f23-telemetry-chart header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 7px}.f23-telemetry-chart header small,.f23-telemetry-chart header strong{display:block}.f23-telemetry-chart header small{font-size:10px;font-weight:900;color:#7888a0;text-transform:uppercase;letter-spacing:.05em}.f23-telemetry-chart header strong{margin-top:3px;font-size:14px;color:#132f51}.f23-telemetry-chart header>span{font-size:10px;color:#8390a3}.f23-telemetry-chart svg{display:block;width:100%;height:112px}.f23-telemetry-chart svg g line{stroke:#e4eaf3;stroke-width:.45}.f23-telemetry-chart polyline{fill:none;stroke:var(--series);stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.f23-telemetry-chart footer{display:flex;align-items:center;gap:12px;font-size:10px;color:#758399}.f23-telemetry-chart footer span{display:inline-flex;align-items:center;gap:5px}.f23-telemetry-chart footer i{width:8px;height:8px;border-radius:50%;background:var(--series)}.f23-telemetry-chart footer em{margin-left:auto;font-style:normal}.f23-chart-empty{height:112px;display:grid;place-items:center;color:#8996aa;font-size:12px}.modal-card:has(.f23-admin-vps-detail){width:min(980px,94vw);max-width:980px}.f23-admin-vps-detail>.modal-actions{margin-top:12px}
.f23-ip-list{display:grid;gap:8px}.f23-ip-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:12px;border-radius:14px;background:#f6f8fc}.f23-ip-row b{color:#173354}.f23-vps-live-note{padding:12px 14px;border-radius:14px;background:#ecfbf6;color:#08775a;font-weight:700}
@media(max-width:900px){.f23-real-admin-grid{grid-template-columns:1fr}.f23-real-facts{grid-template-columns:repeat(2,1fr)}.f23-vps-info{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.f23-telemetry-charts{grid-template-columns:1fr}.f23-vps-controls{padding:12px;border-radius:14px}.f23-vps-button-grid button{min-height:34px;padding:7px 10px}.f23-vps-info{grid-template-columns:1fr 1fr}.f23-os-grid{grid-template-columns:1fr}}
@media(max-width:420px){.f23-vps-info{grid-template-columns:1fr}.f23-vps-button-grid{gap:6px}.f23-vps-button-grid button{font-size:11px}.f23-telemetry-chart svg{height:96px}}