:root {
  --mfp-bg: #f3f6fb;
  --mfp-panel: #ffffff;
  --mfp-border: #e8edf5;
  --mfp-navy: #0f172a;
  --mfp-navy-2: #172554;
  --mfp-blue: #2563eb;
  --mfp-cyan: #0ea5e9;
  --mfp-green: #16a34a;
  --mfp-yellow: #f59e0b;
  --mfp-red: #dc2626;
  --mfp-text: #0f172a;
  --mfp-muted: #64748b;
  --mfp-radius: 22px;
  --mfp-shadow: 0 18px 45px rgba(15,23,42,.08);
}

* {
  box-sizing: border-box;
}

body {
  background: var(--mfp-bg) !important;
  color: var(--mfp-text) !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--mfp-text);
  font-weight: 900 !important;
  letter-spacing: -0.035em;
}

.text-muted,
.section-muted {
  color: var(--mfp-muted) !important;
}

.card,
.panel,
.tab-card,
.kpi,
.server-card,
.mfp-card {
  background: var(--mfp-panel) !important;
  border: 1px solid var(--mfp-border) !important;
  border-radius: var(--mfp-radius) !important;
  box-shadow: var(--mfp-shadow) !important;
}

.hero,
.mfp-hero {
  background: linear-gradient(135deg, var(--mfp-navy), var(--mfp-navy-2), var(--mfp-blue)) !important;
  color: white !important;
  border-radius: 28px !important;
  padding: 32px !important;
  box-shadow: 0 24px 70px rgba(15,23,42,.22) !important;
}

.hero h1,
.mfp-hero h1,
.hero h2,
.mfp-hero h2 {
  color: white !important;
}

.btn {
  border-radius: 14px !important;
  font-weight: 800 !important;
}

.btn-primary {
  background: var(--mfp-blue) !important;
  border-color: var(--mfp-blue) !important;
}

.btn-dark {
  background: var(--mfp-navy) !important;
  border-color: var(--mfp-navy) !important;
}

.btn-warning {
  background: var(--mfp-yellow) !important;
  border-color: var(--mfp-yellow) !important;
  color: #111827 !important;
}

.form-control,
.form-select {
  border-radius: 14px !important;
  border-color: #dbe3ef !important;
  min-height: 42px;
}

.table {
  color: var(--mfp-text) !important;
}

.badge {
  border-radius: 999px !important;
  font-weight: 800 !important;
}

.alert {
  border-radius: 16px !important;
  font-weight: 700;
}