:root{--bg:#f4f6f9;--panel:#fff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--brand:#2563eb;--brand-ink:#fff;--danger:#dc2626;--moving:#16a34a;--stopped:#2563eb;--sleep:#7c3aed;--offline:#94a3b8;--inactive:#cbd5e1;--unknown:#f59e0b;--radius:10px;--shadow:0 1px 2px #0f172a0f, 0 4px 16px #0f172a0f;color:var(--ink);background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}button,input,select{font:inherit;color:inherit}.btn{border:1px solid var(--line);background:var(--panel);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 14px;font-weight:500;display:inline-flex}.btn:hover{background:#f8fafc}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn-primary:hover{background:#1d4ed8}.btn-danger{color:var(--danger)}.btn-sm{height:30px;padding:0 10px;font-size:13px}.input{border:1px solid var(--line);background:#fff;border-radius:8px;outline:none;width:100%;height:38px;padding:0 12px}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #2563eb26}.label{color:#334155;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.error{color:var(--danger);font-size:14px}.muted{color:var(--muted)}.dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.s-moving{background:var(--moving)}.s-stopped{background:var(--stopped)}.s-sleep{background:var(--sleep)}.s-offline{background:var(--offline)}.s-inactive{background:var(--inactive)}.s-unknown{background:var(--unknown)}.vm{cursor:pointer;flex-direction:column;align-items:center;display:flex;position:relative;transform:translate(-50%,-50%)}.vm-pin{border:3px solid #fff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;box-shadow:0 1px 4px #00000059}.vm-arrow{width:16px;height:16px}.vm-label{white-space:nowrap;background:#ffffffeb;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600;position:absolute;top:30px;box-shadow:0 1px 2px #0003}.vm-active .vm-pin{width:34px;height:34px;box-shadow:0 0 0 4px #2563eb59,0 1px 4px #00000059}.vm-active .vm-label{background:var(--ink);color:#fff;top:38px}.tm{border:3px solid #fff;border-radius:50%;width:14px;height:14px;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0006}.tc{background:var(--ink);border:3px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0006}.tc svg{width:16px;height:16px}