@import"https://rsms.me/inter/inter.css";@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400..700&display=swap";:root{--color-bg: oklch(98.4% .005 247);--color-bg-elev: oklch(100% 0 0);--color-bg-soft: oklch(96.5% .008 247);--color-fg: oklch(17% .02 257);--color-fg-soft: oklch(38% .015 257);--color-fg-mute: oklch(56% .012 257);--color-line: oklch(94% .005 247);--color-line-soft: oklch(96.5% .004 247);--color-brand: oklch(37% .08 264);--color-brand-from: oklch(47% .1 264);--color-brand-soft: oklch(47% .1 264 / .14);--color-brand-fg: oklch(100% 0 0);--color-brand-lime: oklch(80% .17 122);--color-good: oklch(60% .16 149);--color-bad: oklch(57% .21 25);--color-warn: oklch(70% .16 70);--shadow-card: 0 1px 2px oklch(0% 0 0 / .06), 0 10px 24px -8px oklch(0% 0 0 / .12);--shadow-card-hover: 0 2px 4px oklch(0% 0 0 / .07), 0 18px 36px -12px oklch(0% 0 0 / .18);--bg-depth: radial-gradient(120% 90% at 50% 30%, var(--color-bg-elev) 0%, var(--color-bg) 48%, var(--color-bg-soft) 100%);--shadow-glow: 0 10px 30px -10px color-mix(in oklab, var(--color-brand) 55%, transparent);--login-aurora: radial-gradient(60% 55% at 12% 8%, color-mix(in oklab, oklch(62% .16 252) 42%, transparent) 0%, transparent 58%), radial-gradient(55% 50% at 92% 90%, color-mix(in oklab, oklch(56% .13 256) 38%, transparent) 0%, transparent 60%), linear-gradient(145deg, oklch(23% .055 264) 0%, oklch(15% .035 262) 56%, oklch(27% .06 256) 100%);--color-system-support: oklch(80% .06 285);--color-system-crm: oklch(83% .07 175);--color-system-sales: oklch(85% .08 70);--color-system-docs: oklch(82% .07 305);--color-system-marketing: oklch(83% .07 350);--font-sans: "Inter", "Inter var", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;--font-display: "DM Sans", "Inter", "Inter var", ui-sans-serif, system-ui, sans-serif;--color-chart-1: oklch(37% .08 264);--color-chart-2: oklch(46% .04 250);--color-chart-3: oklch(58% .03 250);--color-chart-4: oklch(70% .02 250);--color-chart-5: oklch(80% .015 250);--app-header-height: 3.5rem}.theme-dark{--color-bg: oklch(13% .003 250);--color-bg-elev: oklch(17% .004 250);--color-bg-soft: oklch(20% .005 250);--color-fg: oklch(97% 0 0);--color-fg-soft: oklch(78% .005 250);--color-fg-mute: oklch(58% .005 250);--color-line: oklch(22% .004 250);--color-line-soft: oklch(19% .003 250);--color-brand: oklch(70% .11 262);--color-brand-from: oklch(78% .1 262);--color-brand-soft: oklch(70% .11 262 / .22);--color-brand-fg: oklch(15% .02 264);--color-good: oklch(70% .16 149);--color-bad: oklch(66% .21 25);--color-warn: oklch(78% .16 70);--shadow-card: 0 1px 2px oklch(0% 0 0 / .5), 0 12px 28px -10px oklch(0% 0 0 / .5);--shadow-card-hover: 0 2px 4px oklch(0% 0 0 / .55), 0 20px 40px -12px oklch(0% 0 0 / .65);--color-system-support: oklch(80% .07 285);--color-system-crm: oklch(82% .08 175);--color-system-sales: oklch(85% .09 70);--color-system-docs: oklch(82% .08 305);--color-system-marketing: oklch(83% .08 350);--login-aurora: radial-gradient(60% 55% at 12% 8%, color-mix(in oklab, oklch(60% .16 252) 42%, transparent) 0%, transparent 58%), radial-gradient(55% 50% at 92% 90%, color-mix(in oklab, oklch(54% .13 256) 38%, transparent) 0%, transparent 60%), linear-gradient(145deg, oklch(20% .05 264) 0%, oklch(13% .03 262) 56%, oklch(24% .055 256) 100%)}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em;font-feature-settings:"tnum","cv11"}@supports (font-variation-settings: normal){body{font-family:Inter var,Inter,ui-sans-serif,system-ui,sans-serif}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.011em}hr{border:0;border-top:1px solid var(--color-line-soft);background:transparent;height:0}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:.85}}.skeleton{background:var(--color-bg-soft);border-radius:.5rem;animation:skeleton-pulse 1.4s ease-in-out infinite}@keyframes live-ping{0%{transform:scale(1);opacity:.55}80%{transform:scale(2.4);opacity:0}to{transform:scale(2.4);opacity:0}}.live-ping{animation:live-ping 2.2s cubic-bezier(.16,1,.3,1) infinite}@media(prefers-reduced-motion:reduce){.live-ping{animation:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.rise-in{animation:rise-in .46s cubic-bezier(.16,1,.3,1) both}@media(prefers-reduced-motion:reduce){.rise-in{animation:none}}@keyframes xop-loader-fadeup{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes xop-loader-sweep{0%{transform:translate(-120%)}to{transform:translate(330%)}}.logo-light{display:block}.logo-dark,.theme-dark .logo-light{display:none}.theme-dark .logo-dark{display:block}.tab-active{background:var(--color-brand-soft);color:var(--color-brand);font-weight:600}.ring-focus{outline:2px solid transparent;outline-offset:1px;transition:box-shadow .12s ease-out,outline-color .12s ease-out}.ring-focus:focus-visible{outline-color:var(--color-brand)}.scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hidden::-webkit-scrollbar{width:0;height:0;display:none}.bg-depth{background-image:var(--bg-depth)}.shadow-glow{box-shadow:var(--shadow-glow)}.login-aurora{background-image:var(--login-aurora)}.aurora-drift{animation:aurora-drift 22s ease-in-out infinite alternate;will-change:transform}.logo-shimmer{-webkit-mask:url(/xop-logo.svg) center / contain no-repeat;mask:url(/xop-logo.svg) center / contain no-repeat;background-image:linear-gradient(105deg,transparent 40%,oklch(97% .03 264 / .9) 50%,transparent 60%);background-size:250% 100%;background-repeat:no-repeat;animation:logo-wave 1.6s cubic-bezier(.4,0,.2,1) infinite}.logo-halo{animation:glow-pulse 3.4s ease-in-out infinite}.focus-in{animation:focus-in .82s cubic-bezier(.16,1,.3,1) both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.slogan-glyph{display:inline-block;white-space:pre;opacity:0}.slogan-glyph--write{animation:write-on .46s cubic-bezier(.22,1,.3,1) both}@keyframes aurora-drift{0%{transform:translate3d(-1%,1%,0) scale(1.06)}to{transform:translate3d(1%,-2%,0) scale(1.14)}}@media(prefers-reduced-motion:reduce){.aurora-drift{animation:none}}@keyframes logo-wave{0%{background-position:220% 0}55%,to{background-position:-120% 0}}@media(prefers-reduced-motion:reduce){.logo-shimmer{animation:none;opacity:0}}@keyframes glow-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.68;transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.logo-halo{animation:none}}@keyframes focus-in{0%{opacity:0;filter:blur(10px);transform:translateY(10px) scale(.96)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.focus-in{animation:none}}@keyframes write-on{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(.16em)}55%{opacity:1}to{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.slogan-glyph{opacity:1}.slogan-glyph--write{animation:none}}