:root{--color-brand_primary-50: #feecec;--color-brand_primary-100: #fddddf;--color-brand_primary-200: #fbb6ba;--color-brand_primary-300: #f99499;--color-brand_primary-400: #f7696f;--color-brand_primary-600: #db242d;--color-brand_primary-700: #c20000;--color-brand_primary-800: #940000;--color-brand_primary-900: #700000;--color-brand_primary-950: #4d0000;--color-brand_primary-500-main: #f53d46;--color-brand_primary-a24: #f53d463d;--color-brand_primary-a10: #f53d461a;--color-brand_primary-a16: #f53d4629;--color-brand_secondary-50: #eff1fb;--color-brand_secondary-100: #dee3f7;--color-brand_secondary-200: #c1caf0;--color-brand_secondary-300: #98a6e6;--color-brand_secondary-400: #6f83dc;--color-brand_secondary-500: #4660d2;--color-brand_secondary-600: #2d46b9;--color-brand_secondary-700: #22358c;--color-brand_secondary-900: #111a46;--color-brand_secondary-950: #0c1331;--color-brand_secondary-800-main: #17245f;--color-brand_secondary-a24: #17245f3d;--color-brand_secondary-a16: #17245f29;--color-brand_secondary-a10: #17245f1a;--color-base-white-full: #ffffff;--color-base-white-a50: #ffffff80;--color-base-white-a24: #ffffff3d;--color-base-white-a16: #ffffff29;--color-base-white-a10: #ffffff1a;--color-base-black-full: #000000;--color-base-black-a24: #0000003d;--color-base-black-a16: #00000029;--color-base-black-a10: #0000001a;--color-base-black-a50: #00000080;--color-base-grey-50: #f8fafc;--color-base-grey-100: #f2f5f8;--color-base-grey-200: #e3e8ef;--color-base-grey-300: #cdd5df;--color-base-grey-400: #9aa4b2;--color-base-grey-500: #697586;--color-base-grey-600: #4b5565;--color-base-grey-700: #364152;--color-base-grey-800: #202939;--color-base-grey-900: #121926;--color-base-grey-950: #0d121c;--color-base-grey-a24: #3641523d;--color-base-grey-a16: #36415229;--color-base-grey-a10: #3641521a;--color-base-transparent: #ffffff00;--color-blue-50: #eff8ff;--color-blue-100: #e5f3ff;--color-blue-200: #b2ddff;--color-blue-300: #84caff;--color-blue-400: #53b1fd;--color-blue-500: #2e90fa;--color-blue-600: #1570ef;--color-blue-700: #175cd3;--color-blue-800: #1849a9;--color-blue-900: #194185;--color-blue-950: #102a56;--color-blue-a24: #2e90fa3d;--color-blue-a16: #2e90fa29;--color-blue-a10: #2e90fa1a;--color-red-50: #fef3f2;--color-red-100: #feedeb;--color-red-200: #fecdca;--color-red-300: #fda29b;--color-red-400: #f97066;--color-red-500: #ef3b2e;--color-red-600: #d92d20;--color-red-700: #b42318;--color-red-800: #912018;--color-red-900: #7a271a;--color-red-950: #55160c;--color-red-a24: #ef3b2e3d;--color-red-a10: #ef3b2e1a;--color-red-a16: #ef3b2e29;--color-orange-50: #fffaeb;--color-orange-100: #fef6dc;--color-orange-200: #fedf89;--color-orange-300: #fec84b;--color-orange-400: #fdb022;--color-orange-500: #f28d08;--color-orange-600: #dc6803;--color-orange-700: #b54708;--color-orange-800: #93370d;--color-orange-900: #7a2e0e;--color-orange-950: #4e1d09;--color-orange-a24: #f790093d;--color-orange-a10: #f790091a;--color-orange-a16: #f7900929;--color-green-50: #f1fdf9;--color-green-100: #e5faf2;--color-green-200: #a7ecd2;--color-green-300: #68dfb1;--color-green-400: #2bca8d;--color-green-500: #13b476;--color-green-600: #0c8f5d;--color-green-700: #09734a;--color-green-800: #05603d;--color-green-900: #045033;--color-green-950: #033521;--color-green-a24: #13aa703d;--color-green-a10: #13aa701a;--color-green-a16: #13aa7029;--color-yellow-50: #fefbe8;--color-yellow-100: #fef9d2;--color-yellow-200: #feee95;--color-yellow-300: #fde272;--color-yellow-400: #fac515;--color-yellow-500: #eaaa08;--color-yellow-600: #ca8504;--color-yellow-700: #a15c07;--color-yellow-800: #854a0e;--color-yellow-900: #713b12;--color-yellow-950: #542c0d;--color-yellow-a24: #eaaa083d;--color-yellow-a10: #eaaa081a;--color-yellow-a16: #eaaa0829;--color-fuchsia-50: #fdf4ff;--color-fuchsia-100: #fbebff;--color-fuchsia-200: #f6d0fe;--color-fuchsia-300: #eeaafd;--color-fuchsia-400: #e478fa;--color-fuchsia-500: #d138f0;--color-fuchsia-600: #ba24d5;--color-fuchsia-700: #9f1ab1;--color-fuchsia-800: #821890;--color-fuchsia-900: #6f1877;--color-fuchsia-950: #47104c;--color-fuchsia-a24: #d444f13d;--color-fuchsia-a10: #d444f11a;--color-fuchsia-a16: #d444f129;--color-cyan-50: #ecfdff;--color-cyan-100: #dcfbfe;--color-cyan-200: #a5f0fc;--color-cyan-300: #67e3f9;--color-cyan-400: #22ccee;--color-cyan-500: #06aed4;--color-cyan-600: #088ab2;--color-cyan-700: #0e7090;--color-cyan-800: #155b75;--color-cyan-900: #164c63;--color-cyan-950: #0d2d3a;--color-cyan-a10: #06aed41a;--color-cyan-a16: #06aed429;--color-cyan-a24: #06aed43d;--color-accent-50: #f0f1ff;--color-accent-100: #dbddff;--color-accent-200: #bdc0ff;--color-accent-300: #9ea2ff;--color-accent-400: #8589ff;--color-accent-600: #3e45e5;--color-accent-700: #242bcc;--color-accent-800: #0b12b2;--color-accent-900: #000080;--color-accent-950: #000066;--color-accent-500-main: #575eff;--color-accent-a24: #575eff3d;--color-accent-a16: #575eff29;--color-accent-a10: #575eff1a;--color-utility-teal-50: #f0fdf9;--color-utility-teal-100: #ccfbef;--color-utility-teal-200: #99f6e0;--color-utility-teal-300: #5fe9d0;--color-utility-teal-400: #2ed3b7;--color-utility-teal-500: #15b79e;--color-utility-teal-600: #0e9384;--color-utility-teal-700: #107569;--color-utility-teal-800: #125d56;--color-utility-teal-900: #134e48;--color-utility-teal-950: #0a2926;--color-utility-gray_cool-50: #f9f9fb;--color-utility-gray_cool-100: #eff1f5;--color-utility-gray_cool-200: #dcdfea;--color-utility-gray_cool-300: #b9c0d4;--color-utility-gray_cool-400: #7d89b0;--color-utility-gray_cool-500: #5d6b98;--color-utility-gray_cool-600: #4a5578;--color-utility-gray_cool-700: #404968;--color-utility-gray_cool-800: #30374f;--color-utility-gray_cool-900: #111322;--color-utility-gray_cool-950: #0e101b;--color-utility-green_light-50: #f3fee7;--color-utility-green_light-100: #e3fbcc;--color-utility-green_light-200: #d0f8ab;--color-utility-green_light-300: #a6ef67;--color-utility-green_light-400: #85e13a;--color-utility-green_light-500: #66c61c;--color-utility-green_light-600: #4ca30d;--color-utility-green_light-700: #3b7c0f;--color-utility-green_light-800: #326212;--color-utility-green_light-900: #2b5314;--color-utility-green_light-950: #15290a;--color-utility-moss-50: #f5fbee;--color-utility-moss-100: #e6f4d7;--color-utility-moss-200: #ceeab0;--color-utility-moss-300: #acdc79;--color-utility-moss-400: #86cb3c;--color-utility-moss-500: #669f2a;--color-utility-moss-600: #4f7a21;--color-utility-moss-700: #3f621a;--color-utility-moss-800: #335015;--color-utility-moss-900: #2b4212;--color-utility-moss-950: #1a280b;--color-utility-blue_light-50: #f0f9ff;--color-utility-blue_light-100: #e0f2fe;--color-utility-blue_light-200: #b9e6fe;--color-utility-blue_light-300: #7cd4fd;--color-utility-blue_light-400: #36bffa;--color-utility-blue_light-500: #0ba5ec;--color-utility-blue_light-600: #0086c9;--color-utility-blue_light-700: #026aa2;--color-utility-blue_light-800: #065986;--color-utility-blue_light-900: #0b4a6f;--color-utility-blue_light-950: #062c41;--color-utility-gray_true-50: #f7f7f7;--color-utility-gray_true-100: #f2f2f2;--color-utility-gray_true-200: #e5e5e5;--color-utility-gray_true-300: #d6d6d6;--color-utility-gray_true-400: #a3a3a3;--color-utility-gray_true-500: #737373;--color-utility-gray_true-600: #525252;--color-utility-gray_true-700: #424242;--color-utility-gray_true-800: #292929;--color-utility-gray_true-900: #141414;--color-utility-gray_true-950: #0f0f0f;--color-utility-gray_neutral-50: #f9fafb;--color-utility-gray_neutral-100: #f3f4f6;--color-utility-gray_neutral-200: #e5e7eb;--color-utility-gray_neutral-300: #d2d6db;--color-utility-gray_neutral-400: #9da4ae;--color-utility-gray_neutral-500: #6c737f;--color-utility-gray_neutral-600: #4d5761;--color-utility-gray_neutral-700: #384250;--color-utility-gray_neutral-800: #1f2a37;--color-utility-gray_neutral-900: #111927;--color-utility-gray_neutral-950: #0d121c;--color-utility-orange_dark-50: #fef6ee;--color-utility-orange_dark-100: #fdead7;--color-utility-orange_dark-200: #f9dbaf;--color-utility-orange_dark-300: #f7b27a;--color-utility-orange_dark-400: #f38744;--color-utility-orange_dark-500: #ef6820;--color-utility-orange_dark-600: #e04f16;--color-utility-orange_dark-700: #b93815;--color-utility-orange_dark-800: #932f19;--color-utility-orange_dark-900: #772917;--color-utility-orange_dark-950: #511c10;--color-utility-orange_darker-50: #fff4ed;--color-utility-orange_darker-100: #ffe6d5;--color-utility-orange_darker-200: #ffd6ae;--color-utility-orange_darker-300: #ff9c66;--color-utility-orange_darker-400: #ff692e;--color-utility-orange_darker-500: #ff4405;--color-utility-orange_darker-600: #e62e05;--color-utility-orange_darker-700: #bc1b06;--color-utility-orange_darker-800: #97180c;--color-utility-orange_darker-900: #771a0d;--color-utility-orange_darker-950: #57130a;--color-utility-rose-50: #fff1f3;--color-utility-rose-100: #ffe4e8;--color-utility-rose-200: #fecdd6;--color-utility-rose-300: #fea3b4;--color-utility-rose-400: #fd6f8e;--color-utility-rose-500: #f63d68;--color-utility-rose-600: #e31b54;--color-utility-rose-700: #c01048;--color-utility-rose-800: #a11043;--color-utility-rose-900: #89123e;--color-utility-rose-950: #510b24;--color-utility-pink-50: #fdf2fa;--color-utility-pink-100: #fce7f6;--color-utility-pink-200: #fcceee;--color-utility-pink-300: #faa7e0;--color-utility-pink-400: #f670c7;--color-utility-pink-500: #ee46bc;--color-utility-pink-600: #dd2590;--color-utility-pink-700: #c11574;--color-utility-pink-800: #9e165f;--color-utility-pink-900: #851651;--color-utility-pink-950: #4e0d30;--color-utility-purple-50: #f4f3ff;--color-utility-purple-100: #ebe9fe;--color-utility-purple-200: #d9d6fe;--color-utility-purple-300: #bdb4fe;--color-utility-purple-400: #9b8afb;--color-utility-purple-500: #7a5af8;--color-utility-purple-600: #6938ef;--color-utility-purple-700: #5925dc;--color-utility-purple-800: #4a1fb8;--color-utility-purple-900: #3e1c96;--color-utility-purple-950: #27115f;--color-utility-blue_dark-50: #eff4ff;--color-utility-blue_dark-100: #dbe7ff;--color-utility-blue_dark-200: #b2ccff;--color-utility-blue_dark-300: #84adff;--color-utility-blue_dark-400: #528bff;--color-utility-blue_dark-500: #2970ff;--color-utility-blue_dark-600: #155eef;--color-utility-blue_dark-700: #004eeb;--color-utility-blue_dark-800: #0040c1;--color-utility-blue_dark-900: #00359e;--color-utility-blue_dark-950: #002266;--color-utility-indigo-50: #eef4ff;--color-utility-indigo-100: #e0eaff;--color-utility-indigo-200: #c7d7fe;--color-utility-indigo-300: #a4bcfd;--color-utility-indigo-400: #8098f9;--color-utility-indigo-500: #6172f3;--color-utility-indigo-600: #444ce7;--color-utility-indigo-700: #3538cd;--color-utility-indigo-800: #2d31a6;--color-utility-indigo-900: #2d3282;--color-utility-indigo-950: #1f235b;--color-utility-violet-50: #f5f3ff;--color-utility-violet-100: #ece9fe;--color-utility-violet-200: #ddd6fe;--color-utility-violet-300: #c3b5fd;--color-utility-violet-400: #a48afb;--color-utility-violet-500: #875bf7;--color-utility-violet-600: #7839ee;--color-utility-violet-700: #6927da;--color-utility-violet-800: #5720b7;--color-utility-violet-900: #491c96;--color-utility-violet-950: #2e125e;--font-family-inter: Inter;--font-family-iransansx: IRANSansX;--font-weight-regular: 400;--font-weight-light: 300;--font-weight-ultralight: 200;--font-weight-thin: 100;--font-weight-medium: 500;--font-weight-demibold: 600;--font-weight-black: 900;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-size-lg: 16px;--font-size-12xl: 80px;--font-size-14xl: 112px;--font-size-3xs: 9px;--font-size-3xl: 20px;--font-size-13xl: 96px;--font-size-11xl: 64px;--font-size-6xl: 28px;--font-size-5xl: 24px;--font-size-8xl: 36px;--font-size-4xl: 22px;--font-size-2xl: 18px;--font-size-base: 14px;--font-size-7xl: 32px;--font-size-2xs: 10px;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-9xl: 40px;--font-size-10xl: 48px;--font-size-15xl: 128px;--spacing-0: 0px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12;--spacing-4: 16;--spacing-5: 20;--spacing-6: 24;--spacing-7: 28;--spacing-8: 32;--spacing-9: 36;--spacing-10: 40;--spacing-11: 44px;--spacing-12: 48;--spacing-14: 56;--spacing-16: 64;--spacing-18: 72;--spacing-20: 80px;--spacing-24: 96px;--spacing-28: 112px;--spacing-32: 128px;--spacing-36: 144px;--spacing-40: 160px;--spacing-44: 176px;--spacing-48: 192px;--spacing-52: 208px;--spacing-56: 224px;--spacing-60: 240px;--spacing-64: 256px;--spacing-72: 288px;--spacing-80: 320px;--spacing-2-5: 10px;--spacing-1-5: 6px;--spacing-0-5: 2px;--spacing-px: 1px;--spacing-3-5: 14px;--stroke-0: 0px;--stroke-1: 1px;--stroke-2: 2px;--stroke-4: 4px;--stroke-6: 6px;--stroke-8: 8px;--breakpoint-sm: 640px;--breakpoint-2xl: 1536px;--breakpoint-xl: 1280px;--breakpoint-lg: 1024px;--breakpoint-md: 768px;--opacity-0: 0;--opacity-5: .05;--opacity-10: .1;--opacity-15: .15;--opacity-20: .2;--opacity-25: .25;--opacity-30: .3;--opacity-35: .35;--opacity-40: .4;--opacity-45: .45;--opacity-50: .5;--opacity-55: .55;--opacity-60: .6;--opacity-65: .65;--opacity-70: .7;--opacity-75: .75;--opacity-80: .8;--opacity-85: .85;--opacity-90: .9;--opacity-95: .95;--opacity-100: 1;--radius-2xl: 16px;--radius-xl: 12px;--radius-lg: 8px;--radius-full: 9999px;--radius-4xl: 32px;--radius-md: 6px;--radius-xs: 2px;--radius-3xl: 24px;--radius-sm: 4px;--radius-none: 0px;--gradient-surface-neutral-default: linear-gradient(180deg, #384250 0%, #1f2a37 100%);--gradient-surface-neutral-hover: linear-gradient(180deg, #1f2a37 0%, #111927 100%);--gradient-surface-neutral-pressed: linear-gradient(180deg, #111927 0%, #0d121c 100%);--gradient-surface-neutral-invert-default: linear-gradient(180deg, #f9fafb 0%, #f3f4f6 100%);--gradient-surface-neutral-invert-hover: linear-gradient(180deg, #f3f4f6 0%, #e5e7eb 100%);--gradient-surface-neutral-invert-pressed: linear-gradient(180deg, #e5e7eb 0%, #d2d6db 100%);--gradient-surface-primary-default: linear-gradient(180deg, #f53d46 0%, #db242d 100%);--gradient-surface-primary-hover: linear-gradient(180deg, #db242d 0%, #c20000 100%);--gradient-surface-primary-pressed: linear-gradient(180deg, #c20000 0%, #940000 100%);--gradient-surface-primary-invert-default: linear-gradient(180deg, #feecec 0%, #fddddf 100%);--gradient-surface-primary-invert-hover: linear-gradient(180deg, #fddddf 0%, #fbb6ba 100%);--gradient-surface-primary-invert-pressed: linear-gradient(180deg, #fbb6ba 0%, #f99499 100%);--gradient-surface-secondary-default: linear-gradient(180deg, #575eff 0%, #3e45e5 100%);--gradient-surface-secondary-hover: linear-gradient(180deg, #3e45e5 0%, #242bcc 100%);--gradient-surface-secondary-pressed: linear-gradient(180deg, #242bcc 0%, #0b12b2 100%);--gradient-surface-secondary-invert-default: linear-gradient(180deg, #f0f1ff 0%, #dbddff 100%);--gradient-surface-secondary-invert-hover: linear-gradient(180deg, #dbddff 0%, #bdc0ff 100%);--gradient-surface-secondary-invert-pressed: linear-gradient(180deg, #bdc0ff 0%, #9ea2ff 100%);--gradient-utility-dark-dark_yellow_orange: linear-gradient(180deg, #fac515 0%, #dc6803 100%);--gradient-utility-dark-dark_rose_red: linear-gradient(180deg, #fd6f8e 0%, #d92d20 100%);--gradient-utility-dark-dark_fuchsia_pink: linear-gradient(180deg, #e478fa 0%, #dd2590 100%);--gradient-utility-dark-dark_greenlight_moss: linear-gradient(180deg, #85e13a 0%, #4f7a21 100%);--gradient-utility-dark-dark_teal_cyan: linear-gradient(180deg, #2ed3b7 0%, #088ab2 100%);--gradient-utility-dark-dark_bluelight_blue: linear-gradient(180deg, #36bffa 0%, #1570ef 100%);--gradient-utility-dark-dark_violet_indigo: linear-gradient(180deg, #a48afb 0%, #444ce7 100%);--gradient-utility-dark-dark_bluedark_graycool: linear-gradient(180deg, #528bff 0%, #4a5578 100%);--gradient-utility-dark-dark_grayneutral_grayneutral: linear-gradient(180deg, #9da4ae 0%, #4d5761 100%);--gradient-utility-light-light_yellow_orange: linear-gradient(180deg, #fefbe8 0%, #fedf89 100%);--gradient-utility-light-light_rose_red: linear-gradient(180deg, #fff1f3 0%, #fecdca 100%);--gradient-utility-light-light_fuchsia_pink: linear-gradient(180deg, #fdf4ff 0%, #fcceee 100%);--gradient-utility-light-light_greenlight_moss: linear-gradient(180deg, #f3fee7 0%, #ceeab0 100%);--gradient-utility-light-light_teal_cyan: linear-gradient(180deg, #f0fdf9 0%, #a5f0fc 100%);--gradient-utility-light-light_bluelight_blue: linear-gradient(180deg, #f0f9ff 0%, #b2ddff 100%);--gradient-utility-light-light_violet_indigo: linear-gradient(180deg, #f5f3ff 0%, #c7d7fe 100%);--gradient-utility-light-light_bluedark_graycool: linear-gradient(180deg, #eff4ff 0%, #dcdfea 100%);--gradient-utility-light-light_grayneutral_grayneutral: linear-gradient(180deg, #f9fafb 0%, #e5e7eb 100%);--elevation-1: 0px 1px 3px 1px #3641521a, 0px 1px 2px 0px #36415229;--elevation-2: 0px 2px 6px 2px #3641521a, 0px 1px 2px 0px #36415229;--elevation-3: 0px 4px 8px 3px #3641521a, 0px 1px 3px 0px #36415229;--elevation-4: 0px 6px 10px 4px #3641521a, 0px 2px 3px 0px #36415229;--elevation-5: 0px 8px 12px 6px #3641521a, 0px 4px 4px 0px #36415229;--color-surface-neutral-invert-hovered: var(--color-base-grey-100);--color-surface-neutral-invert-pressed: var(--color-base-grey-200);--color-surface-neutral-invert-focused: var(--color-base-grey-50);--color-surface-neutral-invert-loading: var(--color-base-grey-200);--color-surface-neutral-invert-default: var(--color-base-grey-50);--color-surface-neutral-default: var(--color-base-grey-700);--color-surface-neutral-hovered: var(--color-base-grey-800);--color-surface-neutral-pressed: var(--color-base-grey-900);--color-surface-neutral-focused: var(--color-base-grey-700);--color-surface-neutral-loading: var(--color-base-grey-900);--color-surface-primary-default: var(--color-brand_primary-500-main);--color-surface-primary-hovered: var(--color-brand_primary-600);--color-surface-primary-pressed: var(--color-brand_primary-700);--color-surface-primary-focused: var(--color-brand_primary-500-main);--color-surface-primary-loading: var(--color-brand_primary-700);--color-surface-primary-invert-default: var(--color-brand_primary-50);--color-surface-primary-invert-hovered: var(--color-brand_primary-100);--color-surface-primary-invert-pressed: var(--color-brand_primary-200);--color-surface-primary-invert-focused: var(--color-brand_primary-50);--color-surface-primary-invert-loading: var(--color-brand_primary-200);--color-surface-secondary-default: var(--color-accent-500-main);--color-surface-secondary-hovered: var(--color-accent-600);--color-surface-secondary-pressed: var(--color-accent-700);--color-surface-secondary-focused: var(--color-accent-500-main);--color-surface-secondary-loading: var(--color-accent-700);--color-surface-secondary-invert-default: var(--color-accent-50);--color-surface-secondary-invert-hovered: var(--color-accent-100);--color-surface-secondary-invert-pressed: var(--color-accent-200);--color-surface-secondary-invert-focused: var(--color-accent-50);--color-surface-secondary-invert-loading: var(--color-accent-200);--color-surface-tertiary-default: var(--color-brand_secondary-800-main);--color-surface-tertiary-hovered: var(--color-brand_secondary-900);--color-surface-tertiary-pressed: var(--color-brand_secondary-950);--color-surface-tertiary-focused: var(--color-brand_secondary-800-main);--color-surface-tertiary-loading: var(--color-brand_secondary-950);--color-surface-tertiary-invert-default: var(--color-brand_secondary-50);--color-surface-tertiary-invert-hovered: var(--color-brand_secondary-100);--color-surface-tertiary-invert-pressed: var(--color-brand_secondary-200);--color-surface-tertiary-invert-focused: var(--color-brand_secondary-50);--color-surface-tertiary-invert-loading: var(--color-brand_secondary-200);--color-surface-error-default: var(--color-red-600);--color-surface-error-hovered: var(--color-red-700);--color-surface-error-pressed: var(--color-red-800);--color-surface-error-focused: var(--color-red-600);--color-surface-error-loading: var(--color-red-800);--color-surface-error-invert-default: var(--color-red-50);--color-surface-error-invert-hovered: var(--color-red-100);--color-surface-error-invert-pressed: var(--color-red-200);--color-surface-error-invert-focused: var(--color-red-50);--color-surface-error-invert-loading: var(--color-red-200);--color-surface-warning-invert-default: var(--color-orange-50);--color-surface-warning-invert-hovered: var(--color-orange-100);--color-surface-warning-invert-pressed: var(--color-orange-200);--color-surface-warning-invert-focused: var(--color-orange-50);--color-surface-warning-invert-loading: var(--color-orange-200);--color-surface-warning-default: var(--color-orange-500);--color-surface-warning-hovered: var(--color-orange-600);--color-surface-warning-pressed: var(--color-orange-700);--color-surface-warning-focused: var(--color-orange-500);--color-surface-warning-loading: var(--color-orange-700);--color-surface-success-default: var(--color-green-500);--color-surface-success-hovered: var(--color-green-600);--color-surface-success-pressed: var(--color-green-700);--color-surface-success-focused: var(--color-green-500);--color-surface-success-loading: var(--color-green-700);--color-surface-success-invert-default: var(--color-green-50);--color-surface-success-invert-hovered: var(--color-green-100);--color-surface-success-invert-pressed: var(--color-green-200);--color-surface-success-invert-focused: var(--color-green-50);--color-surface-success-invert-loading: var(--color-green-200);--color-surface-info-default: var(--color-blue-500);--color-surface-info-hovered: var(--color-blue-600);--color-surface-info-pressed: var(--color-blue-700);--color-surface-info-focused: var(--color-blue-500);--color-surface-info-loading: var(--color-blue-700);--color-surface-info-invert-default: var(--color-blue-50);--color-surface-info-invert-hovered: var(--color-blue-100);--color-surface-info-invert-pressed: var(--color-blue-200);--color-surface-info-invert-focused: var(--color-blue-50);--color-surface-info-invert-loading: var(--color-blue-200);--color-surface-away-default: var(--color-yellow-500);--color-surface-away-hovered: var(--color-yellow-600);--color-surface-away-pressed: var(--color-yellow-700);--color-surface-away-focused: var(--color-yellow-500);--color-surface-away-loading: var(--color-yellow-700);--color-surface-away-invert-default: var(--color-yellow-50);--color-surface-away-invert-hovered: var(--color-yellow-100);--color-surface-away-invert-pressed: var(--color-yellow-200);--color-surface-away-invert-focused: var(--color-yellow-50);--color-surface-away-invert-loading: var(--color-yellow-200);--color-surface-feature-default: var(--color-fuchsia-500);--color-surface-feature-hovered: var(--color-fuchsia-600);--color-surface-feature-pressed: var(--color-fuchsia-700);--color-surface-feature-focused: var(--color-fuchsia-500);--color-surface-feature-loading: var(--color-fuchsia-700);--color-surface-feature-invert-default: var(--color-fuchsia-50);--color-surface-feature-invert-hovered: var(--color-fuchsia-100);--color-surface-feature-invert-pressed: var(--color-fuchsia-200);--color-surface-feature-invert-focused: var(--color-fuchsia-50);--color-surface-feature-invert-loading: var(--color-fuchsia-200);--color-surface-verified-default: var(--color-cyan-500);--color-surface-verified-hovered: var(--color-cyan-600);--color-surface-verified-pressed: var(--color-cyan-700);--color-surface-verified-focused: var(--color-cyan-500);--color-surface-verified-loading: var(--color-cyan-700);--color-surface-verified-invert-default: var(--color-cyan-50);--color-surface-verified-invert-hovered: var(--color-cyan-100);--color-surface-verified-invert-pressed: var(--color-cyan-200);--color-surface-verified-invert-focused: var(--color-cyan-50);--color-surface-verified-invert-loading: var(--color-cyan-200);--color-background-modal: var(--color-base-white-full);--color-background-divider: var(--color-base-grey-400);--color-background-disabled: var(--color-base-grey-200);--color-background-transparent: var(--color-base-transparent);--color-background-default: var(--color-base-white-full);--color-background-secondary: var(--color-utility-gray_cool-100);--color-content-link: var(--color-brand_secondary-700);--color-content-caption: var(--color-base-grey-600);--color-content-error: var(--color-red-700);--color-content-placeholder: var(--color-base-grey-500);--color-content-warning: var(--color-orange-700);--color-content-success: var(--color-green-700);--color-content-info: var(--color-blue-700);--color-content-primary: var(--color-brand_primary-700);--color-content-base: var(--color-base-white-full);--color-content-default: var(--color-base-grey-900);--color-content-loading: var(--color-base-grey-700);--color-content-visited: var(--color-fuchsia-700);--color-content-disabled: var(--color-base-grey-400);--color-content-invert-link: var(--color-brand_secondary-100);--color-content-invert-caption: var(--color-base-grey-100);--color-content-invert-loading: var(--color-base-grey-100);--color-content-invert-placeholder: var(--color-base-grey-500);--color-content-invert-error: var(--color-red-100);--color-content-invert-warning: var(--color-orange-100);--color-content-invert-success: var(--color-green-100);--color-content-invert-info: var(--color-blue-100);--color-content-invert-default: var(--color-base-white-full);--color-content-invert-visited: var(--color-utility-purple-100);--color-content-invert-primary: var(--color-brand_primary-100);--color-content-invert-base: var(--color-base-grey-950);--color-content-invert-secondary: var(--color-accent-100);--color-content-invert-accent: var(--color-brand_secondary-100);--color-content-invert-away: var(--color-yellow-100);--color-content-invert-feature: var(--color-fuchsia-100);--color-content-invert-verified: var(--color-cyan-100);--color-content-secondary: var(--color-accent-700);--color-content-accent: var(--color-brand_secondary-700);--color-content-away: var(--color-yellow-700);--color-content-feature: var(--color-fuchsia-700);--color-content-verified: var(--color-cyan-700);--color-border-base: var(--color-base-grey-100);--color-border-default: var(--color-base-grey-400);--color-border-disabled: var(--color-base-grey-300);--color-border-invert-base: var(--color-base-grey-950);--color-border-invert-default: var(--color-base-grey-400);--color-border-invert-primary: var(--color-brand_primary-100);--color-border-invert-info: var(--color-blue-100);--color-border-invert-success: var(--color-green-100);--color-border-invert-warning: var(--color-orange-100);--color-border-invert-error: var(--color-red-100);--color-border-invert-secondary: var(--color-accent-100);--color-border-primary: var(--color-brand_primary-700);--color-border-info: var(--color-blue-700);--color-border-success: var(--color-green-700);--color-border-warning: var(--color-orange-700);--color-border-error: var(--color-red-700);--color-border-secondary: var(--color-accent-700);--elevation-shadow-1: var(--color-base-grey-a10);--elevation-shadow-2: var(--color-base-grey-a16);--gradient-surface-primary-default-stop-1: var(--color-brand_primary-500-main);--gradient-surface-primary-default-stop-2: var(--color-brand_primary-600);--gradient-surface-primary-default-invert-stop-1: var(--color-brand_primary-50);--gradient-surface-primary-default-invert-stop-2: var(--color-brand_primary-100);--gradient-surface-primary-hover-stop-1: var(--color-brand_primary-600);--gradient-surface-primary-hover-stop-2: var(--color-brand_primary-700);--gradient-surface-primary-hover-invert-stop-1: var(--color-brand_primary-100);--gradient-surface-primary-hover-invert-stop-2: var(--color-brand_primary-200);--gradient-surface-primary-pressed-stop-1: var(--color-brand_primary-700);--gradient-surface-primary-pressed-stop-2: var(--color-brand_primary-800);--gradient-surface-primary-pressed-invert-stop-1: var(--color-brand_primary-200);--gradient-surface-primary-pressed-invert-stop-2: var(--color-brand_primary-300);--gradient-surface-secondary-default-stop-1: var(--color-accent-500-main);--gradient-surface-secondary-default-stop-2: var(--color-accent-600);--gradient-surface-secondary-default-invert-stop-1: var(--color-accent-50);--gradient-surface-secondary-default-invert-stop-2: var(--color-accent-100);--gradient-surface-secondary-hover-stop-1: var(--color-accent-600);--gradient-surface-secondary-hover-stop-2: var(--color-accent-700);--gradient-surface-secondary-hover-invert-stop-1: var(--color-accent-100);--gradient-surface-secondary-hover-invert-stop-2: var(--color-accent-200);--gradient-surface-secondary-pressed-stop-1: var(--color-accent-700);--gradient-surface-secondary-pressed-stop-2: var(--color-accent-800);--gradient-surface-secondary-pressed-invert-stop-1: var(--color-accent-200);--gradient-surface-secondary-pressed-invert-stop-2: var(--color-accent-300);--gradient-surface-neutral-default-stop-1: var(--color-utility-gray_neutral-700);--gradient-surface-neutral-default-stop-2: var(--color-utility-gray_neutral-800);--gradient-surface-neutral-default-invert-stop-1: var(--color-utility-gray_neutral-50);--gradient-surface-neutral-default-invert-stop-2: var(--color-utility-gray_neutral-100);--gradient-surface-neutral-hover-stop-1: var(--color-utility-gray_neutral-800);--gradient-surface-neutral-hover-stop-2: var(--color-utility-gray_neutral-900);--gradient-surface-neutral-hover-invert-stop-1: var(--color-utility-gray_neutral-100);--gradient-surface-neutral-hover-invert-stop-2: var(--color-utility-gray_neutral-200);--gradient-surface-neutral-pressed-stop-1: var(--color-utility-gray_neutral-900);--gradient-surface-neutral-pressed-stop-2: var(--color-utility-gray_neutral-950);--gradient-surface-neutral-pressed-invert-stop-1: var(--color-utility-gray_neutral-200);--gradient-surface-neutral-pressed-invert-stop-2: var(--color-utility-gray_neutral-300);--shadow-1: var(--color-base-grey-a10);--shadow-2: var(--color-base-grey-a16)}[data-theme=dark]{--color-surface-neutral-invert-hovered: var(--color-base-grey-800);--color-surface-neutral-invert-pressed: var(--color-base-grey-700);--color-surface-neutral-invert-focused: var(--color-base-grey-900);--color-surface-neutral-invert-loading: var(--color-base-grey-700);--color-surface-neutral-invert-default: var(--color-base-grey-900);--color-surface-neutral-default: var(--color-base-grey-300);--color-surface-neutral-hovered: var(--color-base-grey-200);--color-surface-neutral-pressed: var(--color-base-grey-100);--color-surface-neutral-focused: var(--color-base-grey-300);--color-surface-neutral-loading: var(--color-base-grey-100);--color-surface-primary-default: var(--color-brand_primary-300);--color-surface-primary-hovered: var(--color-brand_primary-200);--color-surface-primary-pressed: var(--color-brand_primary-100);--color-surface-primary-focused: var(--color-brand_primary-300);--color-surface-primary-loading: var(--color-brand_primary-100);--color-surface-primary-invert-default: var(--color-brand_primary-900);--color-surface-primary-invert-hovered: var(--color-brand_primary-800);--color-surface-primary-invert-pressed: var(--color-brand_primary-700);--color-surface-primary-invert-focused: var(--color-brand_primary-900);--color-surface-primary-invert-loading: var(--color-brand_primary-700);--color-surface-secondary-default: var(--color-accent-300);--color-surface-secondary-hovered: var(--color-accent-200);--color-surface-secondary-pressed: var(--color-accent-100);--color-surface-secondary-focused: var(--color-accent-300);--color-surface-secondary-loading: var(--color-accent-100);--color-surface-secondary-invert-default: var(--color-accent-900);--color-surface-secondary-invert-hovered: var(--color-accent-800);--color-surface-secondary-invert-pressed: var(--color-accent-700);--color-surface-secondary-invert-focused: var(--color-accent-900);--color-surface-secondary-invert-loading: var(--color-accent-700);--color-surface-tertiary-default: var(--color-brand_secondary-300);--color-surface-tertiary-hovered: var(--color-brand_secondary-200);--color-surface-tertiary-pressed: var(--color-brand_secondary-100);--color-surface-tertiary-focused: var(--color-brand_secondary-300);--color-surface-tertiary-loading: var(--color-brand_secondary-100);--color-surface-tertiary-invert-default: var(--color-brand_secondary-900);--color-surface-tertiary-invert-hovered: var(--color-brand_secondary-800-main);--color-surface-tertiary-invert-pressed: var(--color-brand_secondary-700);--color-surface-tertiary-invert-focused: var(--color-brand_secondary-900);--color-surface-tertiary-invert-loading: var(--color-brand_secondary-700);--color-surface-error-default: var(--color-red-300);--color-surface-error-hovered: var(--color-red-200);--color-surface-error-pressed: var(--color-red-100);--color-surface-error-focused: var(--color-red-300);--color-surface-error-loading: var(--color-red-100);--color-surface-error-invert-default: var(--color-red-900);--color-surface-error-invert-hovered: var(--color-red-800);--color-surface-error-invert-pressed: var(--color-red-700);--color-surface-error-invert-focused: var(--color-red-900);--color-surface-error-invert-loading: var(--color-red-700);--color-surface-warning-invert-default: var(--color-orange-900);--color-surface-warning-invert-hovered: var(--color-orange-800);--color-surface-warning-invert-pressed: var(--color-orange-700);--color-surface-warning-invert-focused: var(--color-orange-900);--color-surface-warning-invert-loading: var(--color-orange-700);--color-surface-warning-default: var(--color-orange-300);--color-surface-warning-hovered: var(--color-orange-200);--color-surface-warning-pressed: var(--color-orange-100);--color-surface-warning-focused: var(--color-orange-300);--color-surface-warning-loading: var(--color-orange-100);--color-surface-success-default: var(--color-green-300);--color-surface-success-hovered: var(--color-green-200);--color-surface-success-pressed: var(--color-green-100);--color-surface-success-focused: var(--color-green-300);--color-surface-success-loading: var(--color-green-100);--color-surface-success-invert-default: var(--color-green-900);--color-surface-success-invert-hovered: var(--color-green-800);--color-surface-success-invert-pressed: var(--color-green-700);--color-surface-success-invert-focused: var(--color-green-900);--color-surface-success-invert-loading: var(--color-green-700);--color-surface-info-default: var(--color-blue-300);--color-surface-info-hovered: var(--color-blue-200);--color-surface-info-pressed: var(--color-blue-100);--color-surface-info-focused: var(--color-blue-300);--color-surface-info-loading: var(--color-blue-100);--color-surface-info-invert-default: var(--color-blue-900);--color-surface-info-invert-hovered: var(--color-blue-800);--color-surface-info-invert-pressed: var(--color-blue-700);--color-surface-info-invert-focused: var(--color-blue-900);--color-surface-info-invert-loading: var(--color-blue-700);--color-surface-away-default: var(--color-yellow-300);--color-surface-away-hovered: var(--color-yellow-200);--color-surface-away-pressed: var(--color-yellow-100);--color-surface-away-focused: var(--color-yellow-300);--color-surface-away-loading: var(--color-yellow-100);--color-surface-away-invert-default: var(--color-yellow-900);--color-surface-away-invert-hovered: var(--color-yellow-800);--color-surface-away-invert-pressed: var(--color-yellow-700);--color-surface-away-invert-focused: var(--color-yellow-900);--color-surface-away-invert-loading: var(--color-yellow-700);--color-surface-feature-default: var(--color-fuchsia-300);--color-surface-feature-hovered: var(--color-fuchsia-200);--color-surface-feature-pressed: var(--color-fuchsia-100);--color-surface-feature-focused: var(--color-fuchsia-300);--color-surface-feature-loading: var(--color-fuchsia-100);--color-surface-feature-invert-default: var(--color-fuchsia-900);--color-surface-feature-invert-hovered: var(--color-fuchsia-800);--color-surface-feature-invert-pressed: var(--color-fuchsia-700);--color-surface-feature-invert-focused: var(--color-fuchsia-900);--color-surface-feature-invert-loading: var(--color-fuchsia-700);--color-surface-verified-default: var(--color-cyan-300);--color-surface-verified-hovered: var(--color-cyan-200);--color-surface-verified-pressed: var(--color-cyan-100);--color-surface-verified-focused: var(--color-cyan-300);--color-surface-verified-loading: var(--color-cyan-100);--color-surface-verified-invert-default: var(--color-cyan-900);--color-surface-verified-invert-hovered: var(--color-cyan-800);--color-surface-verified-invert-pressed: var(--color-cyan-700);--color-surface-verified-invert-focused: var(--color-cyan-900);--color-surface-verified-invert-loading: var(--color-cyan-700);--color-background-modal: var(--color-base-grey-900);--color-background-divider: var(--color-base-grey-600);--color-background-disabled: var(--color-base-grey-800);--color-background-transparent: var(--color-base-transparent);--color-background-default: var(--color-utility-gray_neutral-950);--color-background-secondary: var(--color-utility-gray_neutral-900);--color-content-link: var(--color-brand_secondary-200);--color-content-caption: var(--color-base-grey-400);--color-content-error: var(--color-red-200);--color-content-placeholder: var(--color-base-grey-500);--color-content-warning: var(--color-orange-200);--color-content-success: var(--color-green-200);--color-content-info: var(--color-blue-200);--color-content-primary: var(--color-brand_primary-200);--color-content-base: var(--color-base-grey-900);--color-content-default: var(--color-base-white-full);--color-content-loading: var(--color-base-grey-200);--color-content-visited: var(--color-fuchsia-200);--color-content-disabled: var(--color-base-grey-600);--color-content-invert-link: var(--color-brand_secondary-700);--color-content-invert-caption: var(--color-base-grey-700);--color-content-invert-loading: var(--color-base-grey-700);--color-content-invert-placeholder: var(--color-base-grey-500);--color-content-invert-error: var(--color-red-700);--color-content-invert-warning: var(--color-orange-700);--color-content-invert-success: var(--color-green-700);--color-content-invert-info: var(--color-blue-700);--color-content-invert-default: var(--color-base-grey-900);--color-content-invert-visited: var(--color-utility-purple-700);--color-content-invert-primary: var(--color-brand_primary-700);--color-content-invert-base: var(--color-base-white-full);--color-content-invert-secondary: var(--color-accent-700);--color-content-invert-accent: var(--color-brand_secondary-700);--color-content-invert-away: var(--color-yellow-700);--color-content-invert-feature: var(--color-fuchsia-700);--color-content-invert-verified: var(--color-cyan-700);--color-content-secondary: var(--color-accent-200);--color-content-accent: var(--color-brand_secondary-200);--color-content-away: var(--color-yellow-200);--color-content-feature: var(--color-fuchsia-200);--color-content-verified: var(--color-cyan-200);--color-border-base: var(--color-base-grey-950);--color-border-default: var(--color-base-grey-600);--color-border-disabled: var(--color-base-grey-700);--color-border-invert-base: var(--color-base-grey-100);--color-border-invert-default: var(--color-base-grey-950);--color-border-invert-primary: var(--color-brand_primary-900);--color-border-invert-info: var(--color-blue-900);--color-border-invert-success: var(--color-green-900);--color-border-invert-warning: var(--color-orange-900);--color-border-invert-error: var(--color-red-900);--color-border-invert-secondary: var(--color-accent-900);--color-border-primary: var(--color-brand_primary-200);--color-border-info: var(--color-blue-200);--color-border-success: var(--color-green-200);--color-border-warning: var(--color-orange-200);--color-border-error: var(--color-red-200);--color-border-secondary: var(--color-accent-200);--elevation-shadow-1: var(--color-base-black-a16);--elevation-shadow-2: var(--color-base-black-a24)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:Inter,var(--font-family-inter),system-ui,sans-serif;background:var(--color-background-secondary);color:var(--color-content-default);font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%}button{font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--color-base-grey-300);border-radius:99px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--color-base-grey-400);background-clip:content-box}:root{--ink: var(--color-base-grey-900);--ink2: var(--color-base-grey-600);--ink3: var(--color-base-grey-500);--line: var(--color-base-grey-200);--line-soft: var(--color-base-grey-100);--card: #fff;--brand: var(--color-brand_primary-500-main);--navy: var(--color-brand_secondary-800-main);--indigo: var(--color-accent-500-main);--r-lg: 8px;--r-xl: 12px;--r-2xl: 16px;--sidebar-w: 248px}.app{display:flex;height:100%;overflow:hidden}.main{flex:1;min-width:0;display:flex;flex-direction:column;height:100%}.scroll{flex:1;overflow-y:auto;overflow-x:hidden}.page{padding:24px 28px 64px;max-width:1480px;margin:0 auto;width:100%}.sb{width:var(--sidebar-w);flex-shrink:0;height:100%;background:linear-gradient(178deg,#1b2a6b 0%,var(--navy) 55%,#0f1a45 100%);color:#fff;display:flex;flex-direction:column;position:relative;z-index:20}.sb-brand{display:flex;align-items:center;gap:11px;padding:20px 20px 18px}.sb-logo{width:34px;height:34px;border-radius:9px;flex-shrink:0;background:var(--gradient-surface-primary-default);display:grid;place-items:center;color:#fff;font-size:19px;box-shadow:0 4px 12px -2px #f53d468c}.sb-title{font-size:15.5px;font-weight:700;letter-spacing:-.2px;line-height:1.1}.sb-title small{display:block;font-size:10.5px;font-weight:500;color:#9fb0e8;letter-spacing:.3px;margin-top:2px}.sb-nav{flex:1;overflow-y:auto;padding:6px 12px}.sb-nav::-webkit-scrollbar{width:0}.sb-sec{font-size:10px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:#7a8ac4;padding:16px 12px 7px}.sb-item{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:#cfd8f5;padding:9px 12px;border-radius:9px;font-size:13.5px;font-weight:500;text-align:left;margin-bottom:2px;transition:background .14s,color .14s;position:relative;text-decoration:none}.sb-item i{font-size:18px;width:20px;text-align:center}.sb-item:hover{background:#ffffff12;color:#fff}.sb-item.on{background:#ffffff1a;color:#fff;font-weight:600}.sb-item.on:before{content:"";position:absolute;left:-12px;top:7px;bottom:7px;width:3.5px;border-radius:0 4px 4px 0;background:var(--brand)}.sb-item .badge-n{margin-left:auto;background:var(--brand);color:#fff;font-size:10.5px;font-weight:700;min-width:18px;height:18px;border-radius:99px;display:grid;place-items:center;padding:0 5px}.sb-item .badge-n.muted{background:#ffffff29;color:#dfe6fb}.sb-foot{padding:12px;border-top:1px solid rgba(255,255,255,.08)}.sb-user{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:9px;width:100%;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer}.sb-menu{position:absolute;bottom:calc(100% - 4px);left:12px;right:12px;z-index:50;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--elevation-3);padding:5px}.sb-menu button{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;padding:8px 10px;border-radius:7px;font:inherit;font-size:12.5px;font-weight:500;color:var(--ink);text-align:left;cursor:pointer}.sb-menu button:hover{background:var(--color-base-grey-50)}.sb-user:hover{background:#ffffff0f}.sb-ava{width:32px;height:32px;border-radius:99px;background:var(--indigo);display:grid;place-items:center;color:#fff;font-weight:700;font-size:12.5px;flex-shrink:0}.sb-user-meta{min-width:0}.sb-user-meta b{display:block;font-size:12.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-user-meta span{font-size:10.5px;color:#9fb0e8}.tb{height:64px;flex-shrink:0;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 24px;position:relative;z-index:10}.tb-head{min-width:0;flex:0 1 auto}.tb-title{font-size:18px;font-weight:700;letter-spacing:-.3px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-sub{font-size:12px;color:var(--ink3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb .track-sw,.tb .tb-icon{flex-shrink:0}.tb-spacer{flex:1}.tb-search{display:flex;align-items:center;gap:8px;background:var(--color-base-grey-100);border:1px solid transparent;border-radius:10px;padding:8px 12px;width:300px;color:var(--ink3);transition:.15s}.tb-search:focus-within{background:#fff;border-color:var(--color-base-grey-300);box-shadow:var(--elevation-1)}.tb-search input{border:0;background:transparent;outline:none;flex:1;font-size:13px;color:var(--ink)}.tb-search i{font-size:17px}.tb-ask{display:flex;align-items:center;gap:8px;background:var(--color-base-grey-100);border:1px solid transparent;border-radius:10px;padding:8px 12px;color:var(--ink2);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:.15s}.tb-ask:hover{background:#fff;border-color:var(--color-base-grey-300);box-shadow:var(--elevation-1)}.tb-ask:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.tb-ask i{font-size:17px;color:var(--brand)}.tb-ask kbd{font-size:10px;font-weight:600;font-family:inherit;color:var(--ink3);background:#fff;border:1px solid var(--line);border-radius:4px;padding:1px 5px}.tb-icon{width:38px;height:38px;border-radius:9px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--ink2);font-size:18px;position:relative;transition:.14s}.tb-icon:hover{background:var(--color-base-grey-50);color:var(--ink)}.tb-icon .dot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:99px;background:var(--brand);border:1.5px solid #fff}.track-sw{display:inline-flex;background:var(--color-base-grey-100);border-radius:10px;padding:3px;gap:2px}.track-sw button{border:0;background:transparent;padding:6px 14px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--ink2);display:flex;align-items:center;gap:7px;transition:.15s}.track-sw button i{font-size:15px}.track-sw button.on{background:#fff;color:var(--ink);box-shadow:var(--elevation-1)}.track-sw button.on.cs i{color:var(--brand)}.track-sw button.on.outbound_sales i{color:var(--indigo)}.track-sw button.on.telesales i{color:#0d9488}.track-sw button.on.cs svg{color:var(--brand)}.track-sw button.on.outbound_sales svg{color:var(--indigo)}.track-sw button.on.telesales svg{color:#0d9488}.card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-xl)}.card.elev{border-color:transparent;box-shadow:var(--elevation-1)}.card-h{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;padding:16px 18px 0}.card-h>div:first-child{min-width:0;flex:1 1 200px}.card-h h3{font-size:14.5px;font-weight:700;color:var(--ink);margin:0;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-h .sub{font-size:11.5px;color:var(--ink3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-h .right{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;max-width:100%}.card-b{padding:16px 18px}.grid{display:grid;gap:16px}.g-4{grid-template-columns:repeat(4,1fr)}.g-3{grid-template-columns:repeat(3,1fr)}.g-2{grid-template-columns:repeat(2,1fr)}.row{display:flex;gap:16px;min-width:0;flex-wrap:wrap}.row>*{min-width:0}.col{display:flex;flex-direction:column;gap:16px;min-width:0}.col>*{min-width:0}.stat{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-xl);padding:16px 18px;position:relative;overflow:hidden}.stat .lbl{font-size:12px;font-weight:600;color:var(--ink3);display:flex;align-items:center;gap:7px}.stat .lbl .ic{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:15px}.stat .val{font-size:28px;font-weight:800;letter-spacing:-1px;color:var(--ink);margin-top:9px;line-height:1;display:flex;align-items:baseline;gap:6px}.stat .val small{font-size:14px;font-weight:600;color:var(--ink3);letter-spacing:0}.stat .delta{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:700;margin-top:10px;padding:2px 7px;border-radius:99px}.delta.up{color:var(--color-green-700);background:var(--color-green-50)}.delta.down{color:var(--color-red-700);background:var(--color-red-50)}.delta.flat{color:var(--ink2);background:var(--color-base-grey-100)}.stat .spark{position:absolute;right:14px;bottom:14px;opacity:.9}.tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:99px;line-height:1.5;white-space:nowrap}.tag .dotc{width:6px;height:6px;border-radius:99px}.tag-soft{background:var(--color-base-grey-100);color:var(--ink2)}.tag-success{background:var(--color-green-50);color:var(--color-green-700)}.tag-warning{background:var(--color-orange-50);color:var(--color-orange-700)}.tag-error{background:var(--color-red-50);color:var(--color-red-700)}.tag-info{background:var(--color-blue-50);color:var(--color-blue-700)}.tag-feature{background:var(--color-fuchsia-50);color:var(--color-fuchsia-700)}.tag-brand{background:var(--color-brand_primary-50);color:var(--color-brand_primary-700)}.tag-indigo{background:var(--color-accent-50);color:var(--color-accent-700)}.tag-away{background:var(--color-yellow-50);color:var(--color-yellow-800)}.chip-fa{font-size:10px;color:var(--ink3);font-weight:500}.btn{white-space:nowrap;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:13px;font-weight:600;padding:8px 13px;border-radius:9px;transition:.14s}.btn:hover{background:var(--color-base-grey-50);border-color:var(--color-base-grey-300)}.btn i{font-size:16px}.btn-pri{background:var(--gradient-surface-primary-default);border-color:transparent;color:#fff;box-shadow:0 2px 6px -1px #f53d4666}.btn-pri:hover{background:var(--gradient-surface-primary-hover)}.btn-danger{background:var(--color-red-600);border-color:transparent;color:#fff}.btn-danger:hover{background:var(--color-red-700)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--color-base-grey-100)}.btn-sm{padding:6px 10px;font-size:12px}.btn-icon{padding:8px}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl thead th{text-align:left;font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--ink3);padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap;position:sticky;top:0;background:#fff;z-index:1}.tbl tbody td{padding:11px 14px;border-bottom:1px solid var(--line-soft);color:var(--ink);vertical-align:middle}.tbl tbody tr{transition:background .12s;cursor:pointer}.tbl tbody tr:hover{background:var(--color-base-grey-50)}.tbl tbody tr.sel{background:var(--color-brand_primary-50)}.tbl .mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.muted{color:var(--ink3)}.strong{font-weight:700}.ava{width:28px;height:28px;border-radius:99px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:11px;flex-shrink:0}.ava-row{display:flex;align-items:center;gap:9px}.score{display:inline-grid;place-items:center;min-width:30px;height:24px;padding:0 7px;border-radius:7px;font-weight:800;font-size:12.5px;font-variant-numeric:tabular-nums}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#090c1566;z-index:90;animation:fade .18s ease}@keyframes fade{0%{opacity:0}}.drawer{position:fixed;top:0;right:0;bottom:0;width:560px;max-width:94vw;background:var(--color-background-secondary);z-index:100;box-shadow:-12px 0 40px -8px #090c154d;display:flex;flex-direction:column;animation:slideIn .26s cubic-bezier(.2,.8,.2,1)}@keyframes slideIn{0%{transform:translate(40px);opacity:.5}}.dlg-scrim{z-index:110}.dlg{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:120;width:440px;max-width:calc(100vw - 32px);background:#fff;border-radius:14px;box-shadow:var(--elevation-3);padding:22px 22px 18px;animation:fade .15s ease}.dlg h2{font-size:16px;font-weight:800;margin:0 0 8px;letter-spacing:-.2px}.dlg-body{font-size:13px;color:var(--ink2);line-height:1.55;white-space:pre-line}.dlg-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.drawer-h{background:#fff;border-bottom:1px solid var(--line);padding:16px 20px;display:flex;align-items:flex-start;gap:12px}.drawer-b{flex:1;overflow-y:auto;padding:18px 20px 40px}.legend{display:flex;flex-wrap:wrap;gap:12px}.legend .li{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink2);font-weight:500}.legend .sw{width:10px;height:10px;border-radius:3px}.bar-track{height:8px;border-radius:99px;background:var(--color-base-grey-100);overflow:hidden}.bar-fill{height:100%;border-radius:99px}.kpi-mini{display:flex;align-items:baseline;gap:6px}.kpi-mini b{font-size:19px;font-weight:800;letter-spacing:-.5px}.divider{height:1px;background:var(--line-soft);margin:14px 0}.sec-label{font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--ink3);margin-bottom:10px}.fbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.fselect{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;flex-shrink:0;background:#fff;border:1px solid var(--line);border-radius:9px;padding:7px 11px;font-size:12.5px;font-weight:600;color:var(--ink2)}.fselect i{font-size:15px;color:var(--ink3)}.fselect.on{border-color:var(--brand);color:var(--brand);background:var(--color-brand_primary-50)}.seg{display:inline-flex;background:var(--color-base-grey-100);border-radius:9px;padding:3px}.seg button{border:0;background:transparent;padding:6px 12px;border-radius:7px;font-size:12px;font-weight:600;color:var(--ink2)}.seg button.on{background:#fff;color:var(--ink);box-shadow:var(--elevation-1)}.login{height:100%;display:grid;grid-template-columns:1.05fr .95fr}.login-art{position:relative;overflow:hidden;background:linear-gradient(160deg,#1b2a6b 0%,var(--navy) 60%,#0c1331 100%);color:#fff;padding:48px;display:flex;flex-direction:column}.login-art:after{content:"";position:absolute;width:520px;height:520px;right:-160px;bottom:-160px;border-radius:50%;background:radial-gradient(circle,rgba(245,61,70,.5),transparent 65%);filter:blur(8px)}.login-form-wrap{display:grid;place-items:center;padding:40px}.login-form{width:100%;max-width:372px}.field{margin-bottom:16px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink2);margin-bottom:7px}.field .inp{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:11px 13px;background:#fff;transition:.15s}.field .inp:focus-within{border-color:var(--color-base-grey-600);box-shadow:0 0 0 3px var(--color-base-grey-a16)}.field .inp i{font-size:18px;color:var(--ink3)}.field .inp input{border:0;outline:none;flex:1;font-size:14px;color:var(--ink);background:transparent}.inp-eye{border:0;background:transparent;color:var(--ink3);padding:0;display:grid;place-items:center;border-radius:6px}.inp-eye:focus-visible{outline:2px solid var(--color-base-grey-600);outline-offset:2px}.chat-bubble{max-width:76%;padding:12px 15px;border-radius:14px;font-size:13.5px;line-height:1.55}.chat-bubble.user{background:var(--gradient-surface-primary-default);color:#fff;border-bottom-right-radius:4px}.chat-bubble.bot{background:#fff;border:1px solid var(--line-soft);border-bottom-left-radius:4px;box-shadow:var(--elevation-1)}.cite{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:5px;background:var(--color-accent-100);color:var(--color-accent-700);font-size:10px;font-weight:800;vertical-align:super;margin:0 1px;cursor:pointer}.prompt-chip{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px 13px;font-size:12.5px;color:var(--ink);text-align:left;display:flex;gap:9px;align-items:center;transition:.14s}.prompt-chip:hover{border-color:var(--brand);background:var(--color-brand_primary-50)}.prompt-chip i{color:var(--brand);font-size:17px}.chat-shell{flex:1;min-height:0;display:flex}.chat-main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.chat-rail{width:268px;flex-shrink:0;border-right:1px solid var(--line);background:var(--color-base-grey-50);display:flex;flex-direction:column;min-height:0}.chat-rail.collapsed{width:52px;align-items:center;padding-top:12px;gap:8px}.chat-rail-head{display:flex;gap:7px;padding:12px 10px 10px}.chat-saved-link{display:flex;align-items:center;gap:8px;width:calc(100% - 20px);margin:0 10px 8px;border:0;background:transparent;padding:8px 10px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--ink2);text-align:left}.chat-saved-link:hover{background:var(--color-base-grey-100)}.chat-saved-link.on{background:var(--color-yellow-50);color:var(--color-yellow-800)}.chat-saved-link .badge-n{margin-left:auto;background:var(--color-base-grey-200);color:var(--ink2);font-size:10.5px;font-weight:700;min-width:18px;height:18px;border-radius:99px;display:grid;place-items:center;padding:0 5px}.chat-hist-list{flex:1;overflow-y:auto;padding:0 8px 12px}.chat-hist-row{position:relative;display:flex;align-items:flex-start;gap:8px;padding:8px 9px;border-radius:9px;cursor:pointer;transition:background .12s}.chat-hist-row:hover{background:var(--color-base-grey-100)}.chat-hist-row.on{background:#fff;box-shadow:var(--elevation-1)}.chat-hist-title{font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-hist-sub{font-size:10.5px;color:var(--ink3);margin-top:2px}.chat-hist-menu{border:0;background:transparent;color:var(--ink3);padding:2px;border-radius:6px;opacity:0;flex-shrink:0}.chat-hist-row:hover .chat-hist-menu,.chat-hist-row.on .chat-hist-menu{opacity:1}.chat-hist-menu:hover{background:var(--color-base-grey-200);color:var(--ink)}.chat-hist-pop{position:absolute;right:6px;top:32px;z-index:50;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--elevation-3);padding:4px;min-width:132px}.chat-hist-pop button{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;padding:7px 9px;border-radius:6px;font-size:12.5px;color:var(--ink);text-align:left}.chat-hist-pop button:hover{background:var(--color-base-grey-100)}.chat-hist-pop button.danger{color:var(--color-red-600)}.chat-hist-pop button.danger:hover{background:var(--color-red-50)}.answer-actions{display:flex;align-items:center;gap:4px;margin-top:12px;padding-top:9px;border-top:1px solid var(--line-soft);flex-wrap:wrap}.answer-actions button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--ink3);font-size:11.5px;font-weight:600;padding:4px 7px;border-radius:7px;transition:.12s}.answer-actions button:hover{background:var(--color-base-grey-100);color:var(--ink)}.answer-actions button.on{color:var(--brand);background:var(--color-brand_primary-50)}.suggestion-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 12px;font-size:12px;color:var(--ink2);font-weight:500;text-align:left;transition:.14s;max-width:100%}.suggestion-chip:hover{border-color:var(--brand);color:var(--brand);background:var(--color-brand_primary-50)}.chat-bubble.bot{max-width:94%}@media(max-width:1050px){.chat-rail{width:208px}}@media(max-width:700px){.chat-rail{display:none}}.fade-up{animation:fadeUp .4s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.tooltip-box{position:fixed;z-index:200;background:var(--color-base-grey-900);color:#fff;font-size:11.5px;font-weight:500;padding:6px 9px;border-radius:7px;pointer-events:none;box-shadow:var(--elevation-3);white-space:nowrap}.tbl-scroll{overflow-x:auto}@media(max-width:1200px){.tb-ask span,.tb-ask kbd{display:none}}.flag-tiles{grid-template-columns:repeat(6,1fr)}@media(max-width:1199px){.flag-tiles{grid-template-columns:repeat(3,1fr)}}.qa-board{min-width:min-content!important}@media(max-width:1300px){.tbl.tbl-tight thead th,.tbl.tbl-tight tbody td{padding-left:7px;padding-right:7px}}@media(max-width:1100px){.g-4{grid-template-columns:repeat(2,1fr)}.g-3{grid-template-columns:repeat(1,1fr)}}a.btn{text-decoration:none}.btn:disabled,.btn:disabled:hover{opacity:.5;cursor:not-allowed}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow-x:auto}.tabs a{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;font-size:13px;font-weight:600;color:var(--ink3);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tabs a:hover{color:var(--ink)}.tabs a.on{color:var(--brand);border-bottom-color:var(--brand)}.inp-box{border:1px solid var(--line);border-radius:9px;padding:8px 11px;font-size:13px;font-family:inherit;color:var(--ink);background:#fff;outline:none;min-width:0}.day-input{position:relative;display:inline-flex}.day-btn{display:inline-flex;align-items:center;gap:7px;width:100%;text-align:left;cursor:pointer;white-space:nowrap}.day-btn i{color:var(--ink3)}.day-native{position:absolute;left:0;bottom:0;width:100%;height:1px;opacity:0;pointer-events:none;border:0;padding:0}.inp-box:focus{border-color:var(--color-base-grey-600);box-shadow:0 0 0 3px var(--color-base-grey-a16)}.inp-box:disabled{background:var(--color-base-grey-50);color:var(--ink3)}select.inp-box{padding:7px 9px}.fld{display:flex;flex-direction:column;gap:5px;min-width:0}.fld>span{font-size:10.5px;font-weight:700;color:var(--ink3);letter-spacing:.5px;text-transform:uppercase}.form-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.code-area{display:block;width:100%;min-height:360px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.55;border:1px solid var(--line);border-radius:10px;padding:12px 14px;resize:vertical;color:var(--ink);background:var(--color-base-grey-50);outline:none;-moz-tab-size:2;tab-size:2;white-space:pre;overflow:auto}.code-area.wrap{white-space:pre-wrap;font-family:Inter,system-ui,sans-serif;font-size:13px;line-height:1.7}.code-area.small{min-height:110px}.code-area:focus{border-color:var(--color-base-grey-600);background:#fff}.code-view{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;background:var(--color-base-grey-50);border-radius:10px;padding:10px 12px;margin:0;overflow:auto;white-space:pre;color:var(--ink2)}.note{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border-radius:10px;font-size:12.5px;line-height:1.5}.note>div{flex:1;min-width:0}.note ul{margin:6px 0 0;padding-left:18px}.note.err{background:var(--color-red-50);color:var(--color-red-700)}.note.ok{background:var(--color-green-50);color:var(--color-green-800)}.note.warn{background:var(--color-orange-50);color:var(--color-orange-700)}.note.info{background:var(--color-blue-50);color:var(--color-blue-700)}.tbl.plain tbody tr{cursor:default}.tbl.plain tbody tr:hover{background:transparent}.tbl tr.editing td{background:var(--color-base-grey-50)}.text-cell{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;border:1px solid var(--line-soft);background:#fff;border-radius:9px;padding:8px 10px;font-size:11.5px;color:var(--ink2);text-align:left}.text-cell:hover{border-color:var(--color-base-grey-300)}.text-cell.on{border-color:var(--brand);background:var(--color-brand_primary-50)}.ver-row{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;padding:7px 9px;border-radius:8px;font-size:12px;color:var(--ink2);text-align:left}.ver-row:hover{background:var(--color-base-grey-100)}.ver-row.on{background:var(--color-brand_primary-50);color:var(--ink)}.demo-shell{display:flex;flex-direction:column;height:100%}.demo-shell>.app{flex:1;min-height:0;height:auto}.demo-strip{display:flex;align-items:center;gap:10px;height:34px;flex-shrink:0;padding:0 14px;background:#101626;color:#c9d2ee;font-size:12px}.demo-strip-tag{background:#ffd166;color:#101626;font-weight:800;font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;padding:2px 8px;border-radius:99px;flex-shrink:0}.demo-strip-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.demo-strip-spacer{flex:1}.demo-strip-lang{display:flex;border:1px solid #33405f;border-radius:99px;overflow:hidden;flex-shrink:0}.demo-strip-lang button{border:0;background:transparent;color:#c9d2ee;font:inherit;font-weight:700;font-size:11px;padding:3px 10px;cursor:pointer}.demo-strip-lang button.on{background:#fff;color:#101626}.demo-strip-back{display:inline-flex;align-items:center;gap:5px;color:#fff;font-weight:600;text-decoration:none;flex-shrink:0}.demo-strip-back:hover{text-decoration:underline}
