:root{
  --mc-bg: #f6f8fb;
  --mc-card: #ffffff;
  --mc-border: #e5e7eb;
  --mc-text: #0f172a;
  --mc-muted: #64748b;
}

body{
  background:
    radial-gradient(900px 450px at 10% 0%, rgba(255,193,7,.22), transparent 55%),
    radial-gradient(900px 450px at 100% 0%, rgba(13,110,253,.18), transparent 55%),
    var(--mc-bg);
  color: var(--mc-text);
}

a{ text-decoration: none; }

.card-glass{
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  box-shadow: 0 10px 30px rgba(15,23,42,.06);
}

.form-control, .form-select{
  background: #fff;
  border: 1px solid var(--mc-border);
  color: var(--mc-text);
}

.form-control:focus, .form-select:focus{
  border-color: rgba(13,110,253,.55);
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.15);
  color: var(--mc-text);
}

.form-control::placeholder{ color: rgba(15,23,42,.45); }

.table{
  --bs-table-bg: transparent;
  --bs-table-color: var(--mc-text);
  --bs-table-border-color: var(--mc-border);
}

.table thead th{
  color: rgba(15,23,42,.65);
}

.kpi{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px; border-radius: 14px;
  background: #fff;
  border: 1px solid var(--mc-border);
  box-shadow: 0 8px 20px rgba(15,23,42,.05);
}

.kpi .v{ font-size: 1.4rem; font-weight: 800; color: var(--mc-text); }
.kpi .t{ font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; color: var(--mc-muted); }

.mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

.thumb{
  width: 44px; height: 44px; border-radius: 10px; object-fit: cover;
  border: 1px solid var(--mc-border);
}

footer{ color: var(--mc-muted); }
.text-light-emphasis{ color: var(--mc-muted) !important; }
.border-light{ border-color: var(--mc-border) !important; }