/* Seller.club UI Kit — generated from tokens.json */
:root, [data-theme="light"] {
  --background: #f6f9fc;
  --foreground: #0a2540;
  --card: #ffffff;
  --card-foreground: #0a2540;
  --popover: #ffffff;
  --popover-foreground: #0a2540;
  --secondary: #ffffff;
  --secondary-foreground: #0a2540;
  --muted: #edf1f6;
  --muted-foreground: #5e6e85;
  --accent: #f0f3f8;
  --accent-foreground: #0a2540;
  --text-secondary: #425466;
  --text-subtle: #a3acb9;
  --surface-subtle: #f6f9fc;
  --surface-hover: #fafbfd;
  --surface-disabled: #f6f9fc;
  --surface-inverse: #0a2540;
  --surface-inverse-foreground: #ffffff;
  --primary: #635bff;
  --primary-foreground: #ffffff;
  --primary-hover: #5851ea;
  --primary-soft: #eef0ff;
  --primary-soft-foreground: #4b44d6;
  --primary-subtle: #f5f5ff;
  --primary-border: #d9dcff;
  --primary-strong: #2e2a8f;
  --link: #5851ea;
  --link-hover: #4b44d6;
  --ring: #635bff;
  --focus-halo: #635bff40;
  --selection: #d9dcff;
  --highlight: #fff1b8;
  --brand-mark-start: #635bff;
  --brand-mark-end: #00d4ff;
  --destructive: #c4153a;
  --destructive-foreground: #ffffff;
  --destructive-hover: #a3102f;
  --border: #e3e8ee;
  --border-subtle: #edf1f6;
  --border-strong: #c4cdd8;
  --input: #7d8899;
  --success: #0e7a55;
  --success-foreground: #ffffff;
  --success-soft: #e3f8ef;
  --success-soft-foreground: #0e7a55;
  --success-subtle: #effbf5;
  --success-border: #b5e9d1;
  --success-strong: #0b5c40;
  --success-fill: #0c9a6a;
  --warning: #a35200;
  --warning-foreground: #ffffff;
  --warning-soft: #fff1dd;
  --warning-soft-foreground: #a35200;
  --warning-subtle: #fff8eb;
  --warning-border: #f5d9a8;
  --warning-strong: #5c3b00;
  --warning-fill: #c27400;
  --danger: #c4153a;
  --danger-foreground: #ffffff;
  --danger-soft: #ffe8ec;
  --danger-soft-foreground: #c4153a;
  --danger-subtle: #fff5f7;
  --danger-border: #ffc2cd;
  --danger-strong: #7a0d24;
  --danger-fill: #c4153a;
  --info: #0b63c4;
  --info-foreground: #ffffff;
  --info-soft: #e6f2ff;
  --info-soft-foreground: #0b63c4;
  --info-subtle: #eef6ff;
  --info-border: #b9dafc;
  --info-strong: #0a3d75;
  --info-fill: #0570de;
  --sidebar: #0a2540;
  --sidebar-foreground: #c9d6e5;
  --sidebar-primary: #635bff;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #123153;
  --sidebar-accent-foreground: #ffffff;
  --sidebar-border: #1d3a5c;
  --sidebar-ring: #8b85ff;
  --sidebar-muted: #8ba0bb;
  --sidebar-success: #34d399;
  --sidebar-warning: #f5b454;
  --sidebar-danger: #ff8a9a;
  --sidebar-info: #6cb4ff;
  --chart-1: #635bff;
  --chart-2: #0a2540;
  --chart-3: #00a2c3;
  --chart-4: #0c9a6a;
  --chart-5: #c9871e;
  --chart-6: #d6409f;
  --chart-7: #64748b;
  --chart-8: #3b82f6;
  --overlay: #0a25407a;
  --overlay-strong: #0a1424e6;
  --navy-0: #ffffff;
  --navy-25: #f6f9fc;
  --navy-50: #edf1f6;
  --navy-100: #e3e8ee;
  --navy-200: #d5dce4;
  --navy-300: #c4cdd8;
  --navy-400: #a3acb9;
  --navy-500: #7d8899;
  --navy-600: #5e6e85;
  --navy-700: #425466;
  --navy-800: #2c3e55;
  --navy-900: #0a2540;
  --navy-925: #101c30;
  --navy-950: #0a1424;
  --navy-975: #070f1c;
  --indigo-50: #f5f5ff;
  --indigo-100: #eef0ff;
  --indigo-200: #d9dcff;
  --indigo-300: #b8b4ff;
  --indigo-400: #8b85ff;
  --indigo-500: #635bff;
  --indigo-600: #5851ea;
  --indigo-700: #4b44d6;
  --indigo-800: #3a35a8;
  --indigo-900: #2e2a8f;
  --indigo-950: #1c1a5c;
  --green-50: #effbf5;
  --green-100: #e3f8ef;
  --green-200: #b5e9d1;
  --green-300: #8be6c1;
  --green-400: #4fd1a1;
  --green-500: #0c9a6a;
  --green-600: #0e7a55;
  --green-700: #0b6a4a;
  --green-800: #0b5c40;
  --green-900: #083d2b;
  --green-950: #04251a;
  --amber-50: #fff8eb;
  --amber-100: #fff1dd;
  --amber-200: #f5d9a8;
  --amber-300: #f7b955;
  --amber-400: #f5a524;
  --amber-500: #c27400;
  --amber-600: #a35200;
  --amber-700: #8a4500;
  --amber-800: #5c3b00;
  --amber-900: #3d2700;
  --amber-950: #2a1a00;
  --red-50: #fff5f7;
  --red-100: #ffe8ec;
  --red-200: #ffc2cd;
  --red-300: #ff8a9a;
  --red-400: #ff6b81;
  --red-500: #dc2f50;
  --red-600: #c4153a;
  --red-700: #a3102f;
  --red-800: #7a0d24;
  --red-900: #520818;
  --red-950: #3d0a16;
  --blue-50: #eef6ff;
  --blue-100: #e6f2ff;
  --blue-200: #b9dafc;
  --blue-300: #8cc4ff;
  --blue-400: #6cb4ff;
  --blue-500: #0570de;
  --blue-600: #0b63c4;
  --blue-700: #0a4f9c;
  --blue-800: #0a3d75;
  --blue-900: #082a52;
  --blue-950: #04203f;
  --shadow-xs: 0 1px 1px rgba(0,0,0,.03);
  --shadow-card: 0 1px 1px rgba(0,0,0,.03), 0 2px 6px rgba(50,50,93,.06);
  --shadow-raised: 0 6px 16px rgba(50,50,93,.1), 0 2px 4px rgba(0,0,0,.04);
  --shadow-popover: 0 10px 30px rgba(10,37,64,.14), 0 2px 6px rgba(10,37,64,.06);
  --shadow-dialog: 0 24px 60px rgba(10,37,64,.22);
  --shadow-primary: 0 2px 5px rgba(99,91,255,.3);
  --shadow-nav-active: 0 2px 6px rgba(99,91,255,.35);
  --shadow-segment: 0 1px 2px rgba(10,37,64,.12);
  --shadow-knob: 0 1px 2px rgba(0,0,0,.2);
}
[data-theme="dark"] {
  --background: #0a1424;
  --foreground: #e6edf5;
  --card: #101c30;
  --card-foreground: #e6edf5;
  --popover: #14223a;
  --popover-foreground: #e6edf5;
  --secondary: #16233a;
  --secondary-foreground: #e6edf5;
  --muted: #1b2a43;
  --muted-foreground: #8a9bb0;
  --accent: #1e304e;
  --accent-foreground: #e6edf5;
  --text-secondary: #b4c2d3;
  --text-subtle: #5b6a80;
  --surface-subtle: #0d1829;
  --surface-hover: #15223a;
  --surface-disabled: #121e33;
  --surface-inverse: #e6edf5;
  --surface-inverse-foreground: #0a2540;
  --primary: #635bff;
  --primary-foreground: #ffffff;
  --primary-hover: #5851ea;
  --primary-soft: #212959;
  --primary-soft-foreground: #b3aeff;
  --primary-subtle: #192347;
  --primary-border: #313583;
  --primary-strong: #c4c0ff;
  --link: #a5a0ff;
  --link-hover: #c4c0ff;
  --ring: #8b85ff;
  --focus-halo: #8b85ff4d;
  --selection: #2e2a8f;
  --highlight: #382d00;
  --brand-mark-start: #635bff;
  --brand-mark-end: #00d4ff;
  --destructive: #c4153a;
  --destructive-foreground: #ffffff;
  --destructive-hover: #a3102f;
  --border: #263043;
  --border-subtle: #1c2739;
  --border-strong: #364051;
  --input: #6b7b92;
  --success: #4fd1a1;
  --success-foreground: #04251a;
  --success-soft: #10363c;
  --success-soft-foreground: #4fd1a1;
  --success-subtle: #102a37;
  --success-border: #0f5049;
  --success-strong: #8be6c1;
  --success-fill: #34d399;
  --warning: #f7b955;
  --warning-foreground: #2a1a00;
  --warning-soft: #382e28;
  --warning-soft-foreground: #f7b955;
  --warning-subtle: #26262b;
  --warning-border: #60401f;
  --warning-strong: #fcd58f;
  --warning-fill: #f5a524;
  --danger: #ff8a9a;
  --danger-foreground: #3d0a16;
  --danger-soft: #3b2536;
  --danger-soft-foreground: #ff8a9a;
  --danger-subtle: #272133;
  --danger-border: #652e3c;
  --danger-strong: #ffc2cd;
  --danger-fill: #ff6b81;
  --info: #6cb4ff;
  --info-foreground: #04203f;
  --info-soft: #153255;
  --info-soft-foreground: #6cb4ff;
  --info-subtle: #132844;
  --info-border: #1b487a;
  --info-strong: #b9dafc;
  --info-fill: #4a9eff;
  --sidebar: #070f1c;
  --sidebar-foreground: #c9d6e5;
  --sidebar-primary: #635bff;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #12203a;
  --sidebar-accent-foreground: #ffffff;
  --sidebar-border: #1a2840;
  --sidebar-ring: #8b85ff;
  --sidebar-muted: #8ba0bb;
  --sidebar-success: #34d399;
  --sidebar-warning: #f5b454;
  --sidebar-danger: #ff8a9a;
  --sidebar-info: #6cb4ff;
  --chart-1: #8b85ff;
  --chart-2: #c9d6e5;
  --chart-3: #22c3e6;
  --chart-4: #34d399;
  --chart-5: #f5b454;
  --chart-6: #f472b6;
  --chart-7: #64748b;
  --chart-8: #60a5fa;
  --overlay: #000000a3;
  --overlay-strong: #000000e6;
  --shadow-xs: 0 1px 1px rgba(0,0,0,.4);
  --shadow-card: 0 1px 2px rgba(0,0,0,.45);
  --shadow-raised: 0 8px 24px rgba(0,0,0,.5);
  --shadow-popover: 0 12px 32px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.06);
  --shadow-dialog: 0 24px 64px rgba(0,0,0,.64), 0 0 0 1px rgba(255,255,255,.06);
  --shadow-primary: 0 2px 6px rgba(99,91,255,.35);
  --shadow-nav-active: 0 2px 6px rgba(99,91,255,.35);
  --shadow-segment: 0 1px 2px rgba(0,0,0,.5);
  --shadow-knob: 0 1px 2px rgba(0,0,0,.5);
}
:root {
  --space-0: 0;
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --page-x: 28px;
  --page-x-sm: 16px;
  --page-y: 24px;
  --page-bottom: 40px;
  --section-gap: 20px;
  --section-gap-sm: 12px;
  --card-px: 20px;
  --card-py: 18px;
  --card-p-sm: 14px;
  --card-gap: 12px;
  --row-gap: 8px;
  --field-gap: 6px;
  --form-gap: 14px;
  --header-px: 28px;
  --header-py: 18px;
  --radius: 10px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-full: 999px;
  --control-h-xs: 28px;
  --control-h-sm: 32px;
  --control-h: 36px;
  --control-h-lg: 40px;
  --control-h-touch: 40px;
  --row-h-compact: 36px;
  --row-h: 44px;
  --row-h-comfortable: 52px;
  --icon-xs: 14px;
  --icon-sm: 16px;
  --icon-md: 18px;
  --icon-lg: 20px;
  --icon-xl: 24px;
  --tile-xs: 24px;
  --tile-sm: 28px;
  --tile-md: 32px;
  --tile-lg: 36px;
  --tile-xl: 40px;
  --tile-2xl: 48px;
  --avatar-xs: 20px;
  --avatar-sm: 26px;
  --avatar-md: 32px;
  --avatar-lg: 40px;
  --thumb-sm: 40px;
  --thumb-md: 56px;
  --thumb-lg: 96px;
  --sidebar-w: 248px;
  --sidebar-w-min: 220px;
  --drawer-w: 296px;
  --topbar-h: 60px;
  --mobile-bar-h: 56px;
  --dialog-sm: 400px;
  --dialog-md: 560px;
  --dialog-lg: 720px;
  --dialog-xl: 960px;
  --sheet-w: 400px;
  --sheet-w-lg: 560px;
  --popover-w: 320px;
  --menu-w: 220px;
  --tooltip-max: 280px;
  --form-max: 720px;
  --settings-max: 960px;
  --content-max: 1440px;
  --ext-w: 380px;
  --bubble-max: 540px;
  --chart-h: 110px;
  --chart-h-lg: 150px;
  --meter-h: 6px;
  --meter-h-lg: 8px;
  --split-h: 10px;
  --dot: 8px;
  --focus-w: 2px;
  --z-base: 0;
  --z-raised: 1;
  --z-sticky: 10;
  --z-header: 20;
  --z-sidebar: 30;
  --z-actionbar: 40;
  --z-dropdown: 50;
  --z-overlay: 60;
  --z-modal: 70;
  --z-toast: 80;
  --z-tooltip: 90;
  --z-skiplink: 100;
  --z-ext-overlay: 2147483000;
  --bp-sm: 640px;
  --bp-nav: 761px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --bp-2xl: 1536px;
  --cq-xs: 360px;
  --cq-sm: 480px;
  --cq-md: 640px;
  --cq-lg: 900px;
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
.text-display { font-family: var(--font-sans); font-size: 30px; line-height: 38px; font-weight: 700; letter-spacing: -0.02em; }
.text-kpi { font-family: var(--font-sans); font-size: 26px; line-height: 30px; font-weight: 700; letter-spacing: -0.02em; }
.text-kpi-sm { font-family: var(--font-sans); font-size: 21px; line-height: 26px; font-weight: 700; letter-spacing: -0.02em; }
.text-h1 { font-family: var(--font-sans); font-size: 24px; line-height: 30px; font-weight: 700; letter-spacing: -0.02em; }
.text-h1-sm { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 700; letter-spacing: -0.015em; }
.text-h2 { font-family: var(--font-sans); font-size: 18px; line-height: 24px; font-weight: 600; letter-spacing: -0.01em; }
.text-title { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 600; letter-spacing: -0.01em; }
.text-h3 { font-family: var(--font-sans); font-size: 13.5px; line-height: 20px; font-weight: 600; }
.text-body { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.text-body-strong { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 600; }
.text-ui { font-family: var(--font-sans); font-size: 13.5px; line-height: 20px; font-weight: 500; }
.text-control { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 600; }
.text-cell { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.text-label { font-family: var(--font-sans); font-size: 12.5px; line-height: 16px; font-weight: 500; }
.text-caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; }
.text-caption-strong { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; }
.text-th { font-family: var(--font-sans); font-size: 11.5px; line-height: 16px; font-weight: 600; }
.text-micro { font-family: var(--font-sans); font-size: 11px; line-height: 14px; font-weight: 600; }
.text-mono { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 400; }
.text-mono-sm { font-family: var(--font-mono); font-size: 11px; line-height: 14px; font-weight: 500; }
@font-face { font-family: "Inter"; src: url("fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.woff2") format("woff2"); font-weight: 400 500; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwhsk.woff2") format("woff2"); font-weight: 400 500; font-style: normal; font-display: swap; }