:root {
  --card-radius: 16px;
  --ink: #0f172a;
  --muted: #6b7280;
  --brand: #2563eb;
  --glass: rgba(255, 255, 255, 0.8);
}

body {
  font-family: 'Manrope', 'Segoe UI', system-ui, -apple-system, sans-serif;
  background: radial-gradient(circle at 20% 20%, rgba(37, 99, 235, 0.04), transparent 45%), #f3f6fb;
  color: var(--ink);
}

main.container {
  max-width: 1240px;
}

.navbar {
  backdrop-filter: blur(12px);
}

.navbar-brand {
  letter-spacing: -0.01em;
}

.card, .section-card {
  border-radius: var(--card-radius);
}

.table td, .table th { vertical-align: middle; }
.table td input.form-control { min-width: 140px; }

.log-area {
  height: 60vh;
  overflow: auto;
  white-space: pre-wrap;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--card-radius);
  padding: .75rem;
  background: var(--bs-tertiary-bg);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: .9rem;
}