/* ============================================================
   TOKENS — aus dem gelieferten Design-System übernommen (Analytics Design System.zip:
   tokens/colors.css, typography.css, spacing.css, effects.css, fonts.css), unverändert.
   ============================================================ */
:root{
--white:#FFFFFF;
--gray-50:#F6F7F9;--gray-100:#EDEFF2;--gray-200:#E5E8EB;--gray-300:#DCE0E5;--gray-400:#C5CBD3;
--gray-500:#ABB3BF;--gray-600:#8F99A8;--gray-700:#738091;--gray-800:#5F6B7C;--gray-900:#404854;
--gray-950:#252A31;--ink:#1C2127;
--blue-50:#EEF4FC;--blue-100:#DCE8F9;--blue-200:#B3CDF2;--blue-300:#8ABBFF;--blue-400:#4C90F0;
--blue-500:#2D72D2;--blue-600:#215DB0;--blue-700:#184A90;
--green-50:#E8F4EE;--green-400:#32A467;--green-500:#238551;--green-600:#1C6E42;
--orange-50:#FCF1E4;--orange-400:#EC9A3C;--orange-500:#C87619;--orange-600:#935610;
--red-50:#FBEBEC;--red-400:#E76A6E;--red-500:#CD4246;--red-600:#AC2F33;
--pink-400:#F5498B;--pink-500:#DB2C6F;--pink-600:#C22762;
--teal-500:#00A396;--violet-500:#7961DB;--gold-500:#D1980B;--lime-500:#8EB125;
--text-1:var(--ink);--text-2:var(--gray-800);--text-3:var(--gray-700);--text-disabled:var(--gray-500);
--text-on-accent:var(--white);--text-link:var(--blue-600);--text-accent:var(--blue-500);
--surface-app:var(--gray-50);--surface-panel:var(--white);--surface-sunken:var(--gray-100);
--surface-hover:rgba(143,153,168,.15);--surface-active:rgba(143,153,168,.3);
--surface-selected:var(--blue-100);--surface-selected-strong:var(--blue-500);
--surface-canvas:var(--gray-100);--canvas-dot:var(--gray-400);
--border-1:var(--gray-300);--border-2:var(--gray-400);--border-strong:var(--gray-600);--border-focus:var(--blue-400);
--accent:var(--blue-500);--accent-hover:var(--blue-600);--accent-active:var(--blue-700);
--success:var(--green-500);--success-hover:var(--green-600);--success-bg:var(--green-50);
--warning:var(--orange-500);--warning-bg:var(--orange-50);
--danger:var(--red-500);--danger-hover:var(--red-600);--danger-bg:var(--red-50);
--focus-ring:0 0 0 2px rgba(76,144,240,.6);
--chart-1:var(--blue-500);--chart-2:var(--pink-500);--chart-3:var(--orange-400);--chart-4:var(--teal-500);
--chart-5:var(--violet-500);--chart-6:var(--gold-500);--chart-7:var(--lime-500);--chart-8:var(--gray-700);
--chart-muted:var(--blue-100);--chart-grid:var(--gray-200);--chart-axis:var(--gray-700);

--font-sans:"Source Sans 3",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
--font-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
--fs-10:10px;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-16:16px;--fs-20:20px;--fs-24:24px;--fs-30:30px;
--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;
--lh-tight:1.2;--lh-snug:1.35;--lh-body:1.45;--ls-caps:.04em;
--type-page-title:var(--fw-semibold) var(--fs-30)/var(--lh-tight) var(--font-sans);
--type-section:var(--fw-semibold) var(--fs-24)/var(--lh-tight) var(--font-sans);
--type-heading:var(--fw-semibold) var(--fs-16)/var(--lh-snug) var(--font-sans);
--type-card-title:var(--fw-semibold) var(--fs-14)/var(--lh-snug) var(--font-sans);
--type-body:var(--fw-regular) var(--fs-13)/var(--lh-body) var(--font-sans);
--type-small:var(--fw-regular) var(--fs-12)/var(--lh-snug) var(--font-sans);
--type-label-caps:var(--fw-semibold) var(--fs-11)/var(--lh-tight) var(--font-sans);
--type-mono:var(--fw-medium) var(--fs-11)/var(--lh-tight) var(--font-mono);
--type-metric:var(--fw-semibold) var(--fs-20)/var(--lh-tight) var(--font-mono);

--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:16px;--space-8:20px;--space-9:24px;--space-10:32px;--space-11:48px;
--control-h-sm:24px;--control-h-md:30px;--control-h-lg:40px;
--row-h:24px;--row-h-lg:30px;
--rail-w:40px;--sidebar-w:244px;--inspector-w:320px;--topbar-h:40px;
--radius-1:2px;--radius-2:3px;--radius-3:4px;--radius-4:6px;--radius-pill:999px;

--elev-0:0 0 0 1px rgba(17,20,24,.15);
--elev-1:0 0 0 1px rgba(17,20,24,.1),0 1px 1px rgba(17,20,24,.2);
--elev-2:0 0 0 1px rgba(17,20,24,.1),0 1px 1px rgba(17,20,24,.2),0 2px 6px rgba(17,20,24,.2);
--elev-3:0 0 0 1px rgba(17,20,24,.1),0 2px 4px rgba(17,20,24,.2),0 8px 24px rgba(17,20,24,.2);
--elev-4:0 0 0 1px rgba(17,20,24,.1),0 4px 8px rgba(17,20,24,.2),0 18px 46px 6px rgba(17,20,24,.2);
--inset-input:inset 0 0 0 1px rgba(17,20,24,.2),inset 0 1px 1px rgba(17,20,24,.3);
--inset-input-focus:inset 0 0 0 1px var(--blue-400),0 0 0 2px rgba(76,144,240,.35);
--ease-standard:cubic-bezier(.4,1,.75,.9);--ease-out:cubic-bezier(.2,.8,.2,1);
--dur-fast:100ms;--dur-base:200ms;--dur-slow:300ms;
--overlay-scrim:rgba(17,20,24,.55);
}
*{box-sizing:border-box}
body{margin:0;font:var(--type-body);color:var(--text-1);background:var(--surface-app);-webkit-font-smoothing:antialiased}
a{color:var(--text-link);text-decoration:none}a:hover{color:var(--blue-700);text-decoration:underline}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:99px}