@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

html, body, #root, #root > div, main {
  background: #0c1f35 !important;
  font-family: Inter, -apple-system, sans-serif !important;
  color: #e2e8f0 !important;
}
nav, header { background: #091728 !important; border-bottom: 1px solid rgba(184,134,11,0.2) !important; }
nav a, nav button, nav span { color: #94a3b8 !important; }
nav a:hover { color: #B8860B !important; }

[class*=Dashboard], [class*=dashboard] { background: linear-gradient(180deg, #0c1f35, #081422) !important; }
[class*=Dashboard] h2, [class*=Dashboard] h1 { color: #fff !important; font-weight: 700 !important; }

[class*=DashCard], .Card {
  background: rgba(14,30,50,0.8) !important;
  border: 1px solid rgba(184,134,11,0.15) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.4) !important;
}
[class*=DashCard]:hover {
  border-color: rgba(184,134,11,0.4) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.5), 0 0 20px rgba(184,134,11,0.1) !important;
}
[class*=DashCard] [class*=Title], [class*=DashCard] h3, [class*=DashCard] h4 {
  color: #B8860B !important; font-weight: 600 !important;
  text-transform: uppercase !important; letter-spacing: 0.5px !important; font-size: 12px !important;
}
[class*=ScalarValue], [data-testid=scalar-value] {
  color: #D4A017 !important; font-weight: 800 !important;
  text-shadow: 0 0 20px rgba(184,134,11,0.3) !important;
}
th, thead td {
  background: rgba(184,134,11,0.12) !important; color: #D4A017 !important;
  font-weight: 700 !important; text-transform: uppercase !important; font-size: 11px !important;
  border-bottom: 2px solid rgba(184,134,11,0.25) !important;
}
td { color: #e2e8f0 !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
tr:hover td { background: rgba(184,134,11,0.06) !important; }

[class*=Legend] span { color: #e2e8f0 !important; }
a { color: #D4A017 !important; }
button[class*=primary] {
  background: linear-gradient(135deg, #B8860B, #D4A017) !important;
  border: none !important; color: #fff !important; border-radius: 8px !important;
}
[class*=Collection], [class*=Home] { background: #0c1f35 !important; }
input, select { background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(184,134,11,0.2) !important; color: #e2e8f0 !important; }
input:focus { border-color: #B8860B !important; }
[class*=LogoIcon] svg { display: none !important; }
h1, h2, h3 { color: #fff !important; }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #091728; }
::-webkit-scrollbar-thumb { background: #1E3A5F; border-radius: 3px; }
body.login-page { background: linear-gradient(135deg, #1E3A5F, #0c1f35) !important; }