/* Dashbread design tokens. Presets: console (default) | comfort. Modes: light | dark. Set on <html data-sui-preset data-sui-mode>. */
:root{
  --sui-font: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --sui-fs: 14px; --sui-lh: 1.45;
  --sui-fs-xs: 11px; --sui-fs-sm: 12px; --sui-fs-md: 13px; --sui-fs-lg: 15px; --sui-fs-xl: 18px; --sui-fs-2xl: 22px; --sui-fs-stat: 26px;
  --sui-sp1: 4px; --sui-sp2: 8px; --sui-sp3: 12px; --sui-sp4: 16px; --sui-sp5: 24px; --sui-sp6: 32px;
  --sui-card-pad: 16px; --sui-gap: 24px;
  --sui-radius: 6px; --sui-radius-sm: 4px; --sui-radius-pill: 999px;
  --sui-border-w: 1px; --sui-card-shadow: none; --sui-row-line: 1px solid var(--sui-border);
  --sui-shadow-sm: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.08);
  --sui-shadow-md: 0 12px 32px rgba(16,24,40,.16);
  --sui-sidebar-w: 256px; --sui-sidebar-w-collapsed: 64px; --sui-header-h: 56px; --sui-flyout-w: 360px; --sui-content-max: 1200px;
  --sui-ease: cubic-bezier(.2,.7,.2,1); --sui-t-state: 150ms; --sui-t-panel: 250ms;
  --sui-page: #f3f4f7; --sui-card: #ffffff; --sui-header: #ffffff; --sui-input: #ffffff;
  --sui-sidebar: #1e2430; --sui-sidebar-2: #171c26; --sui-sidebar-text: #c9cfda; --sui-sidebar-text-strong: #ffffff; --sui-sidebar-active: rgba(255,255,255,.08);
  --sui-text: #1f2430; --sui-text-2: #5b6474; --sui-text-3: #7c8595; --sui-border: #e3e6ec;
  --sui-primary: #4f46e5; --sui-primary-ink: #ffffff; --sui-primary-soft: #eceafd;
  --sui-success: #16a34a; --sui-success-soft: #e6f6ec; --sui-warning: #d97706; --sui-warning-soft: #fdf1df;
  --sui-danger: #dc2626; --sui-danger-soft: #fde7e7; --sui-info: #0284c7; --sui-info-soft: #e3f3fc;
  --sui-focus: var(--sui-primary);
  --sui-grad-1: linear-gradient(135deg,#4f46e5,#7c3aed); --sui-grad-2: linear-gradient(135deg,#0ea5e9,#2563eb);
  --sui-grad-3: linear-gradient(135deg,#f59e0b,#ea580c); --sui-grad-4: linear-gradient(135deg,#ef4444,#db2777);
  --sui-stat-ink: #ffffff; --sui-stat-sub: rgba(255,255,255,.82);
  --sui-chart-1: #4f46e5; --sui-chart-2: #0ea5e9; --sui-chart-3: #f59e0b; --sui-chart-4: #10b981; --sui-chart-5: #ec4899; --sui-chart-6: #64748b;
  --sui-chart-grid: #e9ecf2; --sui-chart-axis: #7c8595;
}
:root[data-sui-mode="dark"]{
  --sui-page:#0f1218; --sui-card:#171b24; --sui-header:#171b24; --sui-input:#11151d;
  --sui-sidebar:#0b0e14; --sui-sidebar-2:#070a0f;
  --sui-text:#e6e8ee; --sui-text-2:#a5adbd; --sui-text-3:#7f889a; --sui-border:#262c38;
  --sui-primary:#7c74ff; --sui-primary-soft:#26244a;
  --sui-success:#34d399; --sui-success-soft:#123320; --sui-warning:#fbbf24; --sui-warning-soft:#3a2a0d;
  --sui-danger:#f87171; --sui-danger-soft:#3f1717; --sui-info:#38bdf8; --sui-info-soft:#0e2a3d;
  --sui-shadow-md: 0 12px 32px rgba(0,0,0,.5);
  --sui-chart-1:#8b85ff; --sui-chart-2:#38bdf8; --sui-chart-3:#fbbf24; --sui-chart-4:#34d399; --sui-chart-5:#f472b6; --sui-chart-6:#94a3b8;
  --sui-chart-grid:#262c38; --sui-chart-axis:#7f889a;
}
:root[data-sui-preset="comfort"]{
  --sui-fs: 15px; --sui-lh: 1.6; --sui-card-pad: 24px; --sui-gap: 28px; --sui-radius: 12px; --sui-radius-sm: 8px;
  --sui-border-w: 0px; --sui-card-shadow: var(--sui-shadow-sm); --sui-row-line: 0; --sui-page:#f8f9fb;
  --sui-sidebar:#ffffff; --sui-sidebar-2:#f3f4f7; --sui-sidebar-text:#3b4252; --sui-sidebar-text-strong:#111827; --sui-sidebar-active:#eef0f5;
}
:root[data-sui-preset="comfort"][data-sui-mode="dark"]{
  --sui-page:#0f1218; --sui-sidebar:#12161e; --sui-sidebar-2:#0f131a; --sui-sidebar-text:#b5bdcb; --sui-sidebar-text-strong:#ffffff; --sui-sidebar-active:#1c2230;
  --sui-card-shadow: 0 1px 2px rgba(0,0,0,.4);
}
@media (prefers-reduced-motion: reduce){ :root{ --sui-t-state: 0ms; --sui-t-panel: 0ms; } }