.quantum-supply {
  --qs-canvas:#e6edf1;
  --qs-canvas-deep:#d7e1e8;
  --qs-surface:rgba(255,255,255,.82);
  --qs-surface-strong:rgba(255,255,255,.94);
  --qs-line:rgba(21,36,48,.09);
  --qs-line-strong:rgba(21,36,48,.18);
  --qs-ink:#14232f;
  --qs-ink-soft:#5d707d;
  --qs-ink-faint:#82939e;
  --qs-accent:#0b7a70;
  --qs-accent-2:#2f63ff;
  --qs-danger:#d55346;
  --qs-warn:#d6912f;
  --qs-ok:#1f9362;
  --qs-shadow-xl:0 28px 80px rgba(15,23,42,.12);
  --qs-shadow-lg:0 18px 46px rgba(15,23,42,.1);
  --qs-shadow-md:0 12px 28px rgba(15,23,42,.08);
  background:
    radial-gradient(circle at top left, rgba(47,99,255,.08), transparent 24%),
    radial-gradient(circle at top right, rgba(11,122,112,.12), transparent 28%),
    linear-gradient(180deg, var(--qs-canvas) 0%, var(--qs-canvas-deep) 100%);
  color:var(--qs-ink);
  font-family:'IBM Plex Sans', sans-serif;
}

html[data-theme="dark"] .quantum-supply {
  --qs-canvas:#0d1620;
  --qs-canvas-deep:#101c27;
  --qs-surface:rgba(19,31,42,.88);
  --qs-surface-strong:rgba(18,29,39,.96);
  --qs-line:rgba(220,228,236,.09);
  --qs-line-strong:rgba(220,228,236,.16);
  --qs-ink:#edf2f7;
  --qs-ink-soft:#b6c2cc;
  --qs-ink-faint:#8897a3;
  --qs-accent:#4bd5c4;
  --qs-accent-2:#86a9ff;
  --qs-danger:#ff9287;
  --qs-warn:#f4b35f;
  --qs-ok:#73d39d;
}

.quantum-supply::before {
  content:"";
  position:fixed;
  inset:14px;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.34);
  background:
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.02)),
    repeating-linear-gradient(90deg, rgba(47,99,255,.016) 0, rgba(47,99,255,.016) 1px, transparent 1px, transparent 124px);
  pointer-events:none;
}

.quantum-supply .site-switcher,
.quantum-supply .sg-shell,
.quantum-supply .topbar,
.quantum-supply .card,
.quantum-supply .source-chip,
.quantum-supply .log-item,
.quantum-supply .sg-summary-strip > *,
.quantum-supply .sg-alert-list > *,
.quantum-supply .sg-match-list > * {
  backdrop-filter:blur(16px);
}

.quantum-supply .site-switcher {
  position:sticky;
  top:12px;
  z-index:80;
  margin-bottom:16px;
  padding:12px 16px;
  border:1px solid var(--qs-line);
  border-radius:999px;
  background:rgba(250,252,255,.72);
  box-shadow:var(--qs-shadow-md);
}

.quantum-supply .site-switcher__eyebrow,
.quantum-supply .site-switcher__heading,
.quantum-supply .dashboard-menu__trigger,
.quantum-supply .card-badge,
.quantum-supply .tb-eyebrow,
.quantum-supply .source-eyebrow,
.quantum-supply .sg-mini-metric__label,
.quantum-supply .sg-table thead th {
  font-family:'IBM Plex Mono', monospace;
}

.quantum-supply .site-switcher__heading {
  font-family:'Sora', sans-serif;
  font-size:16px;
  font-weight:600;
  letter-spacing:-.02em;
  text-transform:none;
}

.quantum-supply .dashboard-menu__trigger {
  min-height:42px;
  padding:0 16px;
  border:1px solid var(--qs-line) !important;
  border-radius:999px;
  background:rgba(255,255,255,.76) !important;
  color:var(--qs-ink) !important;
}

.quantum-supply .dashboard-menu__current { color:var(--qs-accent-2); }

.quantum-supply .dashboard-menu__panel {
  border:1px solid var(--qs-line);
  border-radius:18px;
  background:rgba(255,255,255,.94);
  box-shadow:var(--qs-shadow-lg);
}

.quantum-supply .dashboard-menu__item:hover,
.quantum-supply .dashboard-menu__item.current {
  background:rgba(47,99,255,.08);
  border-color:rgba(47,99,255,.18);
  color:var(--qs-accent-2);
}

.quantum-supply .sg-shell {
  position:relative;
  width:min(1700px, 100%);
  padding:0 0 24px;
  border:1px solid rgba(255,255,255,.56);
  border-radius:34px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.52), rgba(255,255,255,.18)),
    rgba(246,249,252,.78);
  box-shadow:var(--qs-shadow-xl);
  overflow:hidden;
}

.quantum-supply .topbar {
  gap:20px;
  padding:24px 28px;
  border-bottom:1px solid var(--qs-line);
  background:
    radial-gradient(circle at top right, rgba(11,122,112,.09), transparent 28%),
    radial-gradient(circle at top left, rgba(47,99,255,.08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.82), rgba(240,245,249,.66));
  color:var(--qs-ink);
}

.quantum-supply .tb-brand { gap:18px; }

.quantum-supply .tb-logo {
  width:68px;
  height:68px;
  border:1px solid rgba(255,255,255,.6);
  border-radius:22px;
  background:linear-gradient(135deg, var(--qs-accent-2), var(--qs-accent));
  box-shadow:0 18px 42px rgba(47,99,255,.18);
}

.quantum-supply .tb-title,
.quantum-supply .card-title,
.quantum-supply .source-title,
.quantum-supply .sg-table__title {
  font-family:'Sora', sans-serif;
  letter-spacing:-.03em;
  text-transform:none;
}

.quantum-supply .tb-title {
  max-width:16ch;
  font-size:clamp(30px, 4vw, 46px);
  line-height:.98;
}

.quantum-supply .tb-status {
  min-height:42px;
  padding:0 16px;
  border:1px solid rgba(47,99,255,.15);
  border-radius:999px;
  background:rgba(255,255,255,.74);
  color:var(--qs-ink-soft);
}

.quantum-supply .status-chip,
.quantum-supply .sg-view-btn,
.quantum-supply .data-btn,
.quantum-supply .sg-theme-switch {
  border:1px solid var(--qs-line);
  border-radius:14px;
  background:rgba(255,255,255,.74);
  color:var(--qs-ink);
  box-shadow:none;
}

.quantum-supply .status-chip {
  background:linear-gradient(135deg, rgba(47,99,255,.08), rgba(11,122,112,.08));
  color:var(--qs-accent);
}

.quantum-supply .sg-view-btn,
.quantum-supply .data-btn {
  min-height:42px;
}

.quantum-supply .sg-theme-switch {
  padding:4px;
  border-radius:999px;
  gap:4px;
}

.quantum-supply .sg-theme-btn {
  min-height:34px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--qs-ink-soft);
  font-family:'IBM Plex Sans', sans-serif;
}

.quantum-supply .sg-theme-btn.on {
  background:linear-gradient(135deg, var(--qs-accent-2), var(--qs-accent));
  color:#fff;
}

.quantum-supply .tb-kpis {
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:10px;
}

.quantum-supply .tb-kpi {
  min-width:0;
  padding:16px;
  border:1px solid var(--qs-line);
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(243,247,250,.82));
}

.quantum-supply .tkv {
  font-family:'Sora', sans-serif;
  font-size:28px;
  letter-spacing:-.05em;
  color:var(--qs-ink);
}

.quantum-supply .tkl {
  font-family:'IBM Plex Mono', monospace;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--qs-ink-faint);
}

.quantum-supply .sg-shell > .card,
.quantum-supply .sg-shell > .sg-grid {
  margin:0 20px;
}

.quantum-supply .card {
  border:1px solid var(--qs-line);
  border-radius:24px;
  background:var(--qs-surface);
  box-shadow:var(--qs-shadow-md);
  color:var(--qs-ink);
}

.quantum-supply .card-hd {
  padding:16px 18px;
  border-bottom:1px solid var(--qs-line);
  background:rgba(255,255,255,.66);
}

.quantum-supply .card-title {
  font-size:18px;
  color:var(--qs-ink);
}

.quantum-supply .card-title::before { display:none; }

.quantum-supply .card-badge {
  padding:5px 10px;
  border:1px solid var(--qs-line);
  border-radius:999px;
  background:rgba(255,255,255,.74);
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--qs-ink-faint);
}

.quantum-supply .card-body { padding:18px; }

.quantum-supply .data-center {
  gap:16px;
  padding:18px;
  border:1px solid var(--qs-line);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(243,247,250,.82));
  color:var(--qs-ink);
}

.quantum-supply .data-toolbar,
.quantum-supply .source-list,
.quantum-supply .data-grid,
.quantum-supply .sg-mini-grid,
.quantum-supply .sg-toolbar {
  gap:12px;
}

.quantum-supply .data-btn {
  padding:0 14px;
  border-color:var(--qs-line);
}

.quantum-supply .data-btn.primary {
  background:linear-gradient(135deg, var(--qs-accent-2), var(--qs-accent));
  border-color:transparent;
  color:#fff;
}

.quantum-supply .data-btn.ghost {
  background:rgba(255,255,255,.54);
  color:var(--qs-ink-soft);
}

.quantum-supply .data-note,
.quantum-supply .source-file,
.quantum-supply .source-meta,
.quantum-supply .log-item span,
.quantum-supply .sg-empty-state,
.quantum-supply .sg-table__meta {
  color:var(--qs-ink-soft);
}

.quantum-supply .source-chip,
.quantum-supply .log-item,
.quantum-supply .sg-summary-strip > *,
.quantum-supply .sg-alert-list > *,
.quantum-supply .sg-match-list > *,
.quantum-supply .sg-mini-metric {
  padding:16px;
  border:1px solid var(--qs-line);
  border-radius:18px;
  background:rgba(255,255,255,.82);
  color:var(--qs-ink);
}

.quantum-supply .source-title,
.quantum-supply .sg-mini-metric__value {
  color:var(--qs-ink);
}

.quantum-supply .source-eyebrow,
.quantum-supply .sg-mini-metric__label {
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--qs-ink-faint);
}

.quantum-supply .sg-mini-metric__value {
  font-family:'Sora', sans-serif;
  font-size:28px;
  letter-spacing:-.04em;
}

.quantum-supply .sg-chart-shell,
.quantum-supply .sg-summary-strip,
.quantum-supply .sg-alert-list,
.quantum-supply .sg-match-list {
  border-radius:18px;
}

.quantum-supply .sg-toolbar {
  padding:14px 16px;
  border:1px solid var(--qs-line);
  border-radius:18px;
  background:rgba(247,249,251,.82);
}

.quantum-supply .sg-toolbar select,
.quantum-supply .sg-toolbar input[type="search"] {
  min-height:42px;
  border:1px solid var(--qs-line-strong);
  border-radius:14px;
  background:rgba(255,255,255,.86);
  color:var(--qs-ink);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}

.quantum-supply .sg-toolbar select:focus,
.quantum-supply .sg-toolbar input[type="search"]:focus {
  outline:none;
  border-color:rgba(47,99,255,.42);
  box-shadow:0 0 0 4px rgba(47,99,255,.08);
}

.quantum-supply .sg-check {
  min-height:42px;
  padding:0 14px;
  border:1px solid var(--qs-line);
  border-radius:14px;
  background:rgba(255,255,255,.76);
}

.quantum-supply .sg-summary-strip {
  gap:12px;
}

.quantum-supply .sg-table-wrap {
  border:1px solid var(--qs-line);
  border-radius:18px;
  background:rgba(246,249,251,.82);
}

.quantum-supply .sg-table thead th {
  background:rgba(240,245,248,.96);
  color:var(--qs-ink-faint);
  font-size:8px;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.quantum-supply .sg-table tbody td {
  background:rgba(255,255,255,.84);
  border-bottom:1px solid rgba(21,36,48,.05);
  color:var(--qs-ink);
}

.quantum-supply .sg-table tbody tr:hover td { background:rgba(242,247,250,.96); }

.quantum-supply .sg-table tbody tr.is-expanded td {
  background:linear-gradient(135deg, rgba(47,99,255,.08), rgba(11,122,112,.06));
}

.quantum-supply .sg-empty-state,
.quantum-supply .sg-table__empty {
  padding:16px;
  border:1px dashed rgba(47,99,255,.24);
  border-radius:18px;
  background:linear-gradient(135deg, rgba(47,99,255,.05), rgba(11,122,112,.06));
}

.quantum-supply .sg-toast-stack {
  gap:10px;
}

.quantum-supply .sg-toast-stack > * {
  border:1px solid var(--qs-line);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  box-shadow:var(--qs-shadow-md);
}

html[data-theme="dark"] .quantum-supply .site-switcher,
html[data-theme="dark"] .quantum-supply .dashboard-menu__trigger,
html[data-theme="dark"] .quantum-supply .status-chip,
html[data-theme="dark"] .quantum-supply .sg-view-btn,
html[data-theme="dark"] .quantum-supply .sg-theme-switch,
html[data-theme="dark"] .quantum-supply .tb-status,
html[data-theme="dark"] .quantum-supply .tb-kpi,
html[data-theme="dark"] .quantum-supply .card,
html[data-theme="dark"] .quantum-supply .data-center,
html[data-theme="dark"] .quantum-supply .source-chip,
html[data-theme="dark"] .quantum-supply .log-item,
html[data-theme="dark"] .quantum-supply .sg-summary-strip > *,
html[data-theme="dark"] .quantum-supply .sg-alert-list > *,
html[data-theme="dark"] .quantum-supply .sg-match-list > *,
html[data-theme="dark"] .quantum-supply .sg-mini-metric,
html[data-theme="dark"] .quantum-supply .sg-toolbar,
html[data-theme="dark"] .quantum-supply .sg-check,
html[data-theme="dark"] .quantum-supply .sg-table-wrap,
html[data-theme="dark"] .quantum-supply .sg-toast-stack > * {
  background:rgba(17,27,37,.86);
  color:var(--qs-ink);
}

html[data-theme="dark"] .quantum-supply .sg-shell {
  background:
    linear-gradient(180deg, rgba(17,27,37,.76), rgba(13,22,32,.9)),
    rgba(13,22,32,.9);
}

html[data-theme="dark"] .quantum-supply .topbar {
  background:
    radial-gradient(circle at top right, rgba(75,213,196,.12), transparent 28%),
    radial-gradient(circle at top left, rgba(134,169,255,.12), transparent 34%),
    linear-gradient(180deg, rgba(17,27,37,.94), rgba(15,24,34,.88));
}

html[data-theme="dark"] .quantum-supply .card-hd,
html[data-theme="dark"] .quantum-supply .sg-table thead th,
html[data-theme="dark"] .quantum-supply .sg-table tbody td {
  background:rgba(14,22,32,.76);
}

@media (max-width:1280px) {
  .quantum-supply .tb-kpis { grid-template-columns:repeat(3, minmax(0, 1fr)); }
}

@media (max-width:980px) {
  .quantum-supply::before { inset:10px; border-radius:24px; }
  .quantum-supply .site-switcher { top:10px; }
  .quantum-supply .sg-shell { border-radius:26px; }
  .quantum-supply .topbar { padding:20px; }
  .quantum-supply .tb-title { max-width:none; font-size:clamp(28px, 8vw, 38px); }
  .quantum-supply .tb-kpis { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .quantum-supply .sg-shell > .card,
  .quantum-supply .sg-shell > .sg-grid { margin:0 14px; }
}

@media (max-width:640px) {
  .quantum-supply .site-switcher,
  .quantum-supply .sg-shell,
  .quantum-supply .topbar,
  .quantum-supply .card,
  .quantum-supply .source-chip,
  .quantum-supply .log-item,
  .quantum-supply .sg-summary-strip > *,
  .quantum-supply .sg-alert-list > *,
  .quantum-supply .sg-match-list > * {
    border-radius:20px;
  }

  .quantum-supply .tb-logo {
    width:56px;
    height:56px;
    border-radius:18px;
  }
}