:root {
  --ing-bg: #f6f8fb;
  --ing-panel: #ffffff;
  --ing-border: #d9e1ec;
  --ing-text: #172033;
  --ing-muted: #64748b;
  --ing-accent: #2563eb;
  --ing-accent-dark: #1d4ed8;
  --ing-good: #0f766e;
  --ing-warn: #b45309;
  --ing-bad: #b91c1c;
  --ing-shadow: 0 14px 40px rgba(15, 23, 42, 0.08);
  --ing-radius: 18px;
}
.ingenium-saas-shell {
  background: var(--ing-bg);
  margin: 0 0 0 -20px;
  min-height: 100vh;
  color: var(--ing-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.ingenium-saas-topbar {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 55%, #2563eb 100%);
  color: #fff;
  padding: 28px 32px;
  display: flex;
  gap: 22px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ingenium-brand h1 { margin: 0; font-size: 28px; letter-spacing: -0.03em; color:#fff; }
.ingenium-brand p { margin: 6px 0 0; color: rgba(255,255,255,.82); font-size: 14px; }
.ingenium-actions { display:flex; gap:10px; flex-wrap:wrap; }
.ingenium-button {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  border-radius: 999px; padding: 10px 16px; border: 1px solid rgba(255,255,255,.28);
  color:#fff; text-decoration:none; background:rgba(255,255,255,.12);
  font-weight:700; font-size:13px;
}
.ingenium-button.primary { background:#fff; color:#1e3a8a; border-color:#fff; }
.ingenium-saas-layout { display:grid; grid-template-columns: 250px 1fr; min-height: calc(100vh - 96px); }
.ingenium-sidebar {
  background:#fff; border-right:1px solid var(--ing-border); padding: 22px 16px;
}
.ingenium-sidebar-title { color:var(--ing-muted); font-size:12px; text-transform:uppercase; letter-spacing:.1em; margin: 8px 12px 10px; font-weight:800; }
.ingenium-nav { display:flex; flex-direction:column; gap:6px; }
.ingenium-nav a {
  color:var(--ing-text); text-decoration:none; padding:11px 12px; border-radius:12px;
  display:flex; justify-content:space-between; align-items:center; font-weight:700; font-size:14px;
}
.ingenium-nav a:hover, .ingenium-nav a.active { background:#eef4ff; color:var(--ing-accent-dark); }
.ingenium-content { padding: 28px; }
.ingenium-grid { display:grid; grid-template-columns: repeat(12, 1fr); gap: 18px; }
.ingenium-card {
  background:var(--ing-panel); border:1px solid var(--ing-border); border-radius:var(--ing-radius);
  padding:20px; box-shadow:var(--ing-shadow);
}
.ingenium-card.span-3 { grid-column:span 3; }
.ingenium-card.span-4 { grid-column:span 4; }
.ingenium-card.span-6 { grid-column:span 6; }
.ingenium-card.span-8 { grid-column:span 8; }
.ingenium-card.span-12 { grid-column:span 12; }
.ingenium-card h2, .ingenium-card h3 { margin:0 0 10px; letter-spacing:-.02em; }
.ingenium-kpi-value { font-size:34px; font-weight:900; letter-spacing:-.04em; margin:4px 0; }
.ingenium-kpi-label { color:var(--ing-muted); font-size:13px; font-weight:700; }
.ingenium-badge {
  display:inline-flex; align-items:center; border-radius:999px; padding:5px 10px; font-size:12px; font-weight:800;
  background:#eef4ff; color:#1d4ed8; border:1px solid #bfdbfe;
}
.ingenium-badge.good { background:#ecfdf5; color:var(--ing-good); border-color:#99f6e4; }
.ingenium-badge.warn { background:#fffbeb; color:var(--ing-warn); border-color:#fde68a; }
.ingenium-badge.bad { background:#fef2f2; color:var(--ing-bad); border-color:#fecaca; }
.ingenium-table { width:100%; border-collapse:collapse; overflow:hidden; border-radius:12px; }
.ingenium-table th { text-align:left; font-size:12px; color:var(--ing-muted); text-transform:uppercase; letter-spacing:.08em; background:#f8fafc; }
.ingenium-table th, .ingenium-table td { padding:12px; border-bottom:1px solid var(--ing-border); }
.ingenium-table td { font-weight:650; }
.ingenium-split { display:grid; grid-template-columns: 1fr 1fr; gap:18px; }
.ingenium-command {
  display:flex; gap:10px; background:#fff; border:1px solid var(--ing-border); padding:10px; border-radius:999px;
  box-shadow:var(--ing-shadow); align-items:center;
}
.ingenium-command input { border:0; outline:0; flex:1; font-size:14px; min-width:220px; }
.ingenium-progress { height:10px; border-radius:999px; background:#e2e8f0; overflow:hidden; }
.ingenium-progress span { display:block; height:100%; background:linear-gradient(90deg, #2563eb, #14b8a6); }
.ingenium-mobile-tabs { display:none; }
@media (max-width: 1100px) {
  .ingenium-saas-layout { grid-template-columns: 1fr; }
  .ingenium-sidebar { display:none; }
  .ingenium-mobile-tabs { display:flex; overflow:auto; gap:8px; margin-bottom:16px; }
  .ingenium-card.span-3, .ingenium-card.span-4, .ingenium-card.span-6, .ingenium-card.span-8 { grid-column:span 12; }
}
@media (max-width: 700px) {
  .ingenium-saas-shell { margin-left:-10px; }
  .ingenium-content { padding:18px; }
  .ingenium-saas-topbar { padding:22px 18px; }
  .ingenium-split { grid-template-columns:1fr; }
}