:root{
  --bg:#0b1220;
  --panel:#0f1724cc;
  --muted:#9aa4b2;
  --accent:#6ee7b7;
  --accent-2:#60a5fa;
}

/* Base layout overrides to complement Tailwind */
body{background:linear-gradient(180deg, rgba(9,12,18,1) 0%, rgba(11,17,32,1) 100%);font-family:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;}
.container{
  max-width:1200px;margin:0 auto;padding:32px;
}

.header-card{
  background:linear-gradient(90deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
  border:1px solid rgba(255,255,255,0.04);
  box-shadow:0 6px 24px rgba(2,6,23,0.6);
  border-radius:12px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px
}

.title{font-weight:700;font-size:1.25rem;display:flex;align-items:center;gap:10px}
.subtitle{color:var(--muted);font-size:0.9rem}

.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(min-width:768px){.cards-grid{grid-template-columns:repeat(5,1fr)}}

.card{
  background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  border:1px solid rgba(255,255,255,0.03);
  padding:16px;border-radius:10px;text-align:left;backdrop-filter:blur(6px);
}
.card small{display:block;color:var(--muted);font-size:0.85rem}
.card span{display:block;font-weight:700;font-size:1.25rem;margin-top:6px}

.chart-container{background:var(--panel);padding:18px;border-radius:12px;border:1px solid rgba(255,255,255,0.03);box-shadow:0 8px 30px rgba(3,7,18,0.55)}

.table-panel{background:linear-gradient(180deg, rgba(255,255,255,0.015), rgba(255,255,255,0.01));padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,0.03)}

.muted{color:var(--muted)}

/* Small utility */
.right{text-align:right}
.center{text-align:center}

/* Tabulator tweaks */
.tabulator{
  background:transparent;border:none;color:inherit
}
.tabulator .tabulator-row{background:rgba(255,255,255,0.01)}
.tabulator .tabulator-header{background:transparent;border-bottom:1px solid rgba(255,255,255,0.04)}

/* Responsive tweaks */
@media(max-width:640px){
  .container{padding:12px}
  .title{font-size:1rem}
}