:root {
color-scheme: light;
--color-bg: #f5f8fd;
--color-surface: #eef2f8;
--color-card: #ffffff;
--color-stroke: #e3e9f4;
--color-text: #0f172a;
--color-muted: #56647a;
--color-field-border: #6e7d96;
--color-brand: #0956d8;
--color-brand-soft: #e8f0fd;
--color-on-brand: #ffffff;
--color-brand-ink: #0747b3;
--color-accent: #7c3aed;
--color-accent-soft: #f1eafe;
--color-on-accent: #ffffff;
--color-accent-ink: #6d28d9;
--color-success: #15803d;
--color-success-soft: #e7f6ec;
--color-on-success: #ffffff;
--color-success-ink: #166534;
--color-warn: #b45309;
--color-warn-soft: #fef3e2;
--color-on-warn: #ffffff;
--color-warn-ink: #92400e;
--color-danger: #dc2626;
--color-danger-soft: #fdecec;
--color-on-danger: #ffffff;
--color-danger-ink: #b91c1c;
--color-info: #0369a1;
--color-info-soft: #e5f3fb;
--color-on-info: #ffffff;
--color-info-ink: #075985;
--shadow-sm: 0px 1px 3px 0px rgb(15 23 42 / 0.059);
--shadow-md: 0px 8px 24px 0px rgb(15 23 42 / 0.102);
--mod-core: #56647a;
--on-mod-core: #ffffff;
--mod-core-ink: #23314d;
--mod-core-soft: #e3e9f4;
--mod-billing: #56647a;
--on-mod-billing: #ffffff;
--mod-billing-ink: #23314d;
--mod-billing-soft: #e3e9f4;
--mod-finance: #22c55e;
--on-mod-finance: #052e16;
--mod-finance-ink: #166534;
--mod-finance-soft: #f0fdf4;
--mod-edu: #4f46e5;
--on-mod-edu: #ffffff;
--mod-edu-ink: #4338ca;
--mod-edu-soft: #eef2ff;
--mod-sales: #f97316;
--on-mod-sales: #431407;
--mod-sales-ink: #9a3412;
--mod-sales-soft: #fff7ed;
--mod-hr: #e11d48;
--on-mod-hr: #ffffff;
--mod-hr-ink: #9f1239;
--mod-hr-soft: #fff1f2;
--mod-lms: #7c3aed;
--on-mod-lms: #ffffff;
--mod-lms-ink: #6d28d9;
--mod-lms-soft: #f5f3ff;
--mod-lang: #06b6d4;
--on-mod-lang: #083344;
--mod-lang-ink: #155e75;
--mod-lang-soft: #ecfeff;
--mod-pos: #facc15;
--on-mod-pos: #422006;
--mod-pos-ink: #854d0e;
--mod-pos-soft: #fefce8;
--mod-market: #84cc16;
--on-mod-market: #1a2e05;
--mod-market-ink: #3f6212;
--mod-market-soft: #f7fee7;
--mod-smm: #db2777;
--on-mod-smm: #ffffff;
--mod-smm-ink: #9d174d;
--mod-smm-soft: #fdf2f8;
--mod-books: #2563eb;
--on-mod-books: #ffffff;
--mod-books-ink: #1d4ed8;
--mod-books-soft: #eff6ff;
--mod-ai: #c026d3;
--on-mod-ai: #ffffff;
--mod-ai-ink: #86198f;
--mod-ai-soft: #fdf4ff;
--mod-access: #14b8a6;
--on-mod-access: #042f2e;
--mod-access-ink: #115e59;
--mod-access-soft: #f0fdfa;
--mod-erp: #0ea5e9;
--on-mod-erp: #082f49;
--mod-erp-ink: #075985;
--mod-erp-soft: #f0f9ff;
--kpi-1: var(--color-brand);
--kpi-1-ink: var(--color-brand-ink);
--kpi-1-tint: var(--color-brand-soft);
--kpi-2: #0ea5e9;
--kpi-2-ink: #075985;
--kpi-2-tint: #f0f9ff;
--kpi-3: #db2777;
--kpi-3-ink: #9d174d;
--kpi-3-tint: #fdf2f8;
--kpi-4: #facc15;
--kpi-4-ink: #854d0e;
--kpi-4-tint: #fefce8;
--kpi-5: #22c55e;
--kpi-5-ink: #166534;
--kpi-5-tint: #f0fdf4;
--network-telegram: #0ea5e9;
--on-network-telegram: #082f49;
--network-youtube: #dc2626;
--on-network-youtube: #ffffff;
--network-instagram: #db2777;
--on-network-instagram: #ffffff;
--network-facebook: #0956d8;
--on-network-facebook: #ffffff;
--network-tiktok: #fb7185;
--on-network-tiktok: #4c0519;
--glass-mesh-base: #f5f8fd;
--glass-mesh-blob-1: rgb(169 200 255 / 0.471);
--glass-mesh-blob-2: rgb(196 181 253 / 0.42);
--glass-mesh-blob-3: rgb(125 211 252 / 0.278);
--glass-scrim: rgb(15 23 42 / 0.278);
--glass-spot-hero: rgb(37 99 235 / 0.349);
--glass-chrome-fill: rgb(255 255 255 / 0.62);
--glass-chrome-fill-scrolled: rgb(255 255 255 / 0.8);
--glass-chrome-highlight: rgb(255 255 255 / 0.8);
--glass-chrome-border: rgb(15 23 42 / 0.059);
--glass-chrome-rim: linear-gradient(160deg, rgb(255 255 255 / 0.902) 0%, rgb(255 255 255 / 0.251) 40%, rgb(15 23 42 / 0.078) 100%);
--glass-chrome-shadow: 0px 1px 2px 0px rgb(15 23 42 / 0.039);
--glass-chrome-solid: #ffffff;
--glass-card-fill: rgb(255 255 255 / 0.702);
--glass-card-highlight: rgb(255 255 255 / 0.702);
--glass-card-border: rgb(15 23 42 / 0.059);
--glass-card-rim: linear-gradient(160deg, rgb(255 255 255 / 0.902) 0%, rgb(255 255 255 / 0.251) 40%, rgb(15 23 42 / 0.078) 100%);
--glass-card-shadow: 0px 1px 2px 0px rgb(15 23 42 / 0.039), 0px 8px 24px 0px rgb(15 23 42 / 0.059);
--glass-card-solid: #ffffff;
--glass-dense-fill: rgb(255 255 255 / 0.878);
--glass-dense-highlight: rgb(255 255 255 / 0.8);
--glass-dense-border: rgb(15 23 42 / 0.078);
--glass-dense-rim: linear-gradient(160deg, rgb(255 255 255 / 0.8) 0%, rgb(255 255 255 / 0.251) 40%, rgb(15 23 42 / 0.102) 100%);
--glass-dense-shadow: 0px 1px 2px 0px rgb(15 23 42 / 0.039);
--glass-dense-solid: #ffffff;
--glass-overlay-fill: rgb(255 255 255 / 0.878);
--glass-overlay-highlight: rgb(255 255 255 / 0.902);
--glass-overlay-border: rgb(15 23 42 / 0.078);
--glass-overlay-rim: linear-gradient(160deg, rgb(255 255 255 / 0.949) 0%, rgb(255 255 255 / 0.349) 40%, rgb(15 23 42 / 0.102) 100%);
--glass-overlay-shadow: 0px 2px 6px 0px rgb(15 23 42 / 0.078), 0px 24px 64px 0px rgb(15 23 42 / 0.161);
--glass-overlay-solid: #ffffff;
--glass-grain: 0.035;
--glass-grain-image: url("img/grain-light.0fa2350f8671.svg");
--pub-paper: #f6f4ef;
--pub-paper-deep: #edeae3;
--pub-ink-2: #3a4556;
--pub-canvas: #fcfcfc;
--pub-canvas-alt: #f7f8fa;
--pub-hairline: #e2e8f0;
--pub-frame: #eef1f6;
--pub-frame-shadow: rgb(15 23 42 / 0.141);
--pub-wash: #f0f4fe;
--pub-ink: #020520;
--pub-brand: #145aff;
--pub-mark: #145aff;
--pub-on-mark: #ffffff;
--pub-band-from: rgb(20 90 255 / 0.102);
--pub-band-to: rgb(182 203 253 / 0.4);
--pub-glow: rgb(20 90 255 / 0.102);
--pub-elev-1: rgb(0 0 0 / 0.082);
--pub-elev-2: rgb(0 0 0 / 0.071);
--pub-elev-3: rgb(0 0 0 / 0.016);
--pub-dot-open: #16ca2e;
--pub-dot-pilot: #ffa64d;
--pub-dot-trial: #3b82f6;
--pub-aurora-1: rgb(9 86 216 / 0.18);
--pub-aurora-2: rgb(245 165 36 / 0.141);
--pub-aurora-3: rgb(9 86 216 / 0.102);
--pub-dot: rgb(15 23 42 / 0.129);
--pub-tile-highlight: rgb(255 255 255 / 0.451);
--pub-tile-shade: rgb(0 0 0 / 0.22);
--pub-tile-gloss: rgb(255 255 255 / 0.278);
--pub-tile-ring: rgb(255 255 255 / 0.722);
--pub-lift: rgb(18 25 38 / 0.42);
--pub-shadow-brand: rgb(9 86 216 / 0.349);
--pub-inverse-bg: #0b1122;
--pub-on-inverse: #f3f6fb;
--pub-on-inverse-muted: #b8c3d8;
--pub-inverse-brand: #6fa0ff;
--pub-on-inverse-brand: #061536;
--pub-inverse-glow-1: rgb(37 99 235 / 0.341);
--pub-inverse-glow-2: rgb(124 58 237 / 0.302);
--pub-inverse-dot: rgb(237 241 247 / 0.122);
--space-4: 4px;
--space-8: 8px;
--space-12: 12px;
--space-16: 16px;
--space-20: 20px;
--space-24: 24px;
--space-32: 32px;
--radius-input: 10px;
--radius-button: 12px;
--radius-card: 14px;
--radius-sheet: 20px;
--radius-dialog: 26px;
--radius-pill: 999px;
--duration-fast: 150ms;
--duration-fade: 180ms;
--duration-normal: 240ms;
--duration-slow: 320ms;
--duration-count-up: 600ms;
--duration-reduced: 100ms;
--duration-poll: 2500ms;
--ease-standard: cubic-bezier(0.33, 1, 0.68, 1);
--ease-decelerate: cubic-bezier(0, 0, 0.2, 1);
--ease-exit: cubic-bezier(0.4, 0, 1, 1);
--font-sans: "Onest", system-ui, sans-serif;
--font-mono: "JetBrains Mono", monospace;
--font-numeric: tabular-nums;
--text-display-size: 28px;
--text-display-weight: 700;
--text-display-line: 1.2;
--text-display: 700 28px/1.2 var(--font-sans);
--text-h1-size: 22px;
--text-h1-weight: 700;
--text-h1-line: 1.25;
--text-h1: 700 22px/1.25 var(--font-sans);
--text-h2-size: 18px;
--text-h2-weight: 700;
--text-h2-line: 1.3;
--text-h2: 700 18px/1.3 var(--font-sans);
--text-h3-size: 15px;
--text-h3-weight: 700;
--text-h3-line: 1.35;
--text-h3: 700 15px/1.35 var(--font-sans);
--text-body-size: 14px;
--text-body-weight: 400;
--text-body-line: 1.5;
--text-body: 400 14px/1.5 var(--font-sans);
--text-label-size: 13px;
--text-label-weight: 500;
--text-label-line: 1.4;
--text-label: 500 13px/1.4 var(--font-sans);
--text-caption-size: 12px;
--text-caption-weight: 400;
--text-caption-line: 1.4;
--text-caption: 400 12px/1.4 var(--font-sans);
--text-mono-size: 13px;
--text-mono-weight: 400;
--text-mono-line: 1.5;
--text-mono: 400 13px/1.5 var(--font-mono);
--text-wordmark-size: 22px;
--text-wordmark-weight: 800;
--text-wordmark-line: 1;
--text-wordmark: 800 22px/1 var(--font-sans);
--text-wordmark-tracking: -0.03em;
--mod: var(--color-brand);
--on-mod: var(--color-on-brand);
--mod-ink: var(--color-brand-ink);
--mod-soft: var(--color-brand-soft);
--kpi: var(--kpi-1);
--kpi-ink: var(--kpi-1-ink);
--kpi-tint: var(--kpi-1-tint);
--glass-chrome-blur: 32px;
--glass-chrome-saturate: 1.8;
--glass-card-blur: 16px;
--glass-card-saturate: 1.5;
--glass-dense-blur: 8px;
--glass-dense-saturate: 1.2;
--glass-overlay-blur: 40px;
--glass-overlay-saturate: 1.8;
--glass-mesh:
radial-gradient(65% 60% at 0% 0%, var(--glass-mesh-blob-1), transparent),
radial-gradient(65% 60% at 100% 5%, var(--glass-mesh-blob-2), transparent),
radial-gradient(80% 60% at 85% 95%, var(--glass-mesh-blob-3), transparent);
--glass-page-image: var(--glass-grain-image), var(--glass-mesh);
--glass-chrome-bg: var(--glass-chrome-fill);
--glass-chrome-bg-scrolled: var(--glass-chrome-fill-scrolled);
--glass-chrome-filter: blur(var(--glass-chrome-blur)) saturate(var(--glass-chrome-saturate));
--glass-chrome-edge: var(--glass-chrome-border);
--glass-chrome-elevation: inset 0 1px 0 0 var(--glass-chrome-highlight), var(--glass-chrome-shadow);
--glass-chrome-rim-image: var(--glass-chrome-rim);
--glass-card-bg: var(--glass-card-fill);
--glass-card-filter: blur(var(--glass-card-blur)) saturate(var(--glass-card-saturate));
--glass-card-edge: var(--glass-card-border);
--glass-card-elevation: inset 0 1px 0 0 var(--glass-card-highlight), var(--glass-card-shadow);
--glass-card-rim-image: var(--glass-card-rim);
--glass-dense-bg: var(--glass-dense-fill);
--glass-dense-filter: blur(var(--glass-dense-blur)) saturate(var(--glass-dense-saturate));
--glass-dense-edge: var(--glass-dense-border);
--glass-dense-elevation: inset 0 1px 0 0 var(--glass-dense-highlight), var(--glass-dense-shadow);
--glass-dense-rim-image: var(--glass-dense-rim);
--glass-overlay-bg: var(--glass-overlay-fill);
--glass-overlay-filter: blur(var(--glass-overlay-blur)) saturate(var(--glass-overlay-saturate));
--glass-overlay-edge: var(--glass-overlay-border);
--glass-overlay-elevation: inset 0 1px 0 0 var(--glass-overlay-highlight), var(--glass-overlay-shadow);
--glass-overlay-rim-image: var(--glass-overlay-rim);
--glass-card-paint: linear-gradient(var(--glass-card-bg), var(--glass-card-bg)) padding-box, var(--glass-card-rim-image) border-box;
--glass-dense-paint: linear-gradient(var(--glass-dense-bg), var(--glass-dense-bg)) padding-box, var(--glass-dense-rim-image) border-box;
--glass-overlay-paint: linear-gradient(var(--glass-overlay-bg), var(--glass-overlay-bg)) padding-box, var(--glass-overlay-rim-image) border-box;
}
[data-theme="dark"] {
color-scheme: dark;
--color-bg: #060b18;
--color-surface: #0b1426;
--color-card: #0f1a30;
--color-stroke: #23314d;
--color-text: #e6edf7;
--color-muted: #97a6bd;
--color-field-border: #5b6e91;
--color-brand: #2563eb;
--color-brand-soft: #122a57;
--color-on-brand: #ffffff;
--color-brand-ink: #a9c8ff;
--color-accent: #a78bfa;
--color-accent-soft: #221a45;
--color-on-accent: #1a0b3d;
--color-accent-ink: #c4b5fd;
--color-success: #22c55e;
--color-success-soft: #0b2a1a;
--color-on-success: #052e16;
--color-success-ink: #86efac;
--color-warn: #f59e0b;
--color-warn-soft: #2e1f06;
--color-on-warn: #1f1300;
--color-warn-ink: #fcd34d;
--color-danger: #f87171;
--color-danger-soft: #3a1212;
--color-on-danger: #2a0a0a;
--color-danger-ink: #fca5a5;
--color-info: #38bdf8;
--color-info-soft: #0a2536;
--color-on-info: #04212f;
--color-info-ink: #7dd3fc;
--shadow-sm: none;
--shadow-md: none;
--mod-core: #97a6bd;
--on-mod-core: #060b18;
--mod-core-ink: #e6edf7;
--mod-core-soft: #23314d;
--mod-billing: #97a6bd;
--on-mod-billing: #060b18;
--mod-billing-ink: #e6edf7;
--mod-billing-soft: #23314d;
--mod-finance: #4ade80;
--on-mod-finance: #052e16;
--mod-finance-ink: #bbf7d0;
--mod-finance-soft: #14532d;
--mod-edu: #818cf8;
--on-mod-edu: #1e1b4b;
--mod-edu-ink: #c7d2fe;
--mod-edu-soft: #312e81;
--mod-sales: #fb923c;
--on-mod-sales: #431407;
--mod-sales-ink: #fed7aa;
--mod-sales-soft: #7c2d12;
--mod-hr: #fb7185;
--on-mod-hr: #4c0519;
--mod-hr-ink: #fecdd3;
--mod-hr-soft: #881337;
--mod-lms: #a78bfa;
--on-mod-lms: #2e1065;
--mod-lms-ink: #ddd6fe;
--mod-lms-soft: #4c1d95;
--mod-lang: #22d3ee;
--on-mod-lang: #083344;
--mod-lang-ink: #a5f3fc;
--mod-lang-soft: #164e63;
--mod-pos: #facc15;
--on-mod-pos: #422006;
--mod-pos-ink: #fef08a;
--mod-pos-soft: #713f12;
--mod-market: #a3e635;
--on-mod-market: #1a2e05;
--mod-market-ink: #d9f99d;
--mod-market-soft: #365314;
--mod-smm: #f472b6;
--on-mod-smm: #500724;
--mod-smm-ink: #fbcfe8;
--mod-smm-soft: #831843;
--mod-books: #60a5fa;
--on-mod-books: #172554;
--mod-books-ink: #bfdbfe;
--mod-books-soft: #1e3a8a;
--mod-ai: #e879f9;
--on-mod-ai: #4a044e;
--mod-ai-ink: #f5d0fe;
--mod-ai-soft: #701a75;
--mod-access: #2dd4bf;
--on-mod-access: #042f2e;
--mod-access-ink: #99f6e4;
--mod-access-soft: #134e4a;
--mod-erp: #38bdf8;
--on-mod-erp: #082f49;
--mod-erp-ink: #bae6fd;
--mod-erp-soft: #0c4a6e;
--kpi-1: var(--color-brand);
--kpi-1-ink: var(--color-brand-ink);
--kpi-1-tint: var(--color-brand-soft);
--kpi-2: #38bdf8;
--kpi-2-ink: #bae6fd;
--kpi-2-tint: #142e48;
--kpi-3: #f472b6;
--kpi-3-ink: #fbcfe8;
--kpi-3-tint: #2a2540;
--kpi-4: #facc15;
--kpi-4-ink: #fef08a;
--kpi-4-tint: #2b2f2d;
--kpi-5: #4ade80;
--kpi-5-ink: #bbf7d0;
--kpi-5-tint: #16323a;
--network-telegram: #38bdf8;
--on-network-telegram: #082f49;
--network-youtube: #f87171;
--on-network-youtube: #2a0a0a;
--network-instagram: #f472b6;
--on-network-instagram: #500724;
--network-facebook: #2563eb;
--on-network-facebook: #ffffff;
--network-tiktok: #fecdd3;
--on-network-tiktok: #4c0519;
--glass-mesh-base: #060b18;
--glass-mesh-blob-1: rgb(37 99 235 / 0.22);
--glass-mesh-blob-2: rgb(124 58 237 / 0.161);
--glass-mesh-blob-3: rgb(30 58 138 / 0.302);
--glass-scrim: rgb(6 11 24 / 0.702);
--glass-spot-hero: rgb(37 99 235 / 0.42);
--glass-chrome-fill: rgb(11 20 38 / 0.6);
--glass-chrome-fill-scrolled: rgb(6 11 24 / 0.8);
--glass-chrome-highlight: rgb(255 255 255 / 0.161);
--glass-chrome-border: rgb(255 255 255 / 0.059);
--glass-chrome-rim: linear-gradient(160deg, rgb(255 255 255 / 0.22) 0%, rgb(255 255 255 / 0.039) 40%, rgb(255 255 255 / 0.02) 100%);
--glass-chrome-shadow: 0px 1px 2px 0px rgb(6 11 24 / 0.302);
--glass-chrome-solid: #0f1a30;
--glass-card-fill: rgb(15 26 48 / 0.722);
--glass-card-highlight: rgb(255 255 255 / 0.102);
--glass-card-border: rgb(255 255 255 / 0.071);
--glass-card-rim: linear-gradient(160deg, rgb(255 255 255 / 0.22) 0%, rgb(255 255 255 / 0.039) 40%, rgb(255 255 255 / 0.02) 100%);
--glass-card-shadow: 0px 8px 24px 0px rgb(6 11 24 / 0.349);
--glass-card-solid: #0f1a30;
--glass-dense-fill: rgb(15 26 48 / 0.902);
--glass-dense-highlight: rgb(255 255 255 / 0.078);
--glass-dense-border: rgb(255 255 255 / 0.078);
--glass-dense-rim: linear-gradient(160deg, rgb(255 255 255 / 0.18) 0%, rgb(255 255 255 / 0.039) 40%, rgb(255 255 255 / 0.031) 100%);
--glass-dense-shadow: 0px 1px 2px 0px rgb(6 11 24 / 0.251);
--glass-dense-solid: #0f1a30;
--glass-overlay-fill: rgb(15 26 48 / 0.859);
--glass-overlay-highlight: rgb(255 255 255 / 0.161);
--glass-overlay-border: rgb(255 255 255 / 0.102);
--glass-overlay-rim: linear-gradient(160deg, rgb(255 255 255 / 0.278) 0%, rgb(255 255 255 / 0.059) 40%, rgb(255 255 255 / 0.02) 100%);
--glass-overlay-shadow: 0px 24px 64px 0px rgb(6 11 24 / 0.549);
--glass-overlay-solid: #0f1a30;
--glass-grain: 0.05;
--glass-grain-image: url("img/grain-dark.5019209b2e80.svg");
--pub-paper: #060b18;
--pub-paper-deep: #0b1426;
--pub-ink-2: #bac6d8;
--pub-canvas: #060b18;
--pub-canvas-alt: #0b1426;
--pub-hairline: #23314d;
--pub-frame: #0f1a30;
--pub-frame-shadow: rgb(0 0 0 / 0.6);
--pub-wash: #0b1426;
--pub-ink: #e6edf7;
--pub-brand: #6e9bff;
--pub-mark: #145aff;
--pub-on-mark: #ffffff;
--pub-band-from: rgb(20 90 255 / 0.141);
--pub-band-to: rgb(20 90 255 / 0.051);
--pub-glow: rgb(20 90 255 / 0.22);
--pub-elev-1: rgb(0 0 0 / 0.6);
--pub-elev-2: rgb(0 0 0 / 0.4);
--pub-elev-3: rgb(0 0 0 / 0.302);
--pub-dot-open: #16ca2e;
--pub-dot-pilot: #ffa64d;
--pub-dot-trial: #3b82f6;
--pub-aurora-1: rgb(37 99 235 / 0.239);
--pub-aurora-2: rgb(167 139 250 / 0.122);
--pub-aurora-3: rgb(37 99 235 / 0.141);
--pub-dot: rgb(230 237 247 / 0.141);
--pub-tile-highlight: rgb(255 255 255 / 0.349);
--pub-tile-shade: rgb(0 0 0 / 0.349);
--pub-tile-gloss: rgb(255 255 255 / 0.2);
--pub-tile-ring: rgb(15 26 48 / 0.722);
--pub-lift: rgb(0 0 0 / 0.651);
--pub-shadow-brand: rgb(37 99 235 / 0.4);
--pub-inverse-bg: #0b1122;
--pub-on-inverse: #f3f6fb;
--pub-on-inverse-muted: #b8c3d8;
--pub-inverse-brand: #6fa0ff;
--pub-on-inverse-brand: #061536;
--pub-inverse-glow-1: rgb(37 99 235 / 0.341);
--pub-inverse-glow-2: rgb(124 58 237 / 0.302);
--pub-inverse-dot: rgb(237 241 247 / 0.122);
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
color-scheme: dark;
--color-bg: #060b18;
--color-surface: #0b1426;
--color-card: #0f1a30;
--color-stroke: #23314d;
--color-text: #e6edf7;
--color-muted: #97a6bd;
--color-field-border: #5b6e91;
--color-brand: #2563eb;
--color-brand-soft: #122a57;
--color-on-brand: #ffffff;
--color-brand-ink: #a9c8ff;
--color-accent: #a78bfa;
--color-accent-soft: #221a45;
--color-on-accent: #1a0b3d;
--color-accent-ink: #c4b5fd;
--color-success: #22c55e;
--color-success-soft: #0b2a1a;
--color-on-success: #052e16;
--color-success-ink: #86efac;
--color-warn: #f59e0b;
--color-warn-soft: #2e1f06;
--color-on-warn: #1f1300;
--color-warn-ink: #fcd34d;
--color-danger: #f87171;
--color-danger-soft: #3a1212;
--color-on-danger: #2a0a0a;
--color-danger-ink: #fca5a5;
--color-info: #38bdf8;
--color-info-soft: #0a2536;
--color-on-info: #04212f;
--color-info-ink: #7dd3fc;
--shadow-sm: none;
--shadow-md: none;
--mod-core: #97a6bd;
--on-mod-core: #060b18;
--mod-core-ink: #e6edf7;
--mod-core-soft: #23314d;
--mod-billing: #97a6bd;
--on-mod-billing: #060b18;
--mod-billing-ink: #e6edf7;
--mod-billing-soft: #23314d;
--mod-finance: #4ade80;
--on-mod-finance: #052e16;
--mod-finance-ink: #bbf7d0;
--mod-finance-soft: #14532d;
--mod-edu: #818cf8;
--on-mod-edu: #1e1b4b;
--mod-edu-ink: #c7d2fe;
--mod-edu-soft: #312e81;
--mod-sales: #fb923c;
--on-mod-sales: #431407;
--mod-sales-ink: #fed7aa;
--mod-sales-soft: #7c2d12;
--mod-hr: #fb7185;
--on-mod-hr: #4c0519;
--mod-hr-ink: #fecdd3;
--mod-hr-soft: #881337;
--mod-lms: #a78bfa;
--on-mod-lms: #2e1065;
--mod-lms-ink: #ddd6fe;
--mod-lms-soft: #4c1d95;
--mod-lang: #22d3ee;
--on-mod-lang: #083344;
--mod-lang-ink: #a5f3fc;
--mod-lang-soft: #164e63;
--mod-pos: #facc15;
--on-mod-pos: #422006;
--mod-pos-ink: #fef08a;
--mod-pos-soft: #713f12;
--mod-market: #a3e635;
--on-mod-market: #1a2e05;
--mod-market-ink: #d9f99d;
--mod-market-soft: #365314;
--mod-smm: #f472b6;
--on-mod-smm: #500724;
--mod-smm-ink: #fbcfe8;
--mod-smm-soft: #831843;
--mod-books: #60a5fa;
--on-mod-books: #172554;
--mod-books-ink: #bfdbfe;
--mod-books-soft: #1e3a8a;
--mod-ai: #e879f9;
--on-mod-ai: #4a044e;
--mod-ai-ink: #f5d0fe;
--mod-ai-soft: #701a75;
--mod-access: #2dd4bf;
--on-mod-access: #042f2e;
--mod-access-ink: #99f6e4;
--mod-access-soft: #134e4a;
--mod-erp: #38bdf8;
--on-mod-erp: #082f49;
--mod-erp-ink: #bae6fd;
--mod-erp-soft: #0c4a6e;
--kpi-1: var(--color-brand);
--kpi-1-ink: var(--color-brand-ink);
--kpi-1-tint: var(--color-brand-soft);
--kpi-2: #38bdf8;
--kpi-2-ink: #bae6fd;
--kpi-2-tint: #142e48;
--kpi-3: #f472b6;
--kpi-3-ink: #fbcfe8;
--kpi-3-tint: #2a2540;
--kpi-4: #facc15;
--kpi-4-ink: #fef08a;
--kpi-4-tint: #2b2f2d;
--kpi-5: #4ade80;
--kpi-5-ink: #bbf7d0;
--kpi-5-tint: #16323a;
--network-telegram: #38bdf8;
--on-network-telegram: #082f49;
--network-youtube: #f87171;
--on-network-youtube: #2a0a0a;
--network-instagram: #f472b6;
--on-network-instagram: #500724;
--network-facebook: #2563eb;
--on-network-facebook: #ffffff;
--network-tiktok: #fecdd3;
--on-network-tiktok: #4c0519;
--glass-mesh-base: #060b18;
--glass-mesh-blob-1: rgb(37 99 235 / 0.22);
--glass-mesh-blob-2: rgb(124 58 237 / 0.161);
--glass-mesh-blob-3: rgb(30 58 138 / 0.302);
--glass-scrim: rgb(6 11 24 / 0.702);
--glass-spot-hero: rgb(37 99 235 / 0.42);
--glass-chrome-fill: rgb(11 20 38 / 0.6);
--glass-chrome-fill-scrolled: rgb(6 11 24 / 0.8);
--glass-chrome-highlight: rgb(255 255 255 / 0.161);
--glass-chrome-border: rgb(255 255 255 / 0.059);
--glass-chrome-rim: linear-gradient(160deg, rgb(255 255 255 / 0.22) 0%, rgb(255 255 255 / 0.039) 40%, rgb(255 255 255 / 0.02) 100%);
--glass-chrome-shadow: 0px 1px 2px 0px rgb(6 11 24 / 0.302);
--glass-chrome-solid: #0f1a30;
--glass-card-fill: rgb(15 26 48 / 0.722);
--glass-card-highlight: rgb(255 255 255 / 0.102);
--glass-card-border: rgb(255 255 255 / 0.071);
--glass-card-rim: linear-gradient(160deg, rgb(255 255 255 / 0.22) 0%, rgb(255 255 255 / 0.039) 40%, rgb(255 255 255 / 0.02) 100%);
--glass-card-shadow: 0px 8px 24px 0px rgb(6 11 24 / 0.349);
--glass-card-solid: #0f1a30;
--glass-dense-fill: rgb(15 26 48 / 0.902);
--glass-dense-highlight: rgb(255 255 255 / 0.078);
--glass-dense-border: rgb(255 255 255 / 0.078);
--glass-dense-rim: linear-gradient(160deg, rgb(255 255 255 / 0.18) 0%, rgb(255 255 255 / 0.039) 40%, rgb(255 255 255 / 0.031) 100%);
--glass-dense-shadow: 0px 1px 2px 0px rgb(6 11 24 / 0.251);
--glass-dense-solid: #0f1a30;
--glass-overlay-fill: rgb(15 26 48 / 0.859);
--glass-overlay-highlight: rgb(255 255 255 / 0.161);
--glass-overlay-border: rgb(255 255 255 / 0.102);
--glass-overlay-rim: linear-gradient(160deg, rgb(255 255 255 / 0.278) 0%, rgb(255 255 255 / 0.059) 40%, rgb(255 255 255 / 0.02) 100%);
--glass-overlay-shadow: 0px 24px 64px 0px rgb(6 11 24 / 0.549);
--glass-overlay-solid: #0f1a30;
--glass-grain: 0.05;
--glass-grain-image: url("img/grain-dark.5019209b2e80.svg");
--pub-paper: #060b18;
--pub-paper-deep: #0b1426;
--pub-ink-2: #bac6d8;
--pub-canvas: #060b18;
--pub-canvas-alt: #0b1426;
--pub-hairline: #23314d;
--pub-frame: #0f1a30;
--pub-frame-shadow: rgb(0 0 0 / 0.6);
--pub-wash: #0b1426;
--pub-ink: #e6edf7;
--pub-brand: #6e9bff;
--pub-mark: #145aff;
--pub-on-mark: #ffffff;
--pub-band-from: rgb(20 90 255 / 0.141);
--pub-band-to: rgb(20 90 255 / 0.051);
--pub-glow: rgb(20 90 255 / 0.22);
--pub-elev-1: rgb(0 0 0 / 0.6);
--pub-elev-2: rgb(0 0 0 / 0.4);
--pub-elev-3: rgb(0 0 0 / 0.302);
--pub-dot-open: #16ca2e;
--pub-dot-pilot: #ffa64d;
--pub-dot-trial: #3b82f6;
--pub-aurora-1: rgb(37 99 235 / 0.239);
--pub-aurora-2: rgb(167 139 250 / 0.122);
--pub-aurora-3: rgb(37 99 235 / 0.141);
--pub-dot: rgb(230 237 247 / 0.141);
--pub-tile-highlight: rgb(255 255 255 / 0.349);
--pub-tile-shade: rgb(0 0 0 / 0.349);
--pub-tile-gloss: rgb(255 255 255 / 0.2);
--pub-tile-ring: rgb(15 26 48 / 0.722);
--pub-lift: rgb(0 0 0 / 0.651);
--pub-shadow-brand: rgb(37 99 235 / 0.4);
--pub-inverse-bg: #0b1122;
--pub-on-inverse: #f3f6fb;
--pub-on-inverse-muted: #b8c3d8;
--pub-inverse-brand: #6fa0ff;
--pub-on-inverse-brand: #061536;
--pub-inverse-glow-1: rgb(37 99 235 / 0.341);
--pub-inverse-glow-2: rgb(124 58 237 / 0.302);
--pub-inverse-dot: rgb(237 241 247 / 0.122);
}
}
[data-aksent="cobalt"] {
--color-brand: #0956d8;
--color-brand-soft: #e8f0fd;
--color-on-brand: #ffffff;
--color-brand-ink: #0747b3;
}
[data-theme="dark"][data-aksent="cobalt"] {
--color-brand: #2563eb;
--color-brand-soft: #122a57;
--color-on-brand: #ffffff;
--color-brand-ink: #a9c8ff;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"])[data-aksent="cobalt"] {
--color-brand: #2563eb;
--color-brand-soft: #122a57;
--color-on-brand: #ffffff;
--color-brand-ink: #a9c8ff;
}
}
[data-aksent="emerald"] {
--color-brand: #15803d;
--color-brand-soft: #e7f6ec;
--color-on-brand: #ffffff;
--color-brand-ink: #166534;
}
[data-theme="dark"][data-aksent="emerald"] {
--color-brand: #22c55e;
--color-brand-soft: #0b2a1a;
--color-on-brand: #052e16;
--color-brand-ink: #86efac;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"])[data-aksent="emerald"] {
--color-brand: #22c55e;
--color-brand-soft: #0b2a1a;
--color-on-brand: #052e16;
--color-brand-ink: #86efac;
}
}
[data-aksent="violet"] {
--color-brand: #7c3aed;
--color-brand-soft: #f1eafe;
--color-on-brand: #ffffff;
--color-brand-ink: #6d28d9;
}
[data-theme="dark"][data-aksent="violet"] {
--color-brand: #a78bfa;
--color-brand-soft: #221a45;
--color-on-brand: #1a0b3d;
--color-brand-ink: #c4b5fd;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"])[data-aksent="violet"] {
--color-brand: #a78bfa;
--color-brand-soft: #221a45;
--color-on-brand: #1a0b3d;
--color-brand-ink: #c4b5fd;
}
}
[data-aksent="crimson"] {
--color-brand: #be185d;
--color-brand-soft: #fce8ef;
--color-on-brand: #ffffff;
--color-brand-ink: #9d174d;
}
[data-theme="dark"][data-aksent="crimson"] {
--color-brand: #db2777;
--color-brand-soft: #3d0f22;
--color-on-brand: #ffffff;
--color-brand-ink: #fda4c0;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"])[data-aksent="crimson"] {
--color-brand: #db2777;
--color-brand-soft: #3d0f22;
--color-on-brand: #ffffff;
--color-brand-ink: #fda4c0;
}
}
[data-aksent="teal"] {
--color-brand: #0f766e;
--color-brand-soft: #e3f5f3;
--color-on-brand: #ffffff;
--color-brand-ink: #115e59;
}
[data-theme="dark"][data-aksent="teal"] {
--color-brand: #2dd4bf;
--color-brand-soft: #082f2c;
--color-on-brand: #042f2e;
--color-brand-ink: #5eead4;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"])[data-aksent="teal"] {
--color-brand: #2dd4bf;
--color-brand-soft: #082f2c;
--color-on-brand: #042f2e;
--color-brand-ink: #5eead4;
}
}
[data-mod="core"] {
--mod: var(--mod-core);
--on-mod: var(--on-mod-core);
--mod-ink: var(--mod-core-ink);
--mod-soft: var(--mod-core-soft);
}
[data-mod="billing"] {
--mod: var(--mod-billing);
--on-mod: var(--on-mod-billing);
--mod-ink: var(--mod-billing-ink);
--mod-soft: var(--mod-billing-soft);
}
[data-mod="finance"] {
--mod: var(--mod-finance);
--on-mod: var(--on-mod-finance);
--mod-ink: var(--mod-finance-ink);
--mod-soft: var(--mod-finance-soft);
}
[data-mod="edu"] {
--mod: var(--mod-edu);
--on-mod: var(--on-mod-edu);
--mod-ink: var(--mod-edu-ink);
--mod-soft: var(--mod-edu-soft);
}
[data-mod="sales"] {
--mod: var(--mod-sales);
--on-mod: var(--on-mod-sales);
--mod-ink: var(--mod-sales-ink);
--mod-soft: var(--mod-sales-soft);
}
[data-mod="hr"] {
--mod: var(--mod-hr);
--on-mod: var(--on-mod-hr);
--mod-ink: var(--mod-hr-ink);
--mod-soft: var(--mod-hr-soft);
}
[data-mod="lms"] {
--mod: var(--mod-lms);
--on-mod: var(--on-mod-lms);
--mod-ink: var(--mod-lms-ink);
--mod-soft: var(--mod-lms-soft);
}
[data-mod="lang"] {
--mod: var(--mod-lang);
--on-mod: var(--on-mod-lang);
--mod-ink: var(--mod-lang-ink);
--mod-soft: var(--mod-lang-soft);
}
[data-mod="pos"] {
--mod: var(--mod-pos);
--on-mod: var(--on-mod-pos);
--mod-ink: var(--mod-pos-ink);
--mod-soft: var(--mod-pos-soft);
}
[data-mod="market"] {
--mod: var(--mod-market);
--on-mod: var(--on-mod-market);
--mod-ink: var(--mod-market-ink);
--mod-soft: var(--mod-market-soft);
}
[data-mod="smm"] {
--mod: var(--mod-smm);
--on-mod: var(--on-mod-smm);
--mod-ink: var(--mod-smm-ink);
--mod-soft: var(--mod-smm-soft);
}
[data-mod="books"] {
--mod: var(--mod-books);
--on-mod: var(--on-mod-books);
--mod-ink: var(--mod-books-ink);
--mod-soft: var(--mod-books-soft);
}
[data-mod="ai"] {
--mod: var(--mod-ai);
--on-mod: var(--on-mod-ai);
--mod-ink: var(--mod-ai-ink);
--mod-soft: var(--mod-ai-soft);
}
[data-mod="access"] {
--mod: var(--mod-access);
--on-mod: var(--on-mod-access);
--mod-ink: var(--mod-access-ink);
--mod-soft: var(--mod-access-soft);
}
[data-mod="erp"] {
--mod: var(--mod-erp);
--on-mod: var(--on-mod-erp);
--mod-ink: var(--mod-erp-ink);
--mod-soft: var(--mod-erp-soft);
}
[data-kpi="1"] {
--kpi: var(--kpi-1);
--kpi-ink: var(--kpi-1-ink);
--kpi-tint: var(--kpi-1-tint);
}
[data-kpi="2"] {
--kpi: var(--kpi-2);
--kpi-ink: var(--kpi-2-ink);
--kpi-tint: var(--kpi-2-tint);
}
[data-kpi="3"] {
--kpi: var(--kpi-3);
--kpi-ink: var(--kpi-3-ink);
--kpi-tint: var(--kpi-3-tint);
}
[data-kpi="4"] {
--kpi: var(--kpi-4);
--kpi-ink: var(--kpi-4-ink);
--kpi-tint: var(--kpi-4-tint);
}
[data-kpi="5"] {
--kpi: var(--kpi-5);
--kpi-ink: var(--kpi-5-ink);
--kpi-tint: var(--kpi-5-tint);
}
[data-network="telegram"] {
--network: var(--network-telegram);
--on-network: var(--on-network-telegram);
}
[data-network="youtube"] {
--network: var(--network-youtube);
--on-network: var(--on-network-youtube);
}
[data-network="instagram"] {
--network: var(--network-instagram);
--on-network: var(--on-network-instagram);
}
[data-network="facebook"] {
--network: var(--network-facebook);
--on-network: var(--on-network-facebook);
}
[data-network="tiktok"] {
--network: var(--network-tiktok);
--on-network: var(--on-network-tiktok);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
:root {
--glass-chrome-bg: var(--glass-chrome-solid);
--glass-chrome-bg-scrolled: var(--glass-chrome-solid);
--glass-chrome-filter: none;
--glass-chrome-edge: var(--color-stroke);
--glass-chrome-elevation: var(--shadow-sm);
--glass-chrome-rim-image: linear-gradient(var(--color-stroke), var(--color-stroke));
--glass-card-bg: var(--glass-card-solid);
--glass-card-filter: none;
--glass-card-edge: var(--color-stroke);
--glass-card-elevation: var(--shadow-sm);
--glass-card-rim-image: linear-gradient(var(--color-stroke), var(--color-stroke));
--glass-dense-bg: var(--glass-dense-solid);
--glass-dense-filter: none;
--glass-dense-edge: var(--color-stroke);
--glass-dense-elevation: var(--shadow-sm);
--glass-dense-rim-image: linear-gradient(var(--color-stroke), var(--color-stroke));
--glass-overlay-bg: var(--glass-overlay-solid);
--glass-overlay-filter: none;
--glass-overlay-edge: var(--color-stroke);
--glass-overlay-elevation: var(--shadow-md);
--glass-overlay-rim-image: linear-gradient(var(--color-stroke), var(--color-stroke));
}
}
@media (prefers-reduced-transparency: reduce) {
:root {
--glass-chrome-bg: var(--glass-chrome-solid);
--glass-chrome-bg-scrolled: var(--glass-chrome-solid);
--glass-chrome-filter: none;
--glass-chrome-edge: var(--color-stroke);
--glass-chrome-elevation: var(--shadow-sm);
--glass-chrome-rim-image: linear-gradient(var(--color-stroke), var(--color-stroke));
--glass-card-bg: var(--glass-card-solid);
--glass-card-filter: none;
--glass-card-edge: var(--color-stroke);
--glass-card-elevation: var(--shadow-sm);
--glass-card-rim-image: linear-gradient(var(--color-stroke), var(--color-stroke));
--glass-dense-bg: var(--glass-dense-solid);
--glass-dense-filter: none;
--glass-dense-edge: var(--color-stroke);
--glass-dense-elevation: var(--shadow-sm);
--glass-dense-rim-image: linear-gradient(var(--color-stroke), var(--color-stroke));
--glass-overlay-bg: var(--glass-overlay-solid);
--glass-overlay-filter: none;
--glass-overlay-edge: var(--color-stroke);
--glass-overlay-elevation: var(--shadow-md);
--glass-overlay-rim-image: linear-gradient(var(--color-stroke), var(--color-stroke));
}
}
@media (prefers-contrast: more) {
:root {
--glass-page-image: none;
--glass-chrome-bg: var(--glass-chrome-solid);
--glass-chrome-bg-scrolled: var(--glass-chrome-solid);
--glass-chrome-filter: none;
--glass-chrome-edge: var(--color-stroke);
--glass-chrome-elevation: var(--shadow-sm);
--glass-chrome-rim-image: linear-gradient(var(--color-stroke), var(--color-stroke));
--glass-card-bg: var(--glass-card-solid);
--glass-card-filter: none;
--glass-card-edge: var(--color-stroke);
--glass-card-elevation: var(--shadow-sm);
--glass-card-rim-image: linear-gradient(var(--color-stroke), var(--color-stroke));
--glass-dense-bg: var(--glass-dense-solid);
--glass-dense-filter: none;
--glass-dense-edge: var(--color-stroke);
--glass-dense-elevation: var(--shadow-sm);
--glass-dense-rim-image: linear-gradient(var(--color-stroke), var(--color-stroke));
--glass-overlay-bg: var(--glass-overlay-solid);
--glass-overlay-filter: none;
--glass-overlay-edge: var(--color-stroke);
--glass-overlay-elevation: var(--shadow-md);
--glass-overlay-rim-image: linear-gradient(var(--color-stroke), var(--color-stroke));
}
}
:root[data-glass="off"] {
--glass-chrome-bg: var(--glass-chrome-solid);
--glass-chrome-bg-scrolled: var(--glass-chrome-solid);
--glass-chrome-filter: none;
--glass-chrome-edge: var(--color-stroke);
--glass-chrome-elevation: var(--shadow-sm);
--glass-chrome-rim-image: linear-gradient(var(--color-stroke), var(--color-stroke));
--glass-card-bg: var(--glass-card-solid);
--glass-card-filter: none;
--glass-card-edge: var(--color-stroke);
--glass-card-elevation: var(--shadow-sm);
--glass-card-rim-image: linear-gradient(var(--color-stroke), var(--color-stroke));
--glass-dense-bg: var(--glass-dense-solid);
--glass-dense-filter: none;
--glass-dense-edge: var(--color-stroke);
--glass-dense-elevation: var(--shadow-sm);
--glass-dense-rim-image: linear-gradient(var(--color-stroke), var(--color-stroke));
--glass-overlay-bg: var(--glass-overlay-solid);
--glass-overlay-filter: none;
--glass-overlay-edge: var(--color-stroke);
--glass-overlay-elevation: var(--shadow-md);
--glass-overlay-rim-image: linear-gradient(var(--color-stroke), var(--color-stroke));
}