@import url(https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700&display=swap);#app,body,html{margin:0;min-height:100%;font-family:General Sans,PingFang SC,Microsoft YaHei,sans-serif;scroll-behavior:smooth}body{background:#000}body,button,input,textarea{font-family:General Sans,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}.panel-card{background:hsla(0,0%,100%,.95);border:none;border-radius:18px;box-shadow:0 14px 36px rgba(15,23,42,.12)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.toolbar-left,.toolbar-right{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.page-section-title{font-size:18px;font-weight:700;color:#111827}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{padding:22px;border-radius:18px;color:#fff;box-shadow:0 16px 28px rgba(15,23,42,.16)}.metric-label{font-size:13px;opacity:.88}.metric-value{margin-top:10px;font-size:32px;font-weight:700;letter-spacing:-.02em}.metric-card.sky{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.metric-card.green{background:linear-gradient(135deg,#10b981,#059669)}.metric-card.orange{background:linear-gradient(135deg,#f59e0b,#ea580c)}.metric-card.slate{background:linear-gradient(135deg,#475569,#1e293b)}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600}.status-pill.online{color:#047857;background:#d1fae5}.status-pill.offline{color:#6b7280;background:#f3f4f6}.status-pill.active{color:#1d4ed8;background:#dbeafe}.status-pill.inactive{color:#b45309;background:#fef3c7}.page-note{color:#6b7280;font-size:13px}