:root{
  --bg:#0f1115;
  --card:#161a21;
  --card-2:#1b2029;
  --text:#e5e7eb;
  --muted:#9aa3b2;
  --accent:#3ddc97;
  --accent-2:#5aa7ff;
  --border:#242a35;
  --chip:#212735;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: radial-gradient(1200px 600px at 20% -10%, #1f2937 0%, #0f1115 60%);
  color:var(--text);
}
a{color:var(--accent-2); text-decoration:none}
.container{max-width:1280px;margin:32px auto;padding:0 20px}
.topbar{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:18px
}
.brand{display:flex;align-items:center;gap:12px;font-weight:700}
.brand img{height:36px}
.nav a{margin-right:14px;color:var(--muted)}
.card{
  background:linear-gradient(180deg, var(--card), var(--card-2));
  border:1px solid var(--border);
  border-radius:18px;
  padding:18px;
  box-shadow:0 14px 28px rgba(0,0,0,.28);
}
.grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}
.btn{
  background:linear-gradient(90deg, var(--accent), #2bbf7d);
  border:none;color:#0f1115;padding:8px 12px;border-radius:10px;font-weight:600;cursor:pointer
}
.btn.secondary{
  background:#263143;color:var(--text);
}
.input, select{
  background:#0f131a;border:1px solid var(--border);color:var(--text);
  padding:8px 10px;border-radius:10px;width:100%
}
.input.small{width:90px}
.config-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.config-item{display:flex;flex-direction:column;gap:6px;min-width:120px;flex:1}
.config-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.config-item .input{height:34px}
.table{width:100%;border-collapse:collapse;font-size:12px}
.table th,.table td{padding:8px;border-bottom:1px solid var(--border);vertical-align:top}
.chip{background:var(--chip);padding:4px 8px;border-radius:999px;color:var(--muted)}
.muted{color:var(--muted)}
.section-title{font-size:14px;margin:6px 0 10px 0;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.login-wrap{
  width:380px;margin:90px auto;padding:22px;border-radius:16px;background:linear-gradient(180deg,var(--card),var(--card-2));
  border:1px solid var(--border)
}
.login-wrap h3{margin:0 0 10px 0}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px}
.badge{display:inline-flex;align-items:center;gap:6px;background:#10161f;border:1px solid var(--border);padding:6px 10px;border-radius:999px}
.log-table td{max-width:380px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}
.metric-card{background:#10151d;border:1px solid var(--border);border-radius:14px;padding:16px;min-height:90px}
.metric-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.metric-value{font-size:22px;font-weight:800;margin-top:6px}
.metric-sub{color:var(--muted);font-size:11px;margin-top:2px}