/* main.css – Base styles, variables, body, scrollbar */
:root{
  --bg-deep:radial-gradient(ellipse at top left, rgba(29,211,235,0.08), transparent 50%), radial-gradient(ellipse at bottom right, rgba(255,152,0,0.05), transparent 50%), #0d1b2a;
  --bg-base:#132036;
  --bg-card:rgba(17,28,48,0.65);
  --bg-card2:rgba(22,35,59,0.65);
  --bg-hover:#1e2d4a;
  --border:rgba(255,255,255,0.08);
  --border2:rgba(255,255,255,0.16);
  --text-primary:#f3f6fc;
  --text-secondary:#9eb3ce;
  --text-muted:#607b9a;
  --gold:#d9a036;
  --gold2:#f3c462;
  --green:#10b981;
  --green2:#34d399;
  --red:#ef4444;
  --blue:#3b82f6;
  --blue2:#60a5fa;
  --cyan:#06b6d4;
  --orange:#ff9800;
  --purple:#8b5cf6;
  --sidebar-w:250px;
  --sidebar-mini:64px;
  --header-h:60px;
  --radius:14px;
  --radius-sm:9px;
  --shadow:0 8px 32px rgba(0,0,0,.45);
  --shadow-lg:0 24px 64px rgba(0,0,0,.55);
  --t:all .28s cubic-bezier(.4,0,.2,1);
  --logo-grad-v: linear-gradient(0deg, rgba(29,211,235,0.12) 0%, rgba(17,28,48,0) 50%, rgba(255,152,0,0.12) 100%);
  --logo-grad-h: linear-gradient(270deg, rgba(29,211,235,0.12) 0%, rgba(17,28,48,0) 50%, rgba(255,152,0,0.12) 100%);
  --bg-card-tooltip: rgba(17, 28, 48, 0.85);
  --border-tooltip: color-mix(in srgb, var(--gold) 25%, transparent);
  --shadow-tooltip: 0 8px 24px rgba(0, 0, 0, 0.4);
}
.lm{
  --bg-deep:#eaeff5;
  --bg-base:#f4f7fa;
  --bg-card:#ffffff;
  --bg-card2:#fafcff;
  --bg-hover:#e4ebf3;
  --border:rgba(0,0,0,.06);
  --border2:rgba(0,0,0,.12);
  --text-primary:#0f172a;
  --text-secondary:#334155;
  --text-muted:#64748b;
  --gold:#b48220;
  --gold2:#d4a036;
  --green:#059669;
  --green2:#10b981;
  --red:#dc2626;
  --blue:#2563eb;
  --blue2:#3b82f6;
  --cyan:#0891b2;
  --orange:#ff9800;
  --purple:#7c3aed;
  --shadow:0 6px 24px rgba(15,23,42,.06);
  --shadow-lg:0 12px 48px rgba(15,23,42,.1);
  --logo-grad-v: linear-gradient(0deg, rgba(29,211,235,0.15) 0%, rgba(255,255,255,0) 50%, rgba(255,152,0,0.15) 100%);
  --logo-grad-h: linear-gradient(270deg, rgba(29,211,235,0.15) 0%, rgba(255,255,255,0) 50%, rgba(255,152,0,0.15) 100%);
  --bg-card-tooltip: rgba(255, 255, 255, 0.9);
  --border-tooltip: color-mix(in srgb, var(--cyan) 25%, transparent);
  --shadow-tooltip: 0 6px 16px rgba(15, 23, 42, 0.08);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--bg-deep);color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:background .3s,color .3s}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:10px}
.ph-duotone{font-size:22px;vertical-align:middle;color:#d4af37;}
.ti{font-size:16px;vertical-align:middle;margin-right:6px;}
[class^="iconoir-"]{font-size:20px;vertical-align:middle;color:#7fd1ff;}
.kpi-icon,.ni-icon{display:flex;align-items:center;justify-content:center;}
.ct-icon{color:var(--cyan)}