/* TSG Services & TSG Hub — generated from tokens.json */
@font-face{font-family:'Inter';src:url(fonts/Inter-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url(fonts/Inter-500.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url(fonts/Inter-600.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url(fonts/Inter-700.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans Arabic';src:url(fonts/NotoSansArabic-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans Arabic';src:url(fonts/NotoSansArabic-500.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans Arabic';src:url(fonts/NotoSansArabic-600.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans Arabic';src:url(fonts/NotoSansArabic-700.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{
  --tsg-indigo-50:#F3F2FF;
  --tsg-indigo-100:#E7E5FF;
  --tsg-indigo-200:#CFCBFF;
  --tsg-indigo-300:#B0A9FF;
  --tsg-indigo-400:#8B83FF;
  --tsg-indigo-500:#766EFF;
  --tsg-indigo-600:#635BFF;
  --tsg-indigo-700:#5148E5;
  --tsg-indigo-800:#4338CA;
  --tsg-indigo-900:#2E2690;
  --tsg-navy-900:#0A2540;
  --tsg-navy-800:#12314F;
  --tsg-navy-700:#1F4568;
  --tsg-slate-0:#FFFFFF;
  --tsg-slate-25:#F6F9FC;
  --tsg-slate-50:#EEF2F7;
  --tsg-slate-100:#E3E9F0;
  --tsg-slate-200:#D9E2EC;
  --tsg-slate-300:#C1CCD8;
  --tsg-slate-400:#7A8BA0;
  --tsg-slate-500:#5E6E82;
  --tsg-slate-600:#425466;
  --tsg-bg-canvas:var(--tsg-slate-25);
  --tsg-bg-surface:var(--tsg-slate-0);
  --tsg-bg-subtle:var(--tsg-slate-50);
  --tsg-bg-brand:var(--tsg-indigo-600);
  --tsg-bg-brand-subtle:var(--tsg-indigo-50);
  --tsg-bg-inverse:var(--tsg-navy-900);
  --tsg-text-primary:var(--tsg-navy-900);
  --tsg-text-secondary:var(--tsg-slate-600);
  --tsg-text-tertiary:var(--tsg-slate-500);
  --tsg-text-link:var(--tsg-indigo-700);
  --tsg-text-on-brand:var(--tsg-slate-0);
  --tsg-text-on-inverse:var(--tsg-slate-0);
  --tsg-text-muted-on-inverse:#A9B6C6;
  --tsg-text-disabled:var(--tsg-slate-400);
  --tsg-border-default:var(--tsg-slate-200);
  --tsg-border-strong:var(--tsg-slate-300);
  --tsg-border-control:var(--tsg-slate-400);
  --tsg-border-focus:var(--tsg-indigo-600);
  --tsg-border-focus-inverse:var(--tsg-indigo-400);
  --tsg-action-primary:var(--tsg-indigo-600);
  --tsg-action-primary-hover:var(--tsg-indigo-700);
  --tsg-action-primary-active:var(--tsg-indigo-800);
  --tsg-accent-decorative:var(--tsg-indigo-400);
  --tsg-success-fg:#11703F;
  --tsg-success-bg:#E6F6EC;
  --tsg-success-border:#9ED8B4;
  --tsg-warning-fg:#8A4B00;
  --tsg-warning-bg:#FFF4E0;
  --tsg-warning-border:#F0C27A;
  --tsg-danger-fg:#C0223B;
  --tsg-danger-bg:#FDECEE;
  --tsg-danger-border:#F2A9B4;
  --tsg-info-fg:#0B63B5;
  --tsg-info-bg:#E6F1FC;
  --tsg-info-border:#A6CCF2;
  --tsg-neutral-fg:var(--tsg-slate-600);
  --tsg-neutral-bg:var(--tsg-slate-50);
  --tsg-chart-1:var(--tsg-indigo-600);
  --tsg-chart-2:var(--tsg-navy-900);
  --tsg-chart-3:#B26A00;
  --tsg-chart-4:#2477B3;
  --tsg-chart-5:#D5452F;
  --tsg-chart-6:var(--tsg-slate-400);
  --tsg-space-0-5:2px;
  --tsg-space-1:4px;
  --tsg-space-2:8px;
  --tsg-space-3:12px;
  --tsg-space-4:16px;
  --tsg-space-5:20px;
  --tsg-space-6:24px;
  --tsg-space-8:32px;
  --tsg-space-10:40px;
  --tsg-space-12:48px;
  --tsg-space-16:64px;
  --tsg-space-24:96px;
  --tsg-radius-xs:4px;
  --tsg-radius-sm:6px;
  --tsg-radius-md:8px;
  --tsg-radius-lg:12px;
  --tsg-radius-xl:16px;
  --tsg-radius-full:999px;
  --tsg-shadow-xs:0 1px 2px rgba(10, 37, 64, 0.06);
  --tsg-shadow-sm:0 1px 3px rgba(10, 37, 64, 0.08), 0 1px 2px rgba(10, 37, 64, 0.04);
  --tsg-shadow-md:0 6px 16px -4px rgba(10, 37, 64, 0.12), 0 2px 4px rgba(10, 37, 64, 0.05);
  --tsg-shadow-lg:0 24px 48px -12px rgba(10, 37, 64, 0.25);
  --tsg-border-width:1px;
  --tsg-focus-width:2px;
  --tsg-selected-width:2px;
  --tsg-container-max:1200px;
  --tsg-sidebar-width:248px;
  --tsg-topbar-height:60px;
  --tsg-control-height:36px;
  --tsg-row-height:48px;
  --tsg-z-sticky:10;
  --tsg-z-popover:30;
  --tsg-z-dialog:50;
  --tsg-z-toast:60;
  --font-sans:Inter, "Noto Sans Arabic", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-arabic:"Noto Sans Arabic", Inter, system-ui, "Segoe UI", Tahoma, sans-serif;
  --font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.tsg-display-xl{font-family:var(--font-sans);font-size:56px;line-height:64px;font-weight:700;letter-spacing:-0.022em;}
.tsg-display-lg{font-family:var(--font-sans);font-size:40px;line-height:48px;font-weight:700;letter-spacing:-0.02em;}
.tsg-heading-xl{font-family:var(--font-sans);font-size:30px;line-height:38px;font-weight:600;letter-spacing:-0.015em;}
.tsg-heading-lg{font-family:var(--font-sans);font-size:22px;line-height:30px;font-weight:600;letter-spacing:-0.01em;}
.tsg-heading-md{font-family:var(--font-sans);font-size:18px;line-height:26px;font-weight:600;}
.tsg-heading-sm{font-family:var(--font-sans);font-size:15px;line-height:22px;font-weight:600;}
.tsg-body-lg{font-family:var(--font-sans);font-size:17px;line-height:28px;font-weight:400;}
.tsg-body{font-family:var(--font-sans);font-size:14px;line-height:22px;font-weight:400;}
.tsg-body-strong{font-family:var(--font-sans);font-size:14px;line-height:22px;font-weight:500;}
.tsg-label{font-family:var(--font-sans);font-size:13px;line-height:18px;font-weight:500;}
.tsg-caption{font-family:var(--font-sans);font-size:12px;line-height:16px;font-weight:400;}
.tsg-overline{font-family:var(--font-sans);font-size:11px;line-height:16px;font-weight:600;letter-spacing:0.06em;}
.tsg-data{font-family:var(--font-sans);font-size:13px;line-height:20px;font-weight:400;}
.tsg-ar-display{font-family:var(--font-arabic);font-size:44px;line-height:64px;font-weight:700;}
.tsg-ar-heading{font-family:var(--font-arabic);font-size:24px;line-height:36px;font-weight:600;}
.tsg-ar-body{font-family:var(--font-arabic);font-size:15px;line-height:26px;font-weight:400;}
.tsg-ar-label{font-family:var(--font-arabic);font-size:13px;line-height:20px;font-weight:500;}