/* s4.107 tutorial "director-dp": the app's stylesheets as they were when the pages were captured (frozen). */

/* ---- /wp-content/plugins/aiox-server/assets/css/aiox-fonts.css ---- */
@font-face { font-family: Montserrat; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://viblu.com/wp-content/plugins/aiox-server/assets/fonts/montserrat/montserrat-var-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://viblu.com/wp-content/plugins/aiox-server/assets/fonts/montserrat/montserrat-var-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Inter; font-style: normal; font-weight: 300 700; font-display: swap; src: url("https://viblu.com/wp-content/plugins/aiox-server/assets/fonts/inter/inter-var-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 300 700; font-display: swap; src: url("https://viblu.com/wp-content/plugins/aiox-server/assets/fonts/inter/inter-var-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }


/* ---- /wp-content/plugins/aiox-server/assets/css/aiox-unified-dashboard.css ---- */
:root { --aiox-bg-primary: #0a0b10; --aiox-bg-secondary: #0d0f17; --aiox-bg-card: #12141f; --aiox-bg-card-hover: #181b28; --aiox-bg-input: #1a1d2e; --aiox-border-primary: #1e2235; --aiox-border-secondary: #2a2f45; --aiox-border-accent: #3b4160; --aiox-text-primary: #ffffff; --aiox-text-secondary: #b8c4d4; --aiox-text-muted: #8892a6; --aiox-accent-cyan: #94a3b8; --aiox-accent-purple: #0f172a; --aiox-accent-yellow: #eab308; --aiox-accent-green: #10b981; --aiox-accent-blue: #0f172a; --aiox-accent-red: #ef4444; }
.aiox-dashboard-wide, .aiox-auth-wrapper { color-scheme: initial; forced-color-adjust: initial; math-depth: initial; position: initial; position-anchor: initial; text-size-adjust: initial; appearance: initial; font-feature-settings: initial; font-kerning: initial; font-language-override: initial; font-optical-sizing: initial; font-palette: initial; font-size-adjust: initial; font-stretch: initial; font-style: initial; font-synthesis: initial; font-variant: initial; font-variation-settings: initial; font-weight: initial; position-area: initial; text-orientation: initial; text-rendering: initial; text-spacing-trim: initial; -webkit-locale: initial; -webkit-text-orientation: initial; -webkit-writing-mode: initial; writing-mode: initial; zoom: initial; accent-color: initial; place-content: initial; place-items: initial; place-self: initial; alignment-baseline: initial; anchor-name: initial; anchor-scope: initial; animation-composition: initial; animation: initial; animation-trigger: initial; app-region: initial; aspect-ratio: initial; backdrop-filter: initial; backface-visibility: initial; background-blend-mode: initial; baseline-shift: initial; baseline-source: initial; block-size: initial; border-block: initial; border: initial; border-radius: initial; border-collapse: initial; border-end-end-radius: initial; border-end-start-radius: initial; border-inline: initial; border-shape: initial; border-start-end-radius: initial; border-start-start-radius: initial; inset: initial; box-decoration-break: initial; box-shadow: initial; break-after: initial; break-before: initial; break-inside: initial; buffered-rendering: initial; caption-side: initial; caret-animation: initial; caret-color: initial; caret-shape: initial; clear: initial; clip: initial; clip-path: initial; clip-rule: initial; color-interpolation: initial; color-interpolation-filters: initial; color-rendering: initial; columns: initial; column-fill: initial; gap: initial; rule-break: initial; rule: initial; rule-inset: initial; rule-visibility-items: initial; column-span: initial; contain: initial; contain-intrinsic-block-size: initial; contain-intrinsic-size: initial; contain-intrinsic-inline-size: initial; container: initial; content: initial; content-visibility: initial; corner-shape: initial; corner-block-end-shape: initial; corner-block-start-shape: initial; counter-increment: initial; counter-reset: initial; counter-set: initial; cursor: initial; cx: initial; cy: initial; d: initial; dominant-baseline: initial; dynamic-range-limit: initial; -electron-corner-smoothing: initial; empty-cells: initial; field-sizing: initial; fill: initial; fill-opacity: initial; fill-rule: initial; filter: initial; flex: initial; flex-flow: initial; flex-line-count: initial; float: initial; flood-color: initial; flood-opacity: initial; grid: initial; grid-area: initial; height: initial; hyphenate-character: initial; hyphenate-limit-chars: initial; hyphens: initial; image-orientation: initial; image-rendering: initial; initial-letter: initial; inline-size: initial; inset-block: initial; inset-inline: initial; interactivity: initial; interest-delay: initial; interpolate-size: initial; isolation: initial; letter-spacing: initial; lighting-color: initial; line-break: initial; list-style: initial; margin-block: initial; margin: initial; margin-inline: initial; marker: initial; mask: initial; mask-type: initial; math-shift: initial; math-style: initial; max-block-size: initial; max-height: initial; max-inline-size: initial; max-width: initial; min-block-size: initial; min-height: initial; min-inline-size: initial; min-width: initial; mix-blend-mode: initial; object-fit: initial; object-position: initial; object-view-box: initial; offset: initial; opacity: initial; order: initial; orphans: initial; outline: initial; outline-offset: initial; overflow-anchor: initial; overflow-block: initial; overflow-clip-margin: initial; overflow-inline: initial; overflow-wrap: initial; overflow: initial; overlay: initial; overscroll-behavior-block: initial; overscroll-behavior-inline: initial; overscroll-behavior: initial; padding-block: initial; padding: initial; padding-inline: initial; page: initial; page-margin-safety: initial; page-orientation: initial; paint-order: initial; perspective: initial; perspective-origin: initial; pointer-events: initial; position-try: initial; position-visibility: initial; print-color-adjust: initial; quotes: initial; r: initial; reading-flow: initial; reading-order: initial; resize: initial; rotate: initial; ruby-align: initial; ruby-overhang: initial; ruby-position: initial; rule-overlap: initial; rx: initial; ry: initial; scale: initial; scroll-behavior: initial; scroll-initial-target: initial; scroll-margin-block: initial; scroll-margin: initial; scroll-margin-inline: initial; scroll-marker-group: initial; scroll-padding-block: initial; scroll-padding: initial; scroll-padding-inline: initial; scroll-snap-align: initial; scroll-snap-stop: initial; scroll-snap-type: initial; scroll-target-group: initial; scroll-timeline: initial; scrollbar-color: initial; scrollbar-gutter: initial; scrollbar-width: initial; shape-image-threshold: initial; shape-margin: initial; shape-outside: initial; shape-rendering: initial; size: initial; speak: initial; stop-color: initial; stop-opacity: initial; stroke: initial; stroke-dasharray: initial; stroke-dashoffset: initial; stroke-linecap: initial; stroke-linejoin: initial; stroke-miterlimit: initial; stroke-opacity: initial; stroke-width: initial; tab-size: initial; table-layout: initial; text-align: initial; text-align-last: initial; text-anchor: initial; text-autospace: initial; text-box: initial; text-combine-upright: initial; text-decoration: initial; text-decoration-skip-ink: initial; text-emphasis: initial; text-emphasis-position: initial; text-fit: initial; text-indent: initial; text-justify: initial; text-overflow: initial; text-shadow: initial; text-transform: initial; text-underline-offset: initial; text-underline-position: initial; text-wrap: initial; timeline-scope: initial; timeline-trigger: initial; touch-action: initial; transform: initial; transform-box: initial; transform-origin: initial; transform-style: initial; transition: initial; translate: initial; trigger-scope: initial; user-select: initial; vector-effect: initial; vertical-align: initial; view-timeline: initial; view-transition-class: initial; view-transition-group: initial; view-transition-name: initial; view-transition-scope: initial; visibility: initial; border-spacing: initial; -webkit-box-align: initial; -webkit-box-decoration-break: initial; -webkit-box-direction: initial; -webkit-box-flex: initial; -webkit-box-ordinal-group: initial; -webkit-box-orient: initial; -webkit-box-pack: initial; -webkit-box-reflect: initial; -webkit-line-break: initial; -webkit-line-clamp: initial; -webkit-mask-box-image: initial; -webkit-rtl-ordering: initial; -webkit-ruby-position: initial; -webkit-tap-highlight-color: initial; -webkit-text-combine: initial; -webkit-text-decorations-in-effect: initial; -webkit-text-fill-color: initial; -webkit-text-security: initial; -webkit-text-stroke: initial; -webkit-user-drag: initial; white-space-collapse: initial; widows: initial; width: initial; will-change: initial; window-drag: initial; word-break: initial; word-spacing: initial; x: initial; y: initial; z-index: initial; display: flex; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif; font-size: 16px; line-height: 1.5; color: var(--aiox-text-primary); background: var(--aiox-bg-primary); -webkit-font-smoothing: antialiased; box-sizing: border-box; }
.aiox-dashboard-wide *, .aiox-dashboard-wide ::before, .aiox-dashboard-wide ::after, .aiox-auth-wrapper *, .aiox-auth-wrapper ::before, .aiox-auth-wrapper ::after { box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; }
.aiox-dashboard-wide article, .aiox-dashboard-wide aside, .aiox-dashboard-wide details, .aiox-dashboard-wide figcaption, .aiox-dashboard-wide figure, .aiox-dashboard-wide footer, .aiox-dashboard-wide header, .aiox-dashboard-wide hgroup, .aiox-dashboard-wide main, .aiox-dashboard-wide menu, .aiox-dashboard-wide nav, .aiox-dashboard-wide section, .aiox-auth-wrapper article, .aiox-auth-wrapper aside, .aiox-auth-wrapper details, .aiox-auth-wrapper figcaption, .aiox-auth-wrapper figure, .aiox-auth-wrapper footer, .aiox-auth-wrapper header, .aiox-auth-wrapper hgroup, .aiox-auth-wrapper main, .aiox-auth-wrapper menu, .aiox-auth-wrapper nav, .aiox-auth-wrapper section { display: block; }
.aiox-dashboard-wide h1, .aiox-dashboard-wide h2, .aiox-dashboard-wide h3, .aiox-dashboard-wide h4, .aiox-dashboard-wide h5, .aiox-dashboard-wide h6, .aiox-auth-wrapper h1, .aiox-auth-wrapper h2, .aiox-auth-wrapper h3, .aiox-auth-wrapper h4, .aiox-auth-wrapper h5, .aiox-auth-wrapper h6 { font-weight: 700; line-height: 1.2; margin: 0px; padding: 0px; color: rgb(255, 255, 255); }
.aiox-dashboard-wide p, .aiox-auth-wrapper p { margin: 0px; padding: 0px; line-height: 1.6; }
.aiox-dashboard-wide ol, .aiox-dashboard-wide ul, .aiox-auth-wrapper ol, .aiox-auth-wrapper ul { list-style: none; margin: 0px; padding: 0px; }
.aiox-dashboard-wide a, .aiox-auth-wrapper a { color: inherit; text-decoration: none; background-color: transparent; cursor: pointer; }
.aiox-dashboard-wide img, .aiox-auth-wrapper img { max-width: 100%; height: auto; border: 0px; display: block; }
.aiox-dashboard-wide button, .aiox-dashboard-wide input, .aiox-dashboard-wide optgroup, .aiox-dashboard-wide select, .aiox-dashboard-wide textarea, .aiox-auth-wrapper button, .aiox-auth-wrapper input, .aiox-auth-wrapper optgroup, .aiox-auth-wrapper select, .aiox-auth-wrapper textarea { font-family: inherit; font-size: 100%; line-height: 1.5; margin: 0px; padding: 0px; color: inherit; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; }
.aiox-dashboard-wide button, .aiox-auth-wrapper button { cursor: pointer; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.aiox-dashboard-wide input::-webkit-outer-spin-button, .aiox-dashboard-wide input::-webkit-inner-spin-button, .aiox-auth-wrapper input::-webkit-outer-spin-button, .aiox-auth-wrapper input::-webkit-inner-spin-button { appearance: none; margin: 0px; }
.aiox-dashboard-wide input[type="number"], .aiox-auth-wrapper input[type="number"] { }
.aiox-dashboard-wide table, .aiox-auth-wrapper table { border-collapse: collapse; border-spacing: 0px; width: 100%; }
.aiox-dashboard-wide canvas, .aiox-auth-wrapper canvas { display: block; }
.aiox-dashboard-wide { min-height: 100vh; inset: 0px; z-index: 99999; overflow: hidden; position: fixed !important; width: 100vw !important; max-width: 100vw !important; }
body:has(.aiox-dashboard-wide) { overflow: hidden !important; }
.aiox-dashboard-wide * { max-width: none; }
.aiox-dashboard-wide .aiox-sidebar { width: 260px; min-width: 260px; background: linear-gradient(rgb(15, 17, 26) 0%, rgb(18, 20, 31) 100%); border-right: 1px solid var(--aiox-border-primary); padding: 0px; position: fixed; height: 100vh; overflow: hidden auto; left: 0px; top: 0px; z-index: 100000; display: flex; flex-direction: column; }
.aiox-dashboard-wide .aiox-sidebar::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 300px; background: radial-gradient(circle at 50% 0%, rgba(102, 126, 234, 0.08) 0%, transparent 70%); pointer-events: none; }
.aiox-dashboard-wide .aiox-logo { padding: 2rem 1.5rem; border-bottom: 2px solid rgb(30, 34, 53); position: relative; z-index: 1; }
.aiox-dashboard-wide .aiox-logo a { display: block; }
.aiox-dashboard-wide .aiox-logo img { max-height: none; width: auto; height: auto; }
.aiox-dashboard-wide .aiox-logo h2 { font-size: 1.5rem; font-weight: 800; margin: 0px; color: var(--aiox-accent-cyan) !important; }
.aiox-dashboard-wide .aiox-nav { list-style: none; padding: 1rem 0px; margin: 0px; flex: 1 1 0%; }
.aiox-dashboard-wide .aiox-nav-item { margin: 0.25rem 0.75rem; list-style: none; }
.aiox-dashboard-wide .aiox-nav-link { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; text-decoration: none; border-radius: 12px; border: 2px solid transparent; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; font-weight: 500; font-size: 0.9rem; position: relative; overflow: hidden; background: transparent; color: var(--aiox-text-secondary) !important; }
.aiox-dashboard-wide .aiox-nav-link::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%); opacity: 0; transition: opacity 0.3s; z-index: 0; }
.aiox-dashboard-wide .aiox-nav-link:hover::before { opacity: 1; }
.aiox-dashboard-wide .aiox-nav-link:hover { background: var(--aiox-bg-card); border-color: rgba(102, 126, 234, 0.3); transform: translateX(4px); color: var(--aiox-accent-cyan) !important; }
.aiox-dashboard-wide .aiox-nav-link.active { background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%); font-weight: 600; border-color: rgba(102, 126, 234, 0.5); box-shadow: rgba(102, 126, 234, 0.15) 0px 4px 12px; color: var(--aiox-accent-cyan) !important; }
.aiox-dashboard-wide .aiox-nav-icon { font-size: 1.25rem; width: 24px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; }
.aiox-dashboard-wide .aiox-nav-link span:not(.aiox-nav-icon) { position: relative; z-index: 1; }
.aiox-dashboard-wide .aiox-nav-link.active span:not(.aiox-nav-icon) { background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(226, 232, 240) 100%) text; -webkit-text-fill-color: transparent; font-weight: 700; }
.aiox-dashboard-wide .aiox-user-section { padding: 1.5rem; border-top: 1px solid var(--aiox-border-primary); background: var(--aiox-bg-secondary); margin-top: auto; }
.aiox-dashboard-wide .aiox-user-info { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem; background: var(--aiox-bg-card); border-radius: 8px; }
.aiox-dashboard-wide .aiox-user-avatar { width: 36px; height: 36px; min-width: 36px; background: linear-gradient(135deg, rgb(15, 23, 42) 0%, rgb(15, 23, 42) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-weight: 700; font-size: 0.9rem; }
.aiox-dashboard-wide .aiox-user-details { flex: 1 1 0%; overflow: hidden; }
.aiox-dashboard-wide .aiox-user-details h4 { font-size: 0.875rem; color: rgb(255, 255, 255); font-weight: 600; margin: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.aiox-dashboard-wide .aiox-user-details p { font-size: 0.75rem; color: var(--aiox-text-muted); margin: 0px; }
.aiox-dashboard-wide .aiox-main-content { flex: 1 1 0%; margin-left: 260px; padding: 2rem; height: 100vh; overflow: hidden auto; background: var(--aiox-bg-primary); color: var(--aiox-text-primary); max-width: none !important; width: calc(-260px + 100vw) !important; }
.aiox-dashboard-wide .aiox-header { position: relative; text-align: left; padding: 1.5rem; margin-bottom: 1.25rem; overflow: hidden; border-radius: 16px; background: linear-gradient(135deg, rgb(18, 20, 31) 0%, rgb(24, 27, 40) 100%); border: 2px solid rgb(30, 34, 53); }
.aiox-dashboard-wide .aiox-header::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 600px; height: 600px; background: radial-gradient(circle, rgba(102, 126, 234, 0.15) 0%, transparent 70%); filter: blur(60px); pointer-events: none; animation: 4s ease-in-out 0s infinite normal none running heroGlowPulse; }
.aiox-dashboard-wide .aiox-header h1 { font-size: 1.5rem; font-weight: 900; margin: 0px 0px 0.5rem; letter-spacing: -0.03em; background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(203, 213, 225) 50%, rgb(148, 163, 184) 100%) text; -webkit-text-fill-color: transparent; position: relative; z-index: 1; display: inline-block; line-height: 1.2; }
.aiox-dashboard-wide .aiox-header-subtitle { font-size: 0.875rem; color: rgb(148, 163, 184); margin: 0px; position: relative; z-index: 1; font-weight: 400; letter-spacing: 0.01em; }
.aiox-dashboard-wide .aiox-tab-content { display: none; }
.aiox-dashboard-wide .aiox-tab-content.active { display: block; }
.aiox-dashboard-wide .aiox-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin-bottom: 1.25rem; }
.aiox-dashboard-wide .aiox-stat-card { background: linear-gradient(135deg, rgb(18, 20, 31) 0%, rgb(24, 27, 40) 100%); border: 2px solid rgb(30, 34, 53); border-radius: 14px; padding: 1.25rem; transition: 0.3s; position: relative; overflow: hidden; }
.aiox-dashboard-wide .aiox-stat-card::before { content: ""; position: absolute; top: -50%; right: -50%; width: 200px; height: 200px; background: radial-gradient(circle, rgba(102, 126, 234, 0.1) 0%, transparent 70%); pointer-events: none; }
.aiox-dashboard-wide .aiox-stat-card:hover { border-color: rgb(15, 23, 42); transform: translateY(-4px); box-shadow: rgba(102, 126, 234, 0.2) 0px 8px 24px; }
.aiox-dashboard-wide .aiox-stat-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.75rem; }
.aiox-dashboard-wide .aiox-stat-title { font-size: 0.85rem; color: rgb(148, 163, 184); font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; }
.aiox-dashboard-wide .aiox-stat-icon { font-size: 1.5rem; filter: drop-shadow(rgba(102, 126, 234, 0.5) 0px 0px 10px); }
.aiox-dashboard-wide .aiox-stat-value { font-size: 1.875rem; font-weight: 900; color: rgb(255, 255, 255); margin: 0.375rem 0px; line-height: 1; }
.aiox-dashboard-wide .aiox-stat-change { font-size: 0.875rem; color: rgb(16, 185, 129); font-weight: 600; }
.aiox-dashboard-wide .aiox-stat-change.negative { color: var(--aiox-accent-red); }
.aiox-dashboard-wide .aiox-card { background: linear-gradient(135deg, rgb(18, 20, 31) 0%, rgb(24, 27, 40) 100%); border: 2px solid rgb(30, 34, 53); border-radius: 14px; margin-bottom: 1rem; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px; transition: 0.3s; position: relative; }
.aiox-dashboard-wide .aiox-card::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 200px; background: radial-gradient(circle at 50% 0%, rgba(102, 126, 234, 0.05) 0%, transparent 70%); pointer-events: none; }
.aiox-dashboard-wide .aiox-card:hover { border-color: rgb(15, 23, 42); box-shadow: rgba(102, 126, 234, 0.2) 0px 8px 24px; transform: translateY(-2px); }
.aiox-dashboard-wide .aiox-card-header { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; border-bottom: 2px solid rgb(30, 34, 53); position: relative; z-index: 1; }
.aiox-dashboard-wide .aiox-card-title { font-size: 1rem; font-weight: 700; margin: 0px; letter-spacing: -0.02em; color: rgb(255, 255, 255); }
.aiox-dashboard-wide .aiox-card-action { color: var(--aiox-accent-cyan); font-size: 0.875rem; font-weight: 500; cursor: pointer; text-decoration: none; transition: 0.2s; }
.aiox-dashboard-wide .aiox-card-action:hover { text-decoration: underline; }
.aiox-dashboard-wide .aiox-info-row { display: flex; justify-content: space-between; align-items: center; padding: 0.875rem 1.25rem; border-bottom: 1px solid rgb(30, 34, 53); transition: 0.3s; }
.aiox-dashboard-wide .aiox-info-row:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.aiox-dashboard-wide .aiox-info-row:hover { background: rgba(102, 126, 234, 0.05); padding-left: 1.5rem; }
.aiox-dashboard-wide .aiox-info-label { font-weight: 600; color: rgb(148, 163, 184); }
.aiox-dashboard-wide .aiox-info-value { font-weight: 700; color: rgb(255, 255, 255); }
.aiox-dashboard-wide .aiox-btn, .aiox-auth-wrapper .aiox-btn { padding: 0.75rem 1.5rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; font-weight: 600; font-size: 0.875rem; cursor: pointer; transition: 0.3s; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; font-family: inherit; line-height: 1.5; }
.aiox-dashboard-wide .aiox-btn-primary, .aiox-auth-wrapper .aiox-btn-primary { background: linear-gradient(135deg, rgb(148, 163, 184) 0%, rgb(15, 23, 42) 100%); color: rgb(10, 11, 16) !important; }
.aiox-dashboard-wide .aiox-btn-primary:hover, .aiox-auth-wrapper .aiox-btn-primary:hover { transform: translateY(-1px); box-shadow: rgba(148, 163, 184, 0.3) 0px 4px 12px; }
.aiox-dashboard-wide .aiox-btn-secondary, .aiox-auth-wrapper .aiox-btn-secondary { background: var(--aiox-bg-card); border: 1px solid var(--aiox-border-primary); color: var(--aiox-text-secondary) !important; }
.aiox-dashboard-wide .aiox-btn-secondary:hover, .aiox-auth-wrapper .aiox-btn-secondary:hover { background: var(--aiox-bg-card-hover); border-color: var(--aiox-border-secondary); }
.aiox-dashboard-wide .aiox-btn-full, .aiox-auth-wrapper .aiox-btn-full { width: 100%; }
.aiox-dashboard-wide .aiox-btn:disabled, .aiox-auth-wrapper .aiox-btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none !important; }
.aiox-dashboard-wide .aiox-code-display { background: rgb(15, 17, 26); border: 2px solid rgb(15, 23, 42); border-radius: 10px; padding: 1rem 1.25rem; margin: 0px 1.25rem 1rem; font-family: Monaco, Menlo, "Courier New", monospace; font-size: 0.8125rem; color: rgb(148, 163, 184); word-break: break-all; position: relative; overflow: hidden; }
.aiox-dashboard-wide .aiox-code-display::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; background: linear-gradient(90deg, transparent 0%, rgba(102, 126, 234, 0.1) 50%, transparent 100%); animation: 3s linear 0s infinite normal none running codeScan; }
.aiox-dashboard-wide .aiox-copy-btn { position: absolute; top: 0.75rem; right: 0.75rem; background: var(--aiox-bg-card); border: 1px solid var(--aiox-border-primary); padding: 0.5rem 0.75rem; border-radius: 6px; font-size: 0.75rem; cursor: pointer; transition: 0.2s; color: var(--aiox-text-secondary); font-family: inherit; z-index: 2; }
.aiox-dashboard-wide .aiox-copy-btn:hover { background: var(--aiox-accent-cyan); color: var(--aiox-bg-primary); border-color: var(--aiox-accent-cyan); }
.aiox-dashboard-wide .aiox-placeholder { text-align: center; padding: 2.5rem 1.5rem; color: var(--aiox-text-muted); }
.aiox-dashboard-wide .aiox-placeholder-icon { font-size: 3rem; margin-bottom: 0.75rem; opacity: 0.5; }
.aiox-dashboard-wide .aiox-placeholder h3 { font-size: 1.25rem; color: rgb(255, 255, 255); margin: 0px 0px 0.375rem; }
.aiox-dashboard-wide .aiox-placeholder p { color: var(--aiox-text-muted); margin: 0px; }
.aiox-dashboard-wide .aiox-plans-grid, .aiox-auth-wrapper .aiox-plans-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1rem; }
.aiox-dashboard-wide .aiox-plan-card, .aiox-auth-wrapper .aiox-plan-card { background: linear-gradient(135deg, rgb(18, 20, 31) 0%, rgb(24, 27, 40) 100%); border: 2px solid var(--aiox-border-primary); border-radius: 14px; padding: 1.25rem; cursor: pointer; position: relative; overflow: hidden; min-height: 340px; }
.aiox-dashboard-wide .aiox-plan-card:hover, .aiox-auth-wrapper .aiox-plan-card:hover { border-color: var(--aiox-accent-cyan); box-shadow: rgba(148, 163, 184, 0.15) 0px 12px 24px; }
.aiox-dashboard-wide .aiox-plan-card:has(input[type="radio"]:checked), .aiox-auth-wrapper .aiox-plan-card:has(input[type="radio"]:checked) { border-color: var(--aiox-accent-cyan); background: var(--aiox-bg-card-hover); }
.aiox-dashboard-wide .aiox-plan-card input[type="radio"]:checked + label::before, .aiox-auth-wrapper .aiox-plan-card input[type="radio"]:checked + label::before { content: none !important; display: none !important; }
.aiox-dashboard-wide .aiox-plan-card input[type="radio"], .aiox-auth-wrapper .aiox-plan-card input[type="radio"] { position: absolute; opacity: 0; width: 0px; height: 0px; }
.aiox-dashboard-wide .aiox-plan-label, .aiox-auth-wrapper .aiox-plan-label { display: block; padding: 0px; cursor: pointer; position: relative; }
.aiox-dashboard-wide .aiox-plan-badge, .aiox-auth-wrapper .aiox-plan-badge { position: absolute; top: 1rem; right: 1rem; background: var(--aiox-accent-cyan); color: var(--aiox-bg-primary); padding: 0.25rem 0.75rem; border-radius: 6px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; }
.aiox-dashboard-wide .aiox-plan-name, .aiox-auth-wrapper .aiox-plan-name { font-size: 1.25rem; color: rgb(255, 255, 255); font-weight: 700; margin: 0px 0px 0.5rem; }
.aiox-dashboard-wide .aiox-plan-description, .aiox-auth-wrapper .aiox-plan-description { color: var(--aiox-text-muted); font-size: 0.8125rem; margin: 0px 0px 0.75rem; min-height: 36px; line-height: 1.4; }
.aiox-dashboard-wide .aiox-plan-price, .aiox-auth-wrapper .aiox-plan-price { font-size: 1.75rem; color: var(--aiox-accent-cyan); font-weight: 800; margin: 0px 0px 0.5rem; line-height: 1; }
.aiox-dashboard-wide .aiox-plan-price span, .aiox-auth-wrapper .aiox-plan-price span { font-size: 0.875rem; color: var(--aiox-text-muted); font-weight: 500; }
.aiox-dashboard-wide .aiox-plan-features, .aiox-auth-wrapper .aiox-plan-features { list-style: none; margin: 0.75rem 0px 0px; padding: 0.75rem 0px 0px; border-top: 1px solid var(--aiox-border-primary); flex: 1 1 0%; }
.aiox-dashboard-wide .aiox-plan-features li, .aiox-auth-wrapper .aiox-plan-features li { padding: 0.3rem 0px 0.3rem 26px; color: var(--aiox-text-secondary); font-size: 0.8125rem; position: relative; line-height: 1.4; }
.aiox-dashboard-wide .aiox-plan-features li::before, .aiox-auth-wrapper .aiox-plan-features li::before { content: "✓"; position: absolute; left: 0px; top: 0.3rem; width: 18px; height: 18px; background: rgba(148, 163, 184, 0.15); border-radius: 50%; line-height: 18px; text-align: center; color: rgb(148, 163, 184); font-weight: 700; font-size: 11px; }
.aiox-dashboard-wide .aiox-plan-card > .aiox-btn, .aiox-auth-wrapper .aiox-plan-card > .aiox-btn { margin-top: auto; flex-shrink: 0; }
.aiox-dashboard-wide .plan-badge, .aiox-auth-wrapper .plan-badge { display: inline-block; padding: 6px 12px; background: var(--aiox-bg-card-hover); border-radius: 6px; font-size: 0.75rem; font-weight: 600; color: var(--aiox-text-secondary); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 16px; }
.aiox-dashboard-wide .plan-badge.popular, .aiox-auth-wrapper .plan-badge.popular { background: rgba(234, 179, 8, 0.2); color: var(--aiox-accent-yellow); }
.aiox-dashboard-wide .plan-badge.trial, .aiox-auth-wrapper .plan-badge.trial { background: rgba(16, 185, 129, 0.2); color: var(--aiox-accent-green); }
.aiox-auth-wrapper { flex-direction: column; min-height: 100vh; padding: 0px; width: 100vw; margin-left: calc(50% - 50vw); }
.aiox-auth-wrapper .aiox-auth-header { background: linear-gradient(135deg, rgb(26, 29, 46) 0%, rgb(13, 15, 23) 100%); padding: 80px 40px; text-align: center; width: 100%; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px; border-bottom: 1px solid var(--aiox-border-primary); }
.aiox-auth-wrapper .aiox-auth-header h1 { font-size: 3rem; font-weight: 700; color: rgb(255, 255, 255); margin: 0px 0px 16px; letter-spacing: -0.5px; line-height: 1.2; }
.aiox-auth-wrapper .aiox-auth-header p { font-size: 1.25rem; color: var(--aiox-text-secondary); margin: 0px; font-weight: 400; }
.aiox-auth-wrapper .aiox-auth-content-area { max-width: 1400px; margin: 0px auto; padding: 60px 40px; width: 100%; }
.aiox-auth-wrapper .aiox-auth-tabs { display: flex; gap: 10px; justify-content: center; margin-bottom: 40px; border-bottom: 2px solid var(--aiox-border-primary); }
.aiox-auth-wrapper .aiox-auth-tab { padding: 12px 32px; background: none; border-width: medium medium 3px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; font-size: 1.1rem; font-weight: 600; color: var(--aiox-text-muted); cursor: pointer; margin-bottom: -2px; transition: 0.3s; font-family: inherit; }
.aiox-auth-wrapper .aiox-auth-tab:hover { color: var(--aiox-accent-cyan); }
.aiox-auth-wrapper .aiox-auth-tab.active { color: var(--aiox-accent-cyan); border-bottom-color: var(--aiox-accent-cyan); }
.aiox-auth-wrapper .aiox-auth-section { display: none; }
.aiox-auth-wrapper .aiox-auth-section.active { display: block; }
.aiox-auth-wrapper .aiox-auth-message { max-width: 800px; margin: 0px auto 30px; padding: 16px; border-radius: 8px; text-align: center; font-weight: 500; }
.aiox-auth-wrapper .aiox-auth-message.success { background: rgba(16, 185, 129, 0.15); border: 2px solid var(--aiox-accent-green); color: var(--aiox-accent-green); }
.aiox-auth-wrapper .aiox-auth-message.error { background: rgba(239, 68, 68, 0.15); border: 2px solid var(--aiox-accent-red); color: var(--aiox-accent-red); }
.aiox-auth-wrapper .aiox-login-container, .aiox-auth-wrapper .aiox-reset-container { max-width: 500px; margin: 0px auto; }
.aiox-auth-wrapper .aiox-login-card, .aiox-auth-wrapper .aiox-form-card { background: var(--aiox-bg-card); border: 1px solid var(--aiox-border-primary); border-radius: 12px; padding: 48px; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px; }
.aiox-auth-wrapper .aiox-login-card h3, .aiox-auth-wrapper .aiox-form-card h3 { font-size: 1.75rem; font-weight: 700; color: rgb(255, 255, 255); margin: 0px 0px 30px; text-align: center; }
.aiox-auth-wrapper .aiox-register-section h2 { font-size: 2rem; font-weight: 700; color: rgb(255, 255, 255); margin: 0px 0px 12px; text-align: center; }
.aiox-auth-wrapper .aiox-register-subtitle { text-align: center; color: var(--aiox-text-muted); font-size: 1.1rem; margin: 0px 0px 48px; }
.aiox-auth-wrapper .aiox-register-form-container { max-width: 800px; margin: 0px auto; }
.aiox-dashboard-wide .aiox-settings-form-container, .aiox-auth-wrapper .aiox-settings-form-container { background: var(--aiox-bg-card); border-radius: 10px; padding: 1.25rem; margin-top: 1rem; }
.aiox-dashboard-wide .aiox-form-section, .aiox-auth-wrapper .aiox-form-section { margin-bottom: 1.25rem; }
.aiox-dashboard-wide .aiox-form-section h3, .aiox-auth-wrapper .aiox-form-section h3 { color: rgb(255, 255, 255); margin: 0px 0px 0.75rem; font-size: 1.1rem; }
.aiox-dashboard-wide .aiox-form-description, .aiox-auth-wrapper .aiox-form-description { color: var(--aiox-text-muted); font-size: 0.9rem; margin: 0px 0px 1rem; }
.aiox-dashboard-wide .aiox-form-row, .aiox-auth-wrapper .aiox-form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; margin-bottom: 1rem; }
.aiox-dashboard-wide .aiox-form-field, .aiox-auth-wrapper .aiox-form-field { display: flex; flex-direction: column; }
.aiox-dashboard-wide .aiox-form-field label, .aiox-auth-wrapper .aiox-form-field label { color: rgb(255, 255, 255); font-weight: 600; margin-bottom: 0.5rem; font-size: 0.9rem; }
.aiox-dashboard-wide .aiox-form-field input, .aiox-auth-wrapper .aiox-form-field input { padding: 0.75rem; border: 2px solid var(--aiox-border-primary); border-radius: 8px; background: var(--aiox-bg-input); color: rgb(255, 255, 255); font-size: 1rem; transition: 0.3s; font-family: inherit; }
.aiox-dashboard-wide .aiox-form-field input:focus, .aiox-auth-wrapper .aiox-form-field input:focus { outline: none; border-color: var(--aiox-accent-cyan); background: var(--aiox-bg-input); }
.aiox-dashboard-wide .aiox-form-field input::placeholder, .aiox-auth-wrapper .aiox-form-field input::placeholder { color: var(--aiox-text-muted); }
.aiox-dashboard-wide .aiox-form-actions, .aiox-auth-wrapper .aiox-form-actions { margin-top: 2rem; }
.aiox-auth-wrapper .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
.aiox-auth-wrapper .form-field { margin-bottom: 24px; }
.aiox-auth-wrapper .form-field label { display: block; margin-bottom: 8px; font-weight: 600; color: var(--aiox-text-secondary); font-size: 0.9rem; }
.aiox-auth-wrapper .form-field input[type="text"], .aiox-auth-wrapper .form-field input[type="email"], .aiox-auth-wrapper .form-field input[type="password"] { width: 100%; padding: 12px 16px; background: var(--aiox-bg-input); border: 2px solid var(--aiox-border-primary); border-radius: 8px; font-size: 0.95rem; color: rgb(255, 255, 255); transition: 0.2s; font-family: inherit; }
.aiox-auth-wrapper .form-field input::placeholder { color: var(--aiox-text-muted); }
.aiox-auth-wrapper .form-field input:focus { outline: none; border-color: var(--aiox-accent-cyan); box-shadow: rgba(148, 163, 184, 0.1) 0px 0px 0px 3px; }
.aiox-auth-wrapper .field-help { display: block; margin-top: 6px; font-size: 0.85rem; color: var(--aiox-text-muted); line-height: 1.4; }
.aiox-auth-wrapper .aiox-form-checkbox { display: flex; align-items: center; gap: 8px; margin: 16px 0px; color: var(--aiox-text-secondary); }
.aiox-auth-wrapper .aiox-form-checkbox input { width: auto; }
.aiox-auth-wrapper .aiox-btn-auth { width: 100%; padding: 16px 32px; background: linear-gradient(135deg, rgb(148, 163, 184) 0%, rgb(15, 23, 42) 100%); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: 0.2s; margin-top: 8px; font-family: inherit; color: var(--aiox-bg-primary) !important; }
.aiox-auth-wrapper .aiox-btn-auth:hover { transform: translateY(-1px); box-shadow: rgba(148, 163, 184, 0.3) 0px 4px 12px; }
.aiox-auth-wrapper .aiox-btn-auth:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }
.aiox-auth-wrapper .aiox-auth-link { text-align: center; margin-top: 24px; color: var(--aiox-text-muted); font-size: 0.9rem; }
.aiox-auth-wrapper .aiox-auth-link a { color: var(--aiox-accent-cyan); text-decoration: none; font-weight: 600; }
.aiox-auth-wrapper .aiox-auth-link a:hover { text-decoration: underline; }
.aiox-dashboard-wide .aiox-message, .aiox-auth-wrapper .aiox-message { padding: 1rem; border-radius: 8px; margin-bottom: 1.5rem; font-weight: 500; }
.aiox-dashboard-wide .aiox-message.success, .aiox-auth-wrapper .aiox-message.success { background: rgba(16, 185, 129, 0.15); border: 2px solid var(--aiox-accent-green); color: var(--aiox-accent-green); }
.aiox-dashboard-wide .aiox-message.error, .aiox-auth-wrapper .aiox-message.error { background: rgba(239, 68, 68, 0.15); border: 2px solid var(--aiox-accent-red); color: var(--aiox-accent-red); }
.aiox-dashboard-wide .upgrade-plan-btn { text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem; background: linear-gradient(135deg, rgb(15, 23, 42) 0%, rgb(15, 23, 42) 100%); padding: 0.75rem 1.5rem; border-radius: 8px; font-weight: 600; font-size: 0.9rem; box-shadow: rgba(15, 23, 42, 0.3) 0px 4px 12px; transition: 0.3s; animation: 2s ease 0s infinite normal none running pulseGlow; color: rgb(255, 255, 255) !important; }
.aiox-dashboard-wide .upgrade-plan-btn:hover { transform: translateY(-2px); box-shadow: rgba(15, 23, 42, 0.5) 0px 6px 20px; }
.aiox-dashboard-wide .resource-card { background: var(--aiox-bg-card); border: 2px solid var(--aiox-border-primary); border-radius: 12px; padding: 1.5rem; text-decoration: none; display: block; transition: 0.3s; }
.aiox-dashboard-wide .resource-card:hover { transform: translateY(-4px); box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 24px; border-color: var(--aiox-border-secondary); }
.aiox-dashboard-wide .resource-card h3 { color: rgb(255, 255, 255); margin: 0px 0px 0.5rem; }
.aiox-dashboard-wide .resource-card p { color: var(--aiox-text-muted); margin: 0px; }
.aiox-dashboard-wide .aiox-apps-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.25rem; }
.aiox-dashboard-wide .aiox-app-card { background: var(--aiox-bg-card); border: 2px solid var(--aiox-border-primary); border-radius: 14px; overflow: hidden; transition: 0.3s; text-decoration: none; display: flex; flex-direction: column; position: relative; min-height: 500px; }
.aiox-dashboard-wide .aiox-app-card:hover { transform: translateY(-4px); box-shadow: rgba(0, 0, 0, 0.3) 0px 12px 32px; border-color: var(--aiox-border-secondary); }
.aiox-dashboard-wide .app-card-content { padding: 1.25rem; position: relative; z-index: 2; margin-top: 190px; display: flex; flex-direction: column; flex: 1 1 0%; }
.aiox-dashboard-wide .app-title { font-size: 1rem; font-weight: 700; color: rgb(255, 255, 255); margin: 0.5rem 0px 0.375rem; }
.aiox-dashboard-wide .app-description { font-size: 0.8125rem; color: var(--aiox-text-muted); margin: 0px 0px 0.75rem; line-height: 1.5; }
.aiox-dashboard-wide .app-icon-wrapper { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; }
.aiox-dashboard-wide .app-icon { font-size: 1.5rem; }
.aiox-dashboard-wide .app-category { padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; }
.aiox-dashboard-wide .app-launch-btn { display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.75rem 1rem; border-radius: 8px; color: rgb(255, 255, 255); font-weight: 600; font-size: 0.875rem; transition: 0.3s; }
.aiox-dashboard-wide .app-launch-btn:hover { transform: scale(1.02); }
.aiox-dashboard-wide .modal-overlay { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; z-index: 200000; }
.aiox-dashboard-wide .modal-content { background: var(--aiox-bg-card); border-radius: 16px; padding: 2rem; max-width: 600px; width: 90%; max-height: 80vh; overflow-y: auto; box-shadow: rgba(0, 0, 0, 0.4) 0px 20px 60px; position: relative; }
.aiox-dashboard-wide .modal-title { font-size: 1.5rem; font-weight: 700; color: rgb(255, 255, 255); margin: 0px 0px 1rem; }
.aiox-dashboard-wide .modal-section { margin-bottom: 1.5rem; }
.aiox-dashboard-wide .modal-section h3 { font-size: 1rem; font-weight: 600; color: rgb(255, 255, 255); margin: 0px 0px 0.75rem; }
.aiox-dashboard-wide .modal-section p { color: var(--aiox-text-secondary); line-height: 1.6; margin: 0px; }
.aiox-dashboard-wide .modal-section ul { list-style: none; padding: 0px; margin: 0px; }
.aiox-dashboard-wide .modal-section li { padding: 0.5rem 0px; color: var(--aiox-text-secondary); }
.aiox-dashboard-wide .modal-close { position: absolute; top: 1rem; right: 1rem; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 1.5rem; cursor: pointer; color: var(--aiox-text-muted); padding: 0.5rem; line-height: 1; }
.aiox-dashboard-wide .modal-close:hover { color: rgb(255, 255, 255); }
.aiox-dashboard-wide .aiox-main-content::-webkit-scrollbar, .aiox-dashboard-wide .aiox-sidebar::-webkit-scrollbar { width: 8px; }
.aiox-dashboard-wide .aiox-main-content::-webkit-scrollbar-track, .aiox-dashboard-wide .aiox-sidebar::-webkit-scrollbar-track { background: var(--aiox-bg-secondary); }
.aiox-dashboard-wide .aiox-main-content::-webkit-scrollbar-thumb, .aiox-dashboard-wide .aiox-sidebar::-webkit-scrollbar-thumb { background: var(--aiox-border-secondary); border-radius: 4px; }
.aiox-dashboard-wide .aiox-main-content::-webkit-scrollbar-thumb:hover, .aiox-dashboard-wide .aiox-sidebar::-webkit-scrollbar-thumb:hover { background: var(--aiox-border-accent); }
@keyframes heroGlowPulse { 
  0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.2); }
}
@keyframes codeScan { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
@keyframes pulseGlow { 
  0%, 100% { box-shadow: rgba(15, 23, 42, 0.3) 0px 4px 12px; }
  50% { box-shadow: rgba(15, 23, 42, 0.5) 0px 6px 20px; }
}
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes fadeInDown { 
  0% { opacity: 0; transform: translateY(-20px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes pulse { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}
@keyframes bounce { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}
@keyframes float { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes slideIn { 
  0% { width: 0px; }
  100% { width: 100%; }
}
@keyframes glow { 
  0%, 100% { box-shadow: rgba(16, 185, 129, 0.3) 0px 0px 5px; }
  50% { box-shadow: rgba(16, 185, 129, 0.5) 0px 0px 20px; }
}
@media (max-width: 1024px) {
  .aiox-dashboard-wide .aiox-sidebar { width: 220px; min-width: 220px; }
  .aiox-dashboard-wide .aiox-main-content { margin-left: 220px; width: calc(-220px + 100vw) !important; }
}
@media (max-width: 768px) {
  .aiox-dashboard-wide { flex-direction: column; }
  .aiox-dashboard-wide .aiox-sidebar { position: relative; width: 100%; min-width: 100%; height: auto; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-bottom: 1px solid var(--aiox-border-primary); top: 0px; }
  .aiox-dashboard-wide .aiox-main-content { margin-left: 0px; padding: 1rem; height: auto; width: 100% !important; }
  .aiox-dashboard-wide .aiox-stats-grid { grid-template-columns: 1fr 1fr; }
  .aiox-dashboard-wide .aiox-user-section { position: static; }
  .aiox-auth-wrapper .aiox-auth-header { padding: 40px 20px; }
  .aiox-auth-wrapper .aiox-auth-header h1 { font-size: 1.75rem; }
  .aiox-auth-wrapper .aiox-auth-content-area { padding: 32px 16px; }
  .aiox-dashboard-wide .aiox-plans-grid, .aiox-auth-wrapper .aiox-plans-grid { grid-template-columns: 1fr; }
  .aiox-auth-wrapper .form-row { grid-template-columns: 1fr; }
  .aiox-auth-wrapper .aiox-form-card, .aiox-auth-wrapper .aiox-login-card { padding: 24px 20px; }
  .aiox-dashboard-wide .aiox-apps-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .aiox-dashboard-wide .aiox-stats-grid { grid-template-columns: 1fr; }
  .aiox-dashboard-wide .aiox-header { padding: 1.25rem; }
  .aiox-dashboard-wide .aiox-header h1 { font-size: 1.25rem; }
  .aiox-dashboard-wide .aiox-card-header { padding: 0.875rem 1rem; flex-direction: column; gap: 0.75rem; align-items: flex-start; }
}
.aiox-dashboard-wide .hero-icon { font-size: 1.5rem; margin-right: 0.5rem; }
.aiox-dashboard-wide .hero-subtitle { font-size: 1rem; color: rgb(148, 163, 184); margin: 0px; }
.aiox-dashboard-wide .apps-section-header { display: flex; justify-content: space-between; align-items: center; }
.aiox-dashboard-wide .section-header-left { display: flex; align-items: center; gap: 1rem; }
.aiox-dashboard-wide .section-icon-wrapper { width: 48px; height: 48px; background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%); border-radius: 12px; display: flex; align-items: center; justify-content: center; }
.aiox-dashboard-wide .section-icon { font-size: 1.5rem; }
.aiox-dashboard-wide .section-title { font-size: 1.25rem; font-weight: 700; color: rgb(255, 255, 255); margin: 0px; }
.aiox-dashboard-wide .section-count { font-size: 0.875rem; color: rgb(148, 163, 184); }
.aiox-dashboard-wide .section-header-badge { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background: rgba(16, 185, 129, 0.1); border-radius: 20px; font-size: 0.75rem; font-weight: 600; color: rgb(16, 185, 129); }
.aiox-dashboard-wide .badge-dot { width: 8px; height: 8px; background: rgb(16, 185, 129); border-radius: 50%; animation: 2s ease 0s infinite normal none running pulse; }
.aiox-dashboard-wide .app-card-bg { position: absolute; top: 0px; left: 0px; right: 0px; height: 200px; overflow: hidden; }
.aiox-dashboard-wide .app-card-image { width: 100%; height: 100%; background-size: cover; background-position: center center; }
.aiox-dashboard-wide .app-card-gradient { width: 100%; height: 100%; }
.aiox-dashboard-wide .app-card-overlay { position: absolute; inset: 0px; background: linear-gradient(180deg, transparent 0%, var(--aiox-bg-card) 100%); }
.aiox-dashboard-wide .app-card-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.5rem; }
.aiox-dashboard-wide .app-card-shine { position: absolute; top: 0px; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.05), transparent); transition: left 0.5s; pointer-events: none; }
.aiox-dashboard-wide .aiox-app-card:hover .app-card-shine { left: 100%; }
.aiox-dashboard-wide .form-group { margin-bottom: 2rem; }
.aiox-dashboard-wide .form-label { display: flex; align-items: center; gap: 0.5rem; font-weight: 700; font-size: 1rem; color: rgb(255, 255, 255); margin-bottom: 0.75rem; }
.aiox-dashboard-wide .form-input, .aiox-dashboard-wide .form-select, .aiox-dashboard-wide .form-textarea { width: 100%; padding: 1rem 1.25rem; border: 2px solid var(--aiox-border-primary); border-radius: 12px; font-size: 1rem; transition: 0.3s; background: var(--aiox-bg-input); color: rgb(255, 255, 255); font-family: inherit; }
.aiox-dashboard-wide .form-input:focus, .aiox-dashboard-wide .form-select:focus, .aiox-dashboard-wide .form-textarea:focus { border-color: var(--aiox-accent-cyan); outline: none; box-shadow: rgba(148, 163, 184, 0.1) 0px 0px 0px 3px; }
.aiox-dashboard-wide .form-hint { display: block; margin-top: 0.5rem; font-size: 0.85rem; color: var(--aiox-text-muted); }
.aiox-dashboard-wide .pagination-container { display: flex; justify-content: center; align-items: center; gap: 0.5rem; }
.aiox-dashboard-wide .pagination-btn { padding: 0.5rem 1rem; border: 2px solid var(--aiox-border-primary); background: var(--aiox-bg-card); border-radius: 8px; cursor: pointer; font-weight: 600; color: var(--aiox-text-secondary); transition: 0.2s; font-family: inherit; }
.aiox-dashboard-wide .pagination-btn:hover:not(:disabled) { background: var(--aiox-accent-purple); color: rgb(255, 255, 255); border-color: var(--aiox-accent-purple); }
.aiox-dashboard-wide .pagination-btn:disabled { opacity: 0.3; cursor: not-allowed; }
.aiox-dashboard-wide .pagination-btn.active { background: var(--aiox-accent-purple); color: rgb(255, 255, 255); border-color: var(--aiox-accent-purple); }
.aiox-dashboard-wide .pagination-info { padding: 0.5rem 1rem; color: var(--aiox-text-muted); font-size: 0.9rem; }
.aiox-dashboard-wide .progress-card { background: var(--aiox-bg-card); border-radius: 16px; padding: 2.5rem; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 20px; }
.aiox-dashboard-wide .progress-title { font-size: 1.5rem; font-weight: 700; color: rgb(255, 255, 255); margin: 0px 0px 2rem; }
.aiox-dashboard-wide .progress-modern-card { background: var(--aiox-bg-card); border-radius: 16px; padding: 3rem; text-align: center; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 20px; }
.aiox-dashboard-wide .progress-header { margin-bottom: 2rem; }
.aiox-dashboard-wide .progress-spinner { width: 60px; height: 60px; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: var(--aiox-accent-purple); border-radius: 50%; margin: 0px auto 1.5rem; animation: 1s linear 0s infinite normal none running spin; }
.aiox-dashboard-wide .progress-subtitle { color: var(--aiox-text-muted); font-size: 1rem; margin: 0px; }
.aiox-dashboard-wide .progress-bar-container { background: var(--aiox-border-primary); height: 12px; border-radius: 6px; overflow: hidden; margin: 1.5rem 0px; }
.aiox-dashboard-wide .progress-bar { height: 100%; background: linear-gradient(90deg, rgb(15, 23, 42) 0%, rgb(118, 75, 162) 100%); border-radius: 6px; transition: width 0.5s; }
.aiox-dashboard-wide .progress-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 2rem; }
.aiox-dashboard-wide .progress-stat { text-align: center; }
.aiox-dashboard-wide .progress-stat-value { font-size: 1.5rem; font-weight: 700; color: rgb(255, 255, 255); margin: 0px; }
.aiox-dashboard-wide .progress-stat-label { font-size: 0.85rem; color: var(--aiox-text-muted); margin-top: 0.25rem; }
.aiox-dashboard-wide .loading-error { text-align: center; padding: 3rem; }
.aiox-dashboard-wide .loading-error h3 { color: rgb(255, 255, 255); margin: 0px 0px 0.5rem; }
.aiox-dashboard-wide .loading-error p { color: var(--aiox-text-muted); margin: 0px; }
.aiox-dashboard-wide .providers-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
.aiox-dashboard-wide .provider-checkbox-card { background: var(--aiox-bg-card); border: 2px solid var(--aiox-border-primary); border-radius: 12px; padding: 1rem; cursor: pointer; transition: 0.3s; display: flex; align-items: center; gap: 0.75rem; }
.aiox-dashboard-wide .provider-checkbox-card:hover { border-color: var(--aiox-border-secondary); background: var(--aiox-bg-card-hover); }
.aiox-dashboard-wide .provider-checkbox-card.selected { border-color: var(--aiox-accent-cyan); background: rgba(148, 163, 184, 0.1); }
.aiox-dashboard-wide .provider-checkbox-card input[type="checkbox"] { display: none; }
.aiox-dashboard-wide .provider-checkbox-label { display: flex; align-items: center; gap: 0.75rem; width: 100%; }
.aiox-dashboard-wide .provider-checkmark { width: 24px; height: 24px; border: 2px solid var(--aiox-border-secondary); border-radius: 6px; display: flex; align-items: center; justify-content: center; transition: 0.2s; flex-shrink: 0; }
.aiox-dashboard-wide .provider-checkbox-card.selected .provider-checkmark { background: var(--aiox-accent-cyan); border-color: var(--aiox-accent-cyan); }
.aiox-dashboard-wide .provider-checkbox-card.selected .provider-checkmark::after { content: "✓"; color: var(--aiox-bg-primary); font-weight: 700; font-size: 14px; }
.aiox-dashboard-wide .provider-info { flex: 1 1 0%; }
.aiox-dashboard-wide .provider-name { font-weight: 600; color: rgb(255, 255, 255); margin: 0px 0px 0.25rem; }
.aiox-dashboard-wide .provider-cost { font-size: 0.85rem; color: var(--aiox-text-muted); margin: 0px; }
.aiox-dashboard-wide .strategy-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2rem; margin-bottom: 3rem; }
.aiox-dashboard-wide .strategy-card { background: var(--aiox-bg-card); border-radius: 16px; padding: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 20px; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; border: 3px solid transparent; overflow: hidden; position: relative; }
.aiox-dashboard-wide .strategy-card:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.3) 0px 12px 40px; }
.aiox-dashboard-wide .strategy-card.selected { border-color: var(--aiox-accent-purple); box-shadow: rgba(15, 23, 42, 0.3) 0px 8px 30px; }
.aiox-dashboard-wide .strategy-card-header { background: linear-gradient(135deg, rgb(15, 23, 42) 0%, rgb(118, 75, 162) 100%); padding: 2rem; color: rgb(255, 255, 255); position: relative; overflow: hidden; }
.aiox-dashboard-wide .strategy-icon { font-size: 3rem; margin-bottom: 1rem; display: block; }
.aiox-dashboard-wide .strategy-title { font-size: 1.5rem; font-weight: 700; margin: 0px; position: relative; z-index: 1; color: rgb(255, 255, 255); }
.aiox-dashboard-wide .strategy-card-body { padding: 2rem; }
.aiox-dashboard-wide .strategy-description { color: var(--aiox-text-secondary); line-height: 1.6; margin: 0px 0px 1.5rem; font-size: 0.95rem; }
.aiox-dashboard-wide .strategy-stats { display: flex; gap: 1.5rem; margin-bottom: 1.5rem; flex-wrap: wrap; }
.aiox-dashboard-wide .strategy-stat { display: flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; color: var(--aiox-text-muted); }
.aiox-dashboard-wide .strategy-actions { display: flex; gap: 1rem; }
.aiox-dashboard-wide .btn-select-strategy { flex: 1 1 0%; padding: 0.875rem 1.5rem; background: linear-gradient(135deg, rgb(15, 23, 42) 0%, rgb(118, 75, 162) 100%); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; font-weight: 600; cursor: pointer; transition: 0.3s; font-size: 1rem; font-family: inherit; }
.aiox-dashboard-wide .btn-select-strategy:hover { transform: translateY(-2px); box-shadow: rgba(102, 126, 234, 0.4) 0px 6px 20px; }
.aiox-dashboard-wide .btn-view-details { padding: 0.875rem 1.5rem; background: var(--aiox-bg-card); color: var(--aiox-accent-purple); border: 2px solid var(--aiox-accent-purple); border-radius: 8px; font-weight: 600; cursor: pointer; transition: 0.3s; font-family: inherit; }
.aiox-dashboard-wide .btn-view-details:hover { background: var(--aiox-accent-purple); color: rgb(255, 255, 255); }
.aiox-dashboard-wide .strategy-badge { position: absolute; top: 1rem; right: 1rem; background: rgba(255, 255, 255, 0.2); padding: 0.5rem 1rem; border-radius: 20px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: rgb(255, 255, 255); }
.aiox-dashboard-wide .selected-strategy-display { background: var(--aiox-bg-card); border: 2px solid var(--aiox-accent-purple); border-radius: 12px; padding: 1.5rem; display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem; }
.aiox-dashboard-wide .selected-strategy-icon { font-size: 2.5rem; }
.aiox-dashboard-wide .selected-strategy-info { flex: 1 1 0%; }
.aiox-dashboard-wide .selected-strategy-name { font-size: 1.25rem; font-weight: 700; color: rgb(255, 255, 255); margin: 0px 0px 0.25rem; }
.aiox-dashboard-wide .selected-strategy-desc { color: var(--aiox-text-muted); font-size: 0.9rem; margin: 0px; }
.aiox-dashboard-wide .btn-change-strategy { padding: 0.75rem 1.5rem; background: var(--aiox-bg-card-hover); border: 1px solid var(--aiox-border-primary); border-radius: 8px; color: var(--aiox-text-secondary); font-weight: 600; cursor: pointer; transition: 0.2s; font-family: inherit; }
.aiox-dashboard-wide .btn-change-strategy:hover { background: var(--aiox-border-primary); color: rgb(255, 255, 255); }
.aiox-dashboard-wide .btn-start-analysis { width: 100%; padding: 1rem 2rem; background: linear-gradient(135deg, rgb(15, 23, 42) 0%, rgb(118, 75, 162) 100%); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 12px; font-size: 1.1rem; font-weight: 700; cursor: pointer; transition: 0.3s; margin-top: 1rem; font-family: inherit; }
.aiox-dashboard-wide .btn-start-analysis:hover:not(:disabled) { transform: translateY(-2px); box-shadow: rgba(102, 126, 234, 0.4) 0px 8px 25px; }
.aiox-dashboard-wide .btn-start-analysis:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }
.aiox-dashboard-wide .forensics-hero { background: linear-gradient(135deg, rgb(15, 23, 42) 0%, rgb(118, 75, 162) 100%); padding: 3rem 2rem; border-radius: 16px; color: rgb(255, 255, 255); margin-bottom: 3rem; box-shadow: rgba(102, 126, 234, 0.3) 0px 10px 40px; }
.aiox-dashboard-wide .forensics-hero h1 { font-size: 2.5rem; font-weight: 800; margin: 0px 0px 1rem; color: rgb(255, 255, 255); }
.aiox-dashboard-wide .forensics-hero p { font-size: 1.1rem; opacity: 0.95; max-width: 700px; color: rgba(255, 255, 255, 0.9); margin: 0px; }
.aiox-dashboard-wide .forensics-history-item { display: grid; grid-template-columns: 1fr auto; gap: 1.5rem; align-items: center; padding: 1.5rem; border-bottom: 1px solid var(--aiox-border-primary); cursor: pointer; transition: 0.2s; border-radius: 8px; }
.aiox-dashboard-wide .forensics-history-item:hover { background: var(--aiox-bg-card-hover); }
.aiox-dashboard-wide .forensics-history-item:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.aiox-dashboard-wide .forensics-item-content { display: flex; align-items: center; gap: 1.5rem; }
.aiox-dashboard-wide .forensics-item-content strong { color: rgb(255, 255, 255); }
.aiox-dashboard-wide .forensics-item-actions { display: flex; align-items: center; gap: 1rem; }
.aiox-dashboard-wide .forensics-action-btn { padding: 0.5rem 1rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; font-size: 0.875rem; font-weight: 600; cursor: pointer; transition: 0.2s; display: inline-flex; align-items: center; gap: 0.5rem; font-family: inherit; }
.aiox-dashboard-wide .forensics-action-btn:hover { transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px; }
.aiox-dashboard-wide .forensics-action-btn.publish { background: linear-gradient(135deg, rgb(16, 185, 129) 0%, rgb(5, 150, 105) 100%); color: rgb(255, 255, 255); }
.aiox-dashboard-wide .forensics-action-btn.delete { background: linear-gradient(135deg, rgb(239, 68, 68) 0%, rgb(220, 38, 38) 100%); color: rgb(255, 255, 255); }
.aiox-dashboard-wide .forensics-action-btn.view { background: linear-gradient(135deg, rgb(15, 23, 42) 0%, rgb(15, 23, 42) 100%); color: rgb(255, 255, 255); }
.aiox-dashboard-wide .forensics-action-btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }
.aiox-dashboard-wide .forensics-score-circle { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 800; flex-shrink: 0; color: var(--aiox-bg-primary); }
.aiox-dashboard-wide .forensics-status-badge { padding: 0.25rem 0.75rem; border-radius: 12px; font-size: 0.75rem; font-weight: 600; }
.aiox-dashboard-wide .forensics-status-badge.completed { background: rgba(16, 185, 129, 0.2); color: var(--aiox-accent-green); }
.aiox-dashboard-wide .forensics-status-badge.processing { background: rgba(234, 179, 8, 0.2); color: var(--aiox-accent-yellow); }
.aiox-dashboard-wide .forensics-status-badge.failed { background: rgba(239, 68, 68, 0.2); color: var(--aiox-accent-red); }
.aiox-dashboard-wide .analysis-form-card { background: var(--aiox-bg-card); border-radius: 16px; padding: 2.5rem; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 20px; }
.admin-bar .aiox-dashboard-wide { top: 32px; height: calc(-32px + 100vh); }
.admin-bar .aiox-dashboard-wide .aiox-sidebar { top: 32px; height: calc(-32px + 100vh); }
@media screen and (max-width: 782px) {
  .admin-bar .aiox-dashboard-wide { top: 46px; height: calc(-46px + 100vh); }
  .admin-bar .aiox-dashboard-wide .aiox-sidebar { top: 0px; height: auto; }
}


/* ---- /wp-content/plugins/aiox-server/assets/css/aiox-client-analytics.css ---- */
.aiox-analytics-tab-wrapper .aiox-analytics-enhanced { max-width: 1400px; }
.aiox-analytics-tab-wrapper .aiox-analytics-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; margin-bottom: 20px; padding: 15px 20px; background: rgb(255, 255, 255); border: 1px solid rgb(195, 196, 199); border-radius: 4px; }
.aiox-analytics-tab-wrapper .aiox-header-content { display: flex; align-items: center; }
.aiox-analytics-tab-wrapper .aiox-header-content h1 { font-size: 23px; font-weight: 400; margin: 0px; color: rgb(29, 35, 39); }
.aiox-analytics-tab-wrapper .aiox-subtitle { color: rgb(100, 105, 112); font-size: 13px; }
.aiox-analytics-tab-wrapper .aiox-header-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.aiox-analytics-tab-wrapper .aiox-period-selector { display: flex; align-items: center; gap: 8px; }
.aiox-analytics-tab-wrapper .aiox-period-selector label { font-weight: 600; display: flex; align-items: center; gap: 4px; }
.aiox-analytics-tab-wrapper .aiox-select { padding: 6px 10px; border: 1px solid rgb(140, 143, 148); border-radius: 4px; background: rgb(255, 255, 255); }
.aiox-analytics-tab-wrapper .aiox-btn { display: inline-flex; align-items: center; gap: 5px; padding: 6px 12px; border-radius: 4px; font-size: 13px; cursor: pointer; text-decoration: none; border: 1px solid rgb(140, 143, 148); background: rgb(246, 247, 247); color: rgb(44, 51, 56); }
.aiox-analytics-tab-wrapper .aiox-btn:hover { background: rgb(240, 240, 241); border-color: rgb(10, 75, 120); color: rgb(10, 75, 120); }
.aiox-analytics-tab-wrapper .aiox-btn-primary { background: rgb(34, 113, 177); border-color: rgb(34, 113, 177); color: rgb(255, 255, 255); }
.aiox-analytics-tab-wrapper .aiox-btn-primary:hover { background: rgb(19, 94, 150); border-color: rgb(19, 94, 150); color: rgb(255, 255, 255); }
.aiox-analytics-tab-wrapper .aiox-btn .dashicons { font-size: 16px; width: 16px; height: 16px; }
.aiox-analytics-tab-wrapper .aiox-analytics-tabs { display: flex; flex-wrap: wrap; gap: 4px; padding: 6px; margin-bottom: 22px; background: rgb(243, 244, 246); border: 1px solid rgb(229, 231, 235); border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px inset; }
.aiox-analytics-tab-wrapper .aiox-tab { display: inline-flex; align-items: center; gap: 6px; padding: 9px 16px; text-decoration: none; color: rgb(75, 85, 99); background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 7px; font-size: 13.5px; font-weight: 500; line-height: 1.2; letter-spacing: -0.005em; transition: background 0.15s, color 0.15s, box-shadow 0.15s; cursor: pointer; white-space: nowrap; }
.aiox-analytics-tab-wrapper .aiox-tab:hover { color: rgb(17, 24, 39); background: rgba(255, 255, 255, 0.7); }
.aiox-analytics-tab-wrapper .aiox-tab.active, .aiox-analytics-tab-wrapper a.aiox-tab.active, .aiox-analytics-tab-wrapper .aiox-tab.active span, .aiox-analytics-tab-wrapper a.aiox-tab.active span { color: rgb(255, 255, 255) !important; }
.aiox-analytics-tab-wrapper .aiox-tab.active { background: rgb(15, 23, 42); font-weight: 600; box-shadow: rgba(15, 23, 42, 0.35) 0px 1px 3px, rgba(0, 0, 0, 0.06) 0px 1px 2px; }
.aiox-analytics-tab-wrapper .aiox-tab.active:hover { background: rgb(30, 41, 59); }
.aiox-analytics-tab-wrapper .aiox-tab .dashicons { font-size: 15px; width: 15px; height: 15px; }
.aiox-analytics-tab-wrapper .aiox-tab-content { display: none; }
.aiox-analytics-tab-wrapper .aiox-tab-content.active { display: block; }
.aiox-analytics-tab-wrapper .aiox-metrics-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px; margin-bottom: 20px; }
.aiox-analytics-tab-wrapper .aiox-metric-card { background: rgb(255, 255, 255); border: 1px solid rgb(195, 196, 199); border-radius: 4px; padding: 15px; display: flex; align-items: center; gap: 12px; }
.aiox-analytics-tab-wrapper .aiox-metric-card.gradient-blue { border-left: 4px solid rgb(34, 113, 177); }
.aiox-analytics-tab-wrapper .aiox-metric-card.gradient-purple { border-left: 4px solid rgb(15, 23, 42); }
.aiox-analytics-tab-wrapper .aiox-metric-card.gradient-green { border-left: 4px solid rgb(0, 163, 42); }
.aiox-analytics-tab-wrapper .aiox-metric-card.gradient-orange { border-left: 4px solid rgb(219, 166, 23); }
.aiox-analytics-tab-wrapper .aiox-metric-card.gradient-pink { border-left: 4px solid rgb(214, 54, 56); }
.aiox-analytics-tab-wrapper .aiox-metric-card.gradient-teal { border-left: 4px solid rgb(0, 151, 167); }
.aiox-analytics-tab-wrapper .aiox-metric-card.gradient-gray { border-left: 4px solid rgb(100, 105, 112); }
.aiox-analytics-tab-wrapper .aiox-info-tooltip { display: inline-flex; align-items: center; margin-left: 4px; cursor: help; }
.aiox-analytics-tab-wrapper .aiox-info-tooltip .dashicons { font-size: 14px; width: 14px; height: 14px; color: rgb(100, 105, 112); }
.aiox-analytics-tab-wrapper .aiox-info-tooltip:hover .dashicons { color: rgb(34, 113, 177); }
.aiox-analytics-tab-wrapper .aiox-metrics-secondary { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important; }
.aiox-analytics-tab-wrapper .aiox-metric-card-small { display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: rgb(255, 255, 255); border-width: 1px 1px 1px 3px; border-style: solid; border-color: rgb(195, 196, 199) rgb(195, 196, 199) rgb(195, 196, 199) rgb(140, 143, 148); border-image: none; border-radius: 4px; }
.aiox-analytics-tab-wrapper .aiox-metric-icon-small { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: rgb(240, 240, 241); border-radius: 4px; }
.aiox-analytics-tab-wrapper .aiox-metric-icon-small .dashicons { color: rgb(100, 105, 112); font-size: 16px; width: 16px; height: 16px; }
.aiox-analytics-tab-wrapper .aiox-metric-value-small { font-size: 18px; font-weight: 600; color: rgb(29, 35, 39); line-height: 1.2; }
.aiox-analytics-tab-wrapper .aiox-metric-label-small { font-size: 11px; color: rgb(100, 105, 112); text-transform: uppercase; letter-spacing: 0.3px; }
.aiox-analytics-tab-wrapper .aiox-metric-icon { width: 40px; height: 40px; border-radius: 4px; background: rgb(240, 240, 241); display: flex; align-items: center; justify-content: center; }
.aiox-analytics-tab-wrapper .aiox-metric-icon .dashicons { font-size: 20px; width: 20px; height: 20px; color: rgb(100, 105, 112); }
.aiox-analytics-tab-wrapper .aiox-metric-value { font-size: 24px; font-weight: 600; color: rgb(29, 35, 39); }
.aiox-analytics-tab-wrapper .aiox-metric-label { font-size: 12px; color: rgb(100, 105, 112); }
.aiox-analytics-tab-wrapper .aiox-charts-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 20px; margin-bottom: 20px; }
.aiox-analytics-tab-wrapper .aiox-chart-card { background: rgb(255, 255, 255); border: 1px solid rgb(195, 196, 199); border-radius: 4px; padding: 20px; }
.aiox-analytics-tab-wrapper .aiox-chart-card h3 { display: flex; align-items: center; gap: 8px; margin: 0px 0px 15px; font-size: 14px; font-weight: 600; color: rgb(29, 35, 39); }
.aiox-analytics-tab-wrapper .aiox-chart-card h3 .dashicons { color: rgb(34, 113, 177); }
.aiox-analytics-tab-wrapper .aiox-chart-container { position: relative; height: 250px; }
.aiox-analytics-tab-wrapper .aiox-table-card { background: rgb(255, 255, 255); border: 1px solid rgb(195, 196, 199); border-radius: 4px; padding: 20px; margin-bottom: 20px; }
.aiox-analytics-tab-wrapper .aiox-table-card h3 { display: flex; align-items: center; gap: 8px; margin: 0px 0px 15px; font-size: 14px; font-weight: 600; }
.aiox-analytics-tab-wrapper .aiox-table { width: 100%; border-collapse: collapse; }
.aiox-analytics-tab-wrapper .aiox-table th, .aiox-analytics-tab-wrapper .aiox-table td { padding: 10px 12px; text-align: left; border-bottom: 1px solid rgb(240, 240, 241); }
.aiox-analytics-tab-wrapper .aiox-table th { font-weight: 600; background: rgb(246, 247, 247); }
.aiox-analytics-tab-wrapper .aiox-table tbody tr:hover { background: rgb(246, 247, 247); }
.aiox-analytics-tab-wrapper .aiox-info-banner { display: flex; gap: 12px; padding: 15px; background: rgb(240, 246, 252); border-left: 4px solid rgb(114, 174, 230); margin-bottom: 20px; }
.aiox-analytics-tab-wrapper .aiox-info-banner .dashicons { color: rgb(114, 174, 230); flex-shrink: 0; }
.aiox-analytics-tab-wrapper .aiox-info-banner strong { display: block; margin-bottom: 4px; }
.aiox-analytics-tab-wrapper .aiox-info-banner p { margin: 0px; color: rgb(100, 105, 112); font-size: 13px; }
.aiox-analytics-tab-wrapper .aiox-loading-overlay { position: fixed; inset: 0px; background: rgba(255, 255, 255, 0.8); display: flex; align-items: center; justify-content: center; z-index: 100; }
.aiox-analytics-tab-wrapper .aiox-spinner-wrapper { text-align: center; }
.aiox-analytics-tab-wrapper .aiox-spinner { width: 40px; height: 40px; border-width: 4px; border-style: solid; border-color: rgb(34, 113, 177) rgb(240, 240, 241) rgb(240, 240, 241); border-image: none; border-radius: 50%; animation: 1s linear 0s infinite normal none running spin; margin: 0px auto 10px; }
.aiox-analytics-tab-wrapper .aiox-spinner-small { width: 16px; height: 16px; border-width: 2px; border-style: solid; border-color: rgb(34, 113, 177) rgb(240, 240, 241) rgb(240, 240, 241); border-image: none; border-radius: 50%; animation: 1s linear 0s infinite normal none running spin; display: inline-block; margin-right: 8px; vertical-align: middle; }
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
.aiox-analytics-tab-wrapper .aiox-spin { animation: 1s linear 0s infinite normal none running spin; }
.aiox-analytics-tab-wrapper .spinning { animation: 1s linear 0s infinite normal none running spin; display: inline-block; }
.aiox-analytics-tab-wrapper .aiox-counting { display: inline-block; animation: 1.5s ease-in-out 0s infinite normal none running pulse; color: rgb(153, 153, 153); }
@keyframes pulse { 
  0%, 100% { opacity: 0.4; }
  50% { opacity: 1; }
}
.aiox-analytics-tab-wrapper .aiox-loading-cell { text-align: center; color: rgb(100, 105, 112); padding: 30px !important; }
.aiox-analytics-tab-wrapper .aiox-empty-state { text-align: center; padding: 40px; background: rgb(240, 240, 241); border-radius: 4px; color: rgb(100, 105, 112); }
.aiox-analytics-tab-wrapper .aiox-empty-state .dashicons { font-size: 48px; width: 48px; height: 48px; color: rgb(195, 196, 199); margin-bottom: 10px; }
@media screen and (max-width: 782px) {
  .aiox-analytics-tab-wrapper .aiox-analytics-header { flex-direction: column; align-items: flex-start; }
  .aiox-analytics-tab-wrapper .aiox-metrics-grid { grid-template-columns: repeat(2, 1fr); }
  .aiox-analytics-tab-wrapper .aiox-charts-grid { grid-template-columns: 1fr; }
  .aiox-analytics-tab-wrapper .aiox-analytics-tabs { overflow-x: auto; flex-wrap: nowrap; }
  .aiox-analytics-tab-wrapper .aiox-tab { flex: 0 0 auto; }
}
.aiox-analytics-tab-wrapper .aiox-visitor-type { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 11px; font-weight: 500; text-transform: uppercase; }
.aiox-analytics-tab-wrapper .aiox-type-human { background: rgb(209, 231, 221); color: rgb(15, 81, 50); }
.aiox-analytics-tab-wrapper .aiox-type-ai { background: rgb(231, 214, 248); color: rgb(94, 43, 151); }
.aiox-analytics-tab-wrapper .aiox-type-search { background: rgb(207, 226, 255); color: rgb(8, 66, 152); }
.aiox-analytics-tab-wrapper .aiox-type-bot, .aiox-analytics-tab-wrapper .aiox-type-social, .aiox-analytics-tab-wrapper .aiox-type-seo, .aiox-analytics-tab-wrapper .aiox-type-monitoring, .aiox-analytics-tab-wrapper .aiox-type-feed, .aiox-analytics-tab-wrapper .aiox-type-security, .aiox-analytics-tab-wrapper .aiox-type-archive, .aiox-analytics-tab-wrapper .aiox-type-automation, .aiox-analytics-tab-wrapper .aiox-type-infrastructure, .aiox-analytics-tab-wrapper .aiox-type-tool { background: rgb(255, 243, 205); color: rgb(102, 77, 3); }
.aiox-analytics-tab-wrapper .aiox-type-unidentified, .aiox-analytics-tab-wrapper .aiox-type-unknown { background: rgb(226, 227, 229); color: rgb(65, 70, 75); }
.aiox-analytics-tab-wrapper .aiox-type-analyzing { background: rgb(254, 243, 199); color: rgb(146, 64, 14); position: relative; overflow: hidden; }
.aiox-analytics-tab-wrapper .aiox-type-analyzing::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.55) 50%, transparent 100%); animation: 1.8s ease-in-out 0s infinite normal none running aiox-analyzing-pulse; }
@keyframes aiox-analyzing-pulse { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
.aiox-analytics-tab-wrapper .aiox-visitor-type .aiox-verified-dot { display: inline-block; margin-left: 4px; color: rgb(25, 135, 84); font-weight: 700; font-size: 11px; line-height: 1; }
.aiox-analytics-tab-wrapper #visitor-logs-table { font-size: 12px; }
.aiox-analytics-tab-wrapper #visitor-logs-table th { background: rgb(246, 247, 247); font-weight: 600; }
.aiox-analytics-tab-wrapper #visitor-logs-table td { vertical-align: middle; padding: 8px 10px; }
.aiox-analytics-tab-wrapper #debug-log-content { line-height: 1.6; }
.aiox-analytics-tab-wrapper .aiox-info-text code { background: rgb(240, 240, 241); padding: 2px 6px; border-radius: 3px; font-size: 12px; }
body .aiox-modal { position: fixed; inset: 0px; z-index: 100000; align-items: center; justify-content: center; contain: paint; }
body .aiox-modal-backdrop { position: absolute; inset: 0px; background: rgba(15, 23, 42, 0.65); }
body .aiox-modal .aiox-modal-content { position: relative; background: rgb(255, 255, 255); border-radius: 8px; width: 92%; max-width: 560px; max-height: 85vh; overflow-y: auto; box-shadow: rgba(0, 0, 0, 0.4) 0px 25px 50px -12px; z-index: 1; }
body .aiox-modal .aiox-modal-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; border-bottom: 1px solid rgb(229, 231, 235); background: rgb(249, 250, 251); border-radius: 8px 8px 0px 0px; }
body .aiox-modal .aiox-modal-header h2 { margin: 0px; font-size: 17px; font-weight: 600; color: rgb(17, 24, 39); }
body .aiox-modal .aiox-modal-close { font-size: 26px; line-height: 1; background: transparent; border: 0px; cursor: pointer; color: rgb(107, 114, 128); padding: 0px 4px; }
body .aiox-modal .aiox-modal-close:hover { color: rgb(214, 54, 56); }
body .aiox-modal .aiox-modal-body { padding: 20px; }
body .aiox-modal .aiox-modal-footer { display: flex; justify-content: flex-end; gap: 10px; padding: 14px 20px; border-top: 1px solid rgb(229, 231, 235); background: rgb(249, 250, 251); border-radius: 0px 0px 8px 8px; }
body.aiox-modal-open { overflow: hidden; }


/* ---- /wp-content/plugins/aiox-server/assets/css/aiox-server-processing.css ---- */
.aiox-processing-tab-wrapper .aiox-table td .row-actions { display: inline-flex; gap: 6px; flex-wrap: wrap; }
.aiox-processing-tab-wrapper .aiox-table td button { font-size: 11px; padding: 3px 8px; }
.aiox-processing-tab-wrapper .aiox-table td .status-icon { font-size: 14px; display: inline-block; min-width: 18px; text-align: center; }
.aiox-processing-tab-wrapper .aiox-toggle input[type="checkbox"] { width: 18px; height: 18px; }
.aiox-processing-tab-wrapper .aiox-row { user-select: none; }
#proc-bulk-log { line-height: 1.5; }
#proc-bulk-log .log-error { color: rgb(248, 113, 113); }
#proc-bulk-log .log-ok { color: rgb(74, 222, 128); }
#proc-bulk-log .log-info { color: rgb(203, 213, 225); }
.aiox-processing-tab-wrapper .aiox-table td .row-actions .proc-row-files { transition: background 0.15s, border-color 0.15s, color 0.15s; }
.aiox-processing-tab-wrapper .proc-row-files.is-ok { background: rgb(22, 163, 74); border-color: rgb(21, 128, 61); color: rgb(255, 255, 255); }
.aiox-processing-tab-wrapper .proc-row-files.is-ok:hover { background: rgb(21, 128, 61); }
.aiox-processing-tab-wrapper .proc-row-files.is-partial { background: rgb(245, 158, 11); border-color: rgb(217, 119, 6); color: rgb(255, 255, 255); }
.aiox-processing-tab-wrapper .proc-row-files.is-partial:hover { background: rgb(217, 119, 6); }
.aiox-processing-tab-wrapper .proc-row-files.is-missing { background: rgb(220, 38, 38); border-color: rgb(185, 28, 28); color: rgb(255, 255, 255); }
.aiox-processing-tab-wrapper .proc-row-files.is-missing:hover { background: rgb(185, 28, 28); }
.aiox-processing-tab-wrapper .proc-row-files.is-unproc { background: rgb(229, 231, 235); border-color: rgb(203, 213, 225); color: rgb(71, 85, 105); }
.aiox-processing-tab-wrapper .proc-row-files.is-unproc:hover { background: rgb(203, 213, 225); }
.aiox-processing-tab-wrapper .proc-row-files.is-error { background: rgb(75, 85, 99); border-color: rgb(55, 65, 81); color: rgb(255, 255, 255); }
.aiox-processing-tab-wrapper .proc-row-files.is-error:hover { background: rgb(55, 65, 81); }
.aiox-processing-tab-wrapper .proc-row-view { display: inline-flex; align-items: center; text-decoration: none !important; }


/* ---- /wp-content/plugins/aiox-server/assets/css/frontend.css ---- */
.trial-badge { display: inline-block; background: linear-gradient(135deg, rgb(15, 23, 42) 0%, rgb(118, 75, 162) 100%); color: white; padding: 8px 16px; border-radius: 20px; font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: rgba(102, 126, 234, 0.4) 0px 4px 12px; margin-bottom: 15px; animation: 2s ease 0s infinite normal none running pulse-trial; position: relative; z-index: 10; }
@keyframes pulse-trial { 
  0%, 100% { transform: scale(1); box-shadow: rgba(102, 126, 234, 0.4) 0px 4px 12px; }
  50% { transform: scale(1.05); box-shadow: rgba(102, 126, 234, 0.6) 0px 6px 20px; }
}
.trial-badge i { margin-right: 5px; animation: 1s ease 0s infinite normal none running bounce-gift; }
@keyframes bounce-gift { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-3px); }
}
.trial-note { font-size: 12px; color: rgb(22, 163, 74); font-weight: 600; margin-top: 8px; padding: 6px 10px; background: rgba(16, 185, 129, 0.1); border: 1px solid rgba(16, 185, 129, 0.3); border-radius: 6px; display: inline-block; }
.pricing-card .trial-badge { position: absolute; top: -12px; right: -12px; transform: rotate(12deg); font-size: 11px; padding: 6px 12px; }
.trial-info-section { background: linear-gradient(135deg, rgb(240, 253, 244) 0%, rgb(220, 252, 231) 100%); border: 2px solid rgb(134, 239, 172); border-radius: 12px; padding: 25px; margin: 30px 0px; }
.trial-info-section h3 { color: rgb(22, 101, 52); font-size: 20px; font-weight: 700; margin: 0px 0px 15px; display: flex; align-items: center; gap: 10px; }
.trial-info-section h3 i { color: rgb(22, 163, 74); font-size: 24px; }
.trial-info-section ul { list-style: none; padding: 0px; margin: 0px; }
.trial-info-section li { padding: 10px 0px; color: rgb(22, 101, 52); font-size: 15px; display: flex; align-items: flex-start; gap: 10px; }
.trial-info-section li i { color: rgb(22, 163, 74); margin-top: 2px; font-size: 18px; flex-shrink: 0; }
.active-trial-status { background: linear-gradient(135deg, rgb(240, 253, 244) 0%, rgb(220, 252, 231) 100%); border: 2px solid rgb(134, 239, 172); border-radius: 12px; padding: 20px; margin: 20px 0px; position: relative; overflow: hidden; }
.active-trial-status::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 4px; background: linear-gradient(90deg, rgb(22, 163, 74) 0%, rgb(34, 197, 94) 100%); }
.active-trial-status .trial-header { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; }
.active-trial-status .trial-icon { font-size: 32px; color: rgb(22, 163, 74); }
.active-trial-status .trial-title { font-size: 20px; font-weight: 700; color: rgb(22, 101, 52); margin: 0px; }
.active-trial-status .trial-details { color: rgb(22, 101, 52); font-size: 14px; line-height: 1.6; }
.active-trial-status .trial-countdown { display: inline-block; background: white; padding: 8px 16px; border-radius: 8px; font-weight: 700; color: rgb(22, 163, 74); margin-top: 10px; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; }
.pricing-card.has-trial { border: 2px solid rgba(102, 126, 234, 0.3); position: relative; }
.pricing-card.has-trial:hover { border-color: rgba(102, 126, 234, 0.6); box-shadow: rgba(102, 126, 234, 0.2) 0px 12px 32px; }
.pricing-card.has-trial::after { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 4px; background: linear-gradient(90deg, rgb(15, 23, 42) 0%, rgb(118, 75, 162) 100%); border-radius: 12px 12px 0px 0px; }
.trial-cta-button { background: linear-gradient(135deg, rgb(15, 23, 42) 0%, rgb(118, 75, 162) 100%); color: white; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 14px 28px; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: 0.3s; text-decoration: none; display: inline-block; position: relative; overflow: hidden; }
.trial-cta-button::before { content: ""; position: absolute; top: 0px; left: -100%; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.2); transition: left 0.5s; }
.trial-cta-button:hover::before { left: 100%; }
.trial-cta-button:hover { transform: translateY(-2px); box-shadow: rgba(102, 126, 234, 0.4) 0px 8px 24px; color: white; }
.trial-cta-button i { margin-right: 8px; }
.trial-ending-soon { background: linear-gradient(135deg, rgb(254, 243, 199) 0%, rgb(253, 230, 138) 100%); border: 2px solid rgb(251, 191, 36); border-radius: 12px; padding: 20px; margin: 20px 0px; display: flex; align-items: flex-start; gap: 15px; }
.trial-ending-soon .icon { font-size: 28px; color: rgb(217, 119, 6); }
.trial-ending-soon .content { flex: 1 1 0%; }
.trial-ending-soon .title { font-size: 18px; font-weight: 700; color: rgb(146, 64, 14); margin: 0px 0px 8px; }
.trial-ending-soon .message { color: rgb(146, 64, 14); font-size: 14px; line-height: 1.6; }
.trial-features { background: white; border: 1px solid rgb(229, 231, 235); border-radius: 12px; padding: 25px; margin: 20px 0px; }
.trial-features h4 { font-size: 18px; font-weight: 700; color: rgb(31, 41, 55); margin: 0px 0px 20px; }
.trial-features ul { list-style: none; padding: 0px; margin: 0px; }
.trial-features li { padding: 12px 0px; color: rgb(75, 85, 99); font-size: 15px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid rgb(243, 244, 246); }
.trial-features li:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.trial-features li i { color: rgb(16, 185, 129); font-size: 18px; flex-shrink: 0; }
@media (max-width: 768px) {
  .trial-badge { font-size: 11px; padding: 6px 12px; }
  .pricing-card .trial-badge { top: -10px; right: -8px; font-size: 10px; padding: 5px 10px; }
  .trial-info-section { padding: 20px; }
  .trial-info-section h3 { font-size: 18px; }
  .trial-info-section li { font-size: 14px; }
  .active-trial-status .trial-header { flex-direction: column; align-items: flex-start; gap: 10px; }
  .active-trial-status .trial-icon { font-size: 24px; }
  .active-trial-status .trial-title { font-size: 18px; }
  .trial-ending-soon { flex-direction: column; }
  .trial-cta-button { width: 100%; text-align: center; }
}
.trial-highlight { color: rgb(22, 163, 74); font-weight: 600; }
.trial-muted { color: rgb(107, 114, 128); font-size: 14px; }
.trial-divider { height: 1px; background: linear-gradient(90deg, transparent 0%, rgb(229, 231, 235) 50%, transparent 100%); margin: 20px 0px; }


/* ---- /wp-content/plugins/aiox-server/assets/css/stripe-plans.css ---- */


/* ---- /wp-content/plugins/aiox-server/assets/css/public-pages.css ---- */
.aiox-navigation { background: rgb(255, 255, 255); border-bottom: 2px solid rgb(225, 229, 233); margin-bottom: 30px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px; }
.aiox-nav-container { max-width: 1200px; margin: 0px auto; padding: 0px 20px; display: flex; align-items: center; justify-content: space-between; min-height: 70px; }
.aiox-nav-brand h2 { margin: 0px; color: rgb(0, 124, 186); font-size: 24px; }
.aiox-nav-menu { display: flex; list-style: none; margin: 0px; padding: 0px; gap: 30px; }
.aiox-nav-menu li a { display: flex; align-items: center; gap: 8px; text-decoration: none; color: rgb(85, 85, 85); font-weight: 500; padding: 10px 15px; border-radius: 6px; transition: 0.3s; }
.aiox-nav-menu li.active a, .aiox-nav-menu li a:hover { background: rgb(0, 124, 186); color: white; }
.nav-icon { font-size: 16px; }
.aiox-nav-user { display: flex; align-items: center; gap: 15px; color: rgb(85, 85, 85); }
.logout-link { color: rgb(220, 53, 69); text-decoration: none; font-weight: 500; }
.logout-link:hover { text-decoration: underline; }
.aiox-dashboard { max-width: 1200px; margin: 0px auto; padding: 0px 20px; }
.dashboard-header { text-align: center; margin-bottom: 40px; }
.dashboard-header h1 { color: rgb(30, 30, 30); margin-bottom: 10px; }
.dashboard-header p { color: rgb(102, 102, 102); font-size: 18px; }
.dashboard-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-bottom: 40px; }
.dashboard-card { background: rgb(255, 255, 255); border: 1px solid rgb(225, 229, 233); border-radius: 12px; padding: 30px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px; transition: transform 0.3s, box-shadow 0.3s; }
.dashboard-card:hover { transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 16px; }
.dashboard-card h3 { margin-top: 0px; margin-bottom: 20px; color: rgb(30, 30, 30); font-size: 20px; }
.stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.stat-item { text-align: center; }
.stat-number { font-size: 28px; font-weight: bold; color: rgb(0, 124, 186); margin-bottom: 5px; }
.stat-label { font-size: 14px; color: rgb(102, 102, 102); text-transform: uppercase; letter-spacing: 0.5px; }
.plan-info { text-align: center; }
.plan-name { font-size: 24px; font-weight: bold; color: rgb(0, 124, 186); margin-bottom: 15px; }
.plan-details { margin-bottom: 20px; }
.plan-details p { margin: 8px 0px; color: rgb(85, 85, 85); }
.status-active { color: rgb(0, 163, 42); font-weight: bold; }
.status-inactive { color: rgb(220, 53, 69); font-weight: bold; }
.credential-item { margin-bottom: 20px; padding: 15px; background: rgb(248, 249, 250); border-radius: 8px; border: 1px solid rgb(233, 236, 239); }
.credential-item label { display: block; font-weight: 600; color: rgb(73, 80, 87); margin-bottom: 8px; }
.credential-item code { display: inline-block; background: rgb(255, 255, 255); padding: 8px 12px; border: 1px solid rgb(222, 226, 230); border-radius: 4px; font-family: "Courier New", monospace; font-size: 14px; color: rgb(73, 80, 87); margin-right: 10px; word-break: break-all; }
.btn { display: inline-block; padding: 12px 24px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 6px; text-decoration: none; font-weight: 600; text-align: center; cursor: pointer; transition: 0.3s; font-size: 14px; }
.btn-primary { background: rgb(0, 124, 186); color: white; }
.btn-primary:hover { background: rgb(0, 90, 135); color: white; }
.btn-secondary { background: rgb(108, 117, 125); color: white; }
.btn-secondary:hover { background: rgb(84, 91, 98); color: white; }
.btn-outline { background: transparent; color: rgb(0, 124, 186); border: 2px solid rgb(0, 124, 186); }
.btn-outline:hover { background: rgb(0, 124, 186); color: white; }
.copy-btn, .toggle-key-btn { background: rgb(40, 167, 69); color: white; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 6px 12px; border-radius: 4px; font-size: 12px; cursor: pointer; margin-left: 5px; }
.copy-btn:hover, .toggle-key-btn:hover { background: rgb(33, 136, 56); }
.action-buttons { display: flex; flex-direction: column; gap: 15px; }
.aiox-profile { max-width: 800px; margin: 0px auto; padding: 0px 20px; }
.profile-header { text-align: center; margin-bottom: 40px; }
.profile-form { background: rgb(255, 255, 255); border: 1px solid rgb(225, 229, 233); border-radius: 12px; padding: 40px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px; }
.form-section { margin-bottom: 40px; }
.form-section h3 { color: rgb(30, 30, 30); margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid rgb(225, 229, 233); }
.form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
.form-field { margin-bottom: 20px; }
.form-field label { display: block; margin-bottom: 8px; font-weight: 600; color: rgb(73, 80, 87); }
.form-field input { width: 100%; padding: 12px; border: 1px solid rgb(206, 212, 218); border-radius: 6px; font-size: 16px; transition: border-color 0.3s; box-sizing: border-box; }
.form-field input:focus { outline: none; border-color: rgb(0, 124, 186); box-shadow: rgba(0, 124, 186, 0.1) 0px 0px 0px 2px; }
.form-actions { display: flex; gap: 15px; justify-content: flex-end; margin-top: 30px; padding-top: 20px; border-top: 1px solid rgb(225, 229, 233); }
.aiox-api-docs { max-width: 1000px; margin: 0px auto; padding: 0px 20px; }
.docs-header { text-align: center; margin-bottom: 50px; }
.docs-header h1 { color: rgb(30, 30, 30); margin-bottom: 10px; }
.docs-header p { color: rgb(102, 102, 102); font-size: 18px; }
.docs-content { background: rgb(255, 255, 255); border: 1px solid rgb(225, 229, 233); border-radius: 12px; padding: 40px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px; }
.docs-section { margin-bottom: 50px; }
.docs-section h2 { color: rgb(30, 30, 30); margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid rgb(0, 124, 186); }
.docs-section h3 { color: rgb(73, 80, 87); margin-top: 30px; margin-bottom: 15px; }
.docs-section h4 { color: rgb(108, 117, 125); margin-top: 20px; margin-bottom: 10px; }
.code-block { background: rgb(248, 249, 250); border: 1px solid rgb(233, 236, 239); border-radius: 6px; padding: 15px; font-family: "Courier New", monospace; font-size: 14px; color: rgb(73, 80, 87); overflow-x: auto; margin: 15px 0px; display: block; white-space: pre-wrap; }
.endpoint { background: rgb(248, 249, 250); border: 1px solid rgb(233, 236, 239); border-radius: 8px; padding: 25px; margin: 25px 0px; }
.endpoint h3 { color: rgb(0, 124, 186); margin-top: 0px; }
.aiox-notice { padding: 15px; border-radius: 6px; margin: 20px 0px; text-align: center; }
.aiox-notice.error { background: rgb(248, 215, 218); color: rgb(114, 28, 36); border: 1px solid rgb(245, 198, 203); }
@media (max-width: 768px) {
  .aiox-nav-container { flex-direction: column; padding: 15px; gap: 20px; }
  .aiox-nav-menu { flex-wrap: wrap; justify-content: center; gap: 15px; }
  .dashboard-grid { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .form-actions { flex-direction: column; }
  .action-buttons { gap: 10px; }
  .dashboard-card, .profile-form, .docs-content { padding: 20px; }
}


/* ---- /wp-content/plugins/aiox-server/assets/css/aiox-ui.css ---- */
@font-face { font-family: Montserrat; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://viblu.com/wp-content/plugins/aiox-server/assets/fonts/montserrat/montserrat-var-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://viblu.com/wp-content/plugins/aiox-server/assets/fonts/montserrat/montserrat-var-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Inter; font-style: normal; font-weight: 300 700; font-display: swap; src: url("https://viblu.com/wp-content/plugins/aiox-server/assets/fonts/inter/inter-var-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 300 700; font-display: swap; src: url("https://viblu.com/wp-content/plugins/aiox-server/assets/fonts/inter/inter-var-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
html body .aiox-app-view-wrapper.aiox-ui-v2 { --ui-bg: #020617; --ui-surface: #0b1222; --ui-surface-2: #0f172a; --ui-surface-3: #172033; --ui-line: rgba(226,232,240,.08); --ui-line-2: rgba(226,232,240,.15); --ui-text: #f1f5f9; --ui-text-2: #94a3b8; --ui-text-3: #64748b; --ui-accent: #38bdf8; --ui-accent-ink: #020617; --ui-accent-soft: rgba(56,189,248,.13); --ui-accent-line: rgba(56,189,248,.45); --ui-ok: #6cc59a; --ui-warn: #e6a94f; --ui-bad: #e8705f; --ui-info: #a5b4fc; --ui-r-lg: 18px; --ui-r: 12px; --ui-r-sm: 8px; --ui-display: "Montserrat","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --ui-sans: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; --ui-mono: "Courier Prime","Courier New",Courier,monospace; --aiox-accent: var(--ui-accent); --aiox-accent-soft: var(--ui-accent-soft); --aiox-accent-strong: var(--ui-accent); --aiox-fg: var(--ui-text); --aiox-fg-soft: var(--ui-text-2); --aiox-fg-mute: var(--ui-text-3); --aiox-bg: var(--ui-surface); --aiox-bg-soft: var(--ui-surface-2); --aiox-bg-card: var(--ui-surface); --aiox-border: var(--ui-line); --aiox-border-strong: var(--ui-line-2); --aiox-border-color: var(--ui-line); --aiox-radius: var(--ui-r); --aiox-radius-sm: var(--ui-r-sm); --aiox-shadow: none; --aiox-shadow-md: 0 10px 30px rgba(0,0,0,.35); color: var(--ui-text); font-family: var(--ui-sans); -webkit-font-smoothing: antialiased; font-optical-sizing: auto; background: var(--ui-bg) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-header { padding: 34px 40px 8px !important; gap: 14px !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-header h1, html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-header h2 { font-family: var(--ui-display) !important; font-weight: 600 !important; font-size: 40px !important; letter-spacing: -0.015em !important; line-height: 1.05 !important; color: var(--ui-text) !important; -webkit-text-fill-color: var(--ui-text) !important; margin: 0px !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-header > span:first-child { font-size: 26px !important; opacity: 0.9; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-body { font-size: 14px; line-height: 1.6; color: var(--ui-text-2); padding: 8px 40px 56px !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-body h2 { font-family: var(--ui-display); font-weight: 600; font-size: 24px; letter-spacing: -0.01em; color: var(--ui-text); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-body h3 { font-family: var(--ui-sans); font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ui-text-3); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-body p { color: var(--ui-text-2); }
html body .aiox-app-view-wrapper.aiox-ui-v2 a { color: var(--ui-accent); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-meta { color: var(--ui-text-3) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-section { background: var(--ui-surface) !important; border: 1px solid var(--ui-line) !important; border-radius: var(--ui-r-lg) !important; padding: 26px 28px !important; box-shadow: none !important; margin-bottom: 20px !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-section--soft { background: var(--ui-surface-2) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-section--hero { background: radial-gradient(120% 140% at 0% 0%,rgba(56,189,248,.10) 0%,var(--ui-surface) 55%) !important; border-color: var(--ui-accent-line) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-btn { letter-spacing: 0.005em; min-height: 40px !important; padding: 0px 18px !important; border-radius: 999px !important; font-size: 13px !important; font-weight: 600 !important; background: transparent !important; border: 1px solid var(--ui-line-2) !important; color: var(--ui-text) !important; -webkit-text-fill-color: var(--ui-text) !important; box-shadow: none !important; transition: background 0.15s, border-color 0.15s, transform 0.15s !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-btn:hover { background: var(--ui-surface-3) !important; border-color: var(--ui-text-3) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-btn--primary { background: var(--ui-accent) !important; border-color: var(--ui-accent) !important; color: var(--ui-accent-ink) !important; -webkit-text-fill-color: var(--ui-accent-ink) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-btn--primary:hover { background: rgb(125, 211, 252) !important; border-color: rgb(125, 211, 252) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-btn--secondary { background: var(--ui-accent-soft) !important; border-color: var(--ui-accent-line) !important; color: var(--ui-accent) !important; -webkit-text-fill-color: var(--ui-accent) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-btn--ghost { background: transparent !important; border-color: transparent !important; color: var(--ui-text-2) !important; -webkit-text-fill-color: var(--ui-text-2) !important; padding: 0px 10px !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-btn--ghost:hover { color: var(--ui-text) !important; -webkit-text-fill-color: var(--ui-text) !important; background: var(--ui-surface-2) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-btn--danger { border-color: rgba(232, 112, 95, 0.45) !important; color: var(--ui-bad) !important; -webkit-text-fill-color: var(--ui-bad) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-btn:disabled { opacity: 0.45 !important; cursor: not-allowed !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-btn--sm { min-height: 32px !important; padding: 0px 13px !important; font-size: 12px !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-input, html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-textarea, html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-select, html body .aiox-app-view-wrapper.aiox-ui-v2 select, html body .aiox-app-view-wrapper.aiox-ui-v2 input[type="text"], html body .aiox-app-view-wrapper.aiox-ui-v2 textarea { min-height: 40px; background: var(--ui-surface-2) !important; border: 1px solid var(--ui-line) !important; border-radius: var(--ui-r-sm) !important; color: var(--ui-text) !important; -webkit-text-fill-color: var(--ui-text) !important; font-size: 13.5px !important; padding: 8px 12px !important; box-shadow: none !important; transition: border-color 0.15s, box-shadow 0.15s !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 textarea { line-height: 1.55 !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-input:focus, html body .aiox-app-view-wrapper.aiox-ui-v2 select:focus, html body .aiox-app-view-wrapper.aiox-ui-v2 input[type="text"]:focus, html body .aiox-app-view-wrapper.aiox-ui-v2 textarea:focus { outline: none !important; border-color: var(--ui-accent-line) !important; box-shadow: 0 0 0 3px var(--ui-accent-soft) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 ::placeholder { opacity: 1; color: var(--ui-text-3) !important; -webkit-text-fill-color: var(--ui-text-3) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 label { color: var(--ui-text-2); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-notice { background: var(--ui-surface-2) !important; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-left: 3px solid var(--ui-text-3) !important; border-radius: var(--ui-r) !important; color: var(--ui-text-2) !important; padding: 13px 16px !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-notice--info { border-left-color: var(--ui-info) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-notice--success { border-left-color: var(--ui-ok) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-notice--warning { border-left-color: var(--ui-warn) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-notice--error { border-left-color: var(--ui-bad) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-pill { border-radius: 999px; font-size: 11px; font-weight: 600; padding: 3px 10px; background: var(--ui-surface-3) !important; color: var(--ui-text-2) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-pill--accent { background: var(--ui-accent-soft) !important; color: var(--ui-accent) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-pill--success { background: rgba(108, 197, 154, 0.14) !important; color: var(--ui-ok) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-pill--warning { background: rgba(230, 169, 79, 0.15) !important; color: var(--ui-warn) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-pill--error { background: rgba(232, 112, 95, 0.15) !important; color: var(--ui-bad) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-empty { background: var(--ui-surface) !important; border: 1px dashed var(--ui-line-2) !important; border-radius: var(--ui-r-lg) !important; color: var(--ui-text-3) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-kpi { background: var(--ui-surface) !important; border: 1px solid var(--ui-line) !important; border-radius: var(--ui-r) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-kpi__value { font-family: var(--ui-display); font-weight: 600 !important; font-size: 30px !important; color: var(--ui-text) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-table { width: 100%; border-collapse: separate; border-spacing: 0px; font-size: 13px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-table th { font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ui-text-3); font-weight: 700; text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--ui-line); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-table td { padding: 12px; border-bottom: 1px solid var(--ui-line); color: var(--ui-text-2); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 { --dd-line: var(--ui-line); --dd-card: var(--ui-surface); --dd-muted: var(--ui-text-3); --dd-acc: var(--ui-accent); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-top { backdrop-filter: blur(10px); background: rgba(11, 18, 34, 0.92) !important; border-color: var(--ui-line) !important; border-radius: var(--ui-r-lg) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-tab[aria-selected="true"] .dd-tab__n { color: var(--ui-accent-ink) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-card { background: var(--ui-surface-2) !important; border-color: var(--ui-line) !important; border-radius: var(--ui-r) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-card[aria-checked="true"] { background: linear-gradient(rgba(56, 189, 248, 0.1), rgba(56, 189, 248, 0.03)) !important; border-color: var(--ui-accent-line) !important; box-shadow: inset 0 0 0 1px var(--ui-accent-line) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-card__name { font-family: var(--ui-display); font-weight: 600; font-size: 18px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-step__t { font-family: var(--ui-display); font-weight: 600; font-size: 21px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-step__n { background: var(--ui-accent-soft); color: var(--ui-accent); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-prev { background: var(--ui-surface) !important; border-top-color:  !important; border-right-color:  !important; border-bottom-color:  !important; border-left-color: var(--ui-accent) !important; border-radius: var(--ui-r-lg) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-prev p { font-family: var(--ui-mono); color: var(--ui-text-2); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-box, html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-looks, html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-method { border-radius: var(--ui-r-lg) !important; border-color: var(--ui-line) !important; background: var(--ui-surface) !important; padding: 24px 26px !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-acc { background: var(--ui-surface-2) !important; border-color: var(--ui-line) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-chip { background: var(--ui-surface-3); color: var(--ui-text-2); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-flag--own { background: var(--ui-accent-soft); color: var(--ui-accent); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-top { padding: 26px 40px 0px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-header > span:first-child { display: none !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2.aiox-app--kb-projects:has(.aiox-pnav--v2) .aiox-app-view-header { display: none !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-balance-bar .aiox-app-pill { border: 1px solid var(--ui-line-2); background: transparent !important; color: var(--ui-text-2) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 { display: block !important; padding: 0px !important; margin: 0px !important; background: none !important; border: 0px !important; box-shadow: none !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__top { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 0px 0px 14px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__back { font-size: 12.5px !important; font-weight: 500 !important; color: var(--ui-text-3) !important; text-decoration: none !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__back:hover { color: var(--ui-text) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__menu { position: relative; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__menu > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 10px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__menu > summary::-webkit-details-marker { display: none; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__film { letter-spacing: -0.01em; white-space: nowrap; background: none !important; padding: 0px !important; font-family: var(--ui-display) !important; font-size: 22px !important; font-weight: 600 !important; color: var(--ui-text) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__dots { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--ui-line-2); font-family: var(--ui-sans); font-size: 11px; letter-spacing: 1px; color: var(--ui-text-2); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__menu[open] .aiox-pnav__dots, html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__menu > summary:hover .aiox-pnav__dots { border-color: var(--ui-accent-line); color: var(--ui-accent); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__panel { position: absolute; top: calc(100% + 10px); left: 0px; z-index: 60; min-width: 270px; padding: 6px; background: var(--ui-surface-2); border: 1px solid var(--ui-line-2); border-radius: 14px; box-shadow: rgba(0, 0, 0, 0.55) 0px 24px 60px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__panel form { margin: 0px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__panel .aiox-pnav__item { box-sizing: border-box; cursor: pointer; display: block !important; width: 100% !important; text-align: left !important; padding: 9px 12px !important; margin: 0px !important; border: 0px !important; border-radius: 9px !important; background: transparent !important; font: 500 13px/1.4 var(--ui-sans) !important; color: var(--ui-text-2) !important; -webkit-text-fill-color: var(--ui-text-2) !important; text-decoration: none !important; min-height: 0px !important; box-shadow: none !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__panel .aiox-pnav__item:hover { background: var(--ui-surface-3) !important; color: var(--ui-text) !important; -webkit-text-fill-color: var(--ui-text) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__panel .aiox-pnav__item--danger { color: var(--ui-bad) !important; -webkit-text-fill-color: var(--ui-bad) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__sep { border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--ui-line); margin: 5px 4px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__next { margin-left: auto; align-items: center; gap: 6px; display: inline-flex !important; padding: 9px 18px !important; border-radius: 999px !important; border: 1px solid var(--ui-accent-line) !important; background: var(--ui-accent-soft) !important; color: var(--ui-accent) !important; font-size: 12.5px !important; font-weight: 650 !important; text-decoration: none !important; filter: none !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__next:hover { background: var(--ui-accent) !important; color: var(--ui-accent-ink) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__chain { flex-wrap: nowrap; gap: 2px; overflow-x: auto; scrollbar-width: none; padding: 0px; border-bottom: 1px solid var(--ui-line); counter-reset: step 0; display: flex !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__chain::-webkit-scrollbar { display: none; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__s { counter-increment: step 1; align-items: center; gap: 8px; white-space: nowrap; display: inline-flex !important; padding: 11px 14px 13px !important; margin: 0px 0px -1px !important; border-width: 0px 0px 2px !important; border-style: none none solid !important; border-color: currentcolor currentcolor transparent !important; border-image: none !important; border-radius: 0px !important; background: none !important; font-size: 13px !important; font-weight: 500 !important; color: var(--ui-text-3) !important; text-decoration: none !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__s::before { content: counter(step); font-size: 10.5px; font-weight: 700; color: var(--ui-text-3); font-variant-numeric: tabular-nums; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__s:hover { color: var(--ui-text) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__s.is-done { color: var(--ui-text-2) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__s.is-done::before { content: "✓"; color: var(--ui-ok); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__s.is-here { color: var(--ui-text) !important; border-bottom-color: var(--ui-accent) !important; font-weight: 600 !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__s.is-here::before { color: var(--ui-accent); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp { display: flex; flex-direction: column; gap: 26px; padding-top: 28px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-hero { display: grid; grid-template-columns: auto 1fr auto; gap: 28px; align-items: end; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-cover { width: 120px; height: 170px; border-radius: 12px; overflow: hidden; border: 1px solid var(--ui-line-2); background: linear-gradient(160deg, rgb(30, 41, 59) 0%, rgb(11, 18, 34) 70%); box-shadow: rgba(0, 0, 0, 0.45) 0px 18px 40px; display: flex; align-items: flex-end; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-cover span { padding: 12px; font-family: var(--ui-display); font-size: 14px; line-height: 1.15; color: var(--ui-text); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-eyebrow { display: block; font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ui-accent); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-title { font-family: var(--ui-display) !important; font-weight: 600 !important; font-size: 46px !important; line-height: 1.02 !important; letter-spacing: -0.02em !important; color: var(--ui-text) !important; margin: 8px 0px 10px !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-lede { font-size: 15px; max-width: 62ch; color: var(--ui-text-2) !important; margin: 0px !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-ro { font-size: 13px; margin: 10px 0px 0px !important; color: var(--ui-warn) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-hero__actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-facts { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 1px; background: var(--ui-line); border: 1px solid var(--ui-line); border-radius: var(--ui-r-lg); overflow: hidden; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-facts > div { background: var(--ui-surface); padding: 18px 20px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-facts b { display: block; font-family: var(--ui-display); font-weight: 600; font-size: 32px; line-height: 1.1; color: var(--ui-text); letter-spacing: -0.01em; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-facts span { font-size: 10.5px; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; color: var(--ui-text-3); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-replace { border: 1px solid var(--ui-line); border-radius: var(--ui-r-lg); background: var(--ui-surface); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-replace > summary { list-style: none; cursor: pointer; padding: 16px 22px; font-weight: 600; color: var(--ui-text); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-replace > summary::-webkit-details-marker { display: none; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-replace > summary::after { content: "+"; float: right; color: var(--ui-text-3); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-replace[open] > summary::after { content: "–"; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-form { padding: 0px 22px 22px; display: flex; flex-direction: column; gap: 14px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-drop { display: flex; flex-direction: column; gap: 6px; padding: 26px; border: 1px dashed var(--ui-line-2); border-radius: var(--ui-r); background: var(--ui-surface-2); cursor: pointer; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-drop:hover { border-color: var(--ui-accent-line); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-drop__t { font-family: var(--ui-display); font-size: 19px; color: var(--ui-text); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-drop__s { font-size: 12.5px; color: var(--ui-text-3); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-drop input[type="file"] { margin-top: 8px; color: var(--ui-text-2); font-size: 12.5px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-paste > summary { cursor: pointer; font-size: 12.5px; color: var(--ui-text-3); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-paste textarea { width: 100%; margin-top: 8px; box-sizing: border-box; font-family: var(--ui-mono) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-form__row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-split { display: grid; grid-template-columns: 290px minmax(0px, 1fr); gap: 24px; align-items: start; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-side { position: sticky; top: 18px; display: flex; flex-direction: column; gap: 16px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-card { background: var(--ui-surface); border: 1px solid var(--ui-line); border-radius: var(--ui-r-lg); padding: 18px 20px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-card--list { padding: 16px 8px 8px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-card__h, html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-sec { margin: 0px 0px 10px !important; font-family: var(--ui-sans) !important; font-size: 10.5px !important; font-weight: 700 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: var(--ui-text-3) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-card--list .sp-card__h { padding: 0px 12px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-src__name { font-size: 13px; color: var(--ui-text); word-break: break-all; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-src__meta { font-size: 12px; color: var(--ui-text-3); margin-top: 4px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-src__ok { font-size: 12.5px; color: var(--ui-ok); margin-top: 10px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-scenes { list-style: none; margin: 0px; padding: 0px; max-height: 62vh; overflow: auto; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-scenes a { display: grid; grid-template-columns: 32px 1fr; gap: 6px; padding: 7px 12px; border-radius: 8px; font-size: 12px; line-height: 1.35; color: var(--ui-text-2) !important; text-decoration: none !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-scenes a:hover { background: var(--ui-surface-2); color: var(--ui-text) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-scenes b { font-weight: 600; color: var(--ui-text-3); font-variant-numeric: tabular-nums; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page { background: rgb(244, 239, 229); border-radius: 4px; padding: 64px 80px 72px; max-width: 820px; margin: 0px auto; box-shadow: rgba(0, 0, 0, 0.5) 0px 30px 80px; font: 14.5px/1.5 var(--ui-mono); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page, html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page * { color: rgb(29, 26, 21) !important; -webkit-text-fill-color: rgb(29, 26, 21) !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-sh { position: relative; font-weight: 700; text-transform: uppercase; margin: 30px 0px 12px; scroll-margin-top: 24px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-sh:first-child { margin-top: 0px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-no { position: absolute; left: -52px; width: 40px; text-align: right; font-weight: 400; opacity: 0.45; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-ac { margin: 0px 0px 12px !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-ch { margin: 16px 0px 0px 38%; text-transform: uppercase; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-pa { margin: 0px 0px 0px 30%; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-dl { margin: 0px 17% 0px 22%; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-dl + :not(.sp-dl):not(.sp-pa) { margin-top: 12px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-tr { text-align: right; text-transform: uppercase; margin: 14px 0px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-ce { text-align: center; margin: 14px 0px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-next { display: flex; justify-content: space-between; align-items: center; gap: 16px; max-width: 820px; margin: 26px auto 0px; padding: 22px 26px; border-radius: var(--ui-r-lg); border: 1px solid var(--ui-accent-line); background: radial-gradient(120% 160% at 100% 0%,rgba(56,189,248,.14),var(--ui-surface) 60%); text-decoration: none !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-next b { display: block; font-family: var(--ui-display); font-weight: 600; font-size: 22px; color: var(--ui-text); margin-top: 4px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-next__go { font-size: 22px; color: var(--ui-accent); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-files { border-top: 1px solid var(--ui-line); padding-top: 24px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-files__head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-files__head .sp-sec { margin: 0px auto 0px 0px !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-files__head form { margin: 0px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-table { width: 100%; border-collapse: collapse; font-size: 13px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-table th { text-align: left; font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ui-text-3); font-weight: 700; padding: 9px 10px; border-bottom: 1px solid var(--ui-line); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-table td { padding: 10px; border-bottom: 1px solid var(--ui-line); color: var(--ui-text-2); vertical-align: middle; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-table__t { display: flex; align-items: center; gap: 10px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-table__t img { width: 36px; height: 36px; object-fit: cover; border-radius: 6px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-table__t a { color: var(--ui-text) !important; text-decoration: none !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-table__a { text-align: right; white-space: nowrap; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-table__a form { display: inline; margin: 0px 0px 0px 12px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-table__a a { font-size: 12.5px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-tag { font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ui-accent); margin-left: 6px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-link { cursor: pointer; background: none !important; border: 0px !important; padding: 0px !important; margin: 0px !important; min-height: 0px !important; font: 500 12.5px var(--ui-sans) !important; color: var(--ui-accent) !important; -webkit-text-fill-color: var(--ui-accent) !important; box-shadow: none !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-link--danger { color: var(--ui-bad) !important; -webkit-text-fill-color: var(--ui-bad) !important; }
@media (max-width: 900px) {
  html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-top { padding: 18px 16px 0px; }
  html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-header { padding: 22px 16px 6px !important; }
  html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-body { padding: 8px 16px 40px !important; }
  html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-hero { grid-template-columns: 1fr; }
  html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-cover { display: none; }
  html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-hero__actions { justify-content: flex-start; }
  html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-facts { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-split { grid-template-columns: 1fr; }
  html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-side { position: static; }
  html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page { padding: 32px 22px; font-size: 13px; }
  html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-no { display: none; }
  html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-ch { margin-left: 30%; }
  html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-dl { margin: 0px 6% 0px 12%; }
  html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-pa { margin-left: 22%; }
}
#tab-home .hm { --ui-bg: #020617; --ui-surface: #0b1222; --ui-surface-2: #0f172a; --ui-surface-3: #172033; --ui-line: rgba(226,232,240,.08); --ui-line-2: rgba(226,232,240,.15); --ui-text: #f1f5f9; --ui-text-2: #94a3b8; --ui-text-3: #64748b; --ui-accent: #38bdf8; --ui-accent-ink: #020617; --ui-accent-soft: rgba(56,189,248,.13); --ui-accent-line: rgba(56,189,248,.45); --ui-display: "Montserrat","Inter",-apple-system,BlinkMacSystemFont,sans-serif; --ui-sans: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; font-family: var(--ui-sans); color: var(--ui-text-2); display: flex; flex-direction: column; gap: 64px; padding: 8px 0px 80px; -webkit-font-smoothing: antialiased; }
#tab-home .hm a { color: inherit; text-decoration: none; }
#tab-home .hm h1, #tab-home .hm h2 { margin: 0px; font-family: var(--ui-display); font-weight: 600; color: var(--ui-text); letter-spacing: -0.015em; }
#tab-home .hm-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ui-accent); }
#tab-home .hm-sub { font-size: 13px; color: var(--ui-text-3); }
#tab-home .hm-hero { position: relative; min-height: min(66vh, 640px); border-radius: 24px; overflow: hidden; display: flex; align-items: flex-end; background: rgb(0, 0, 0); }
#tab-home .hm-hero__media { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
#tab-home .hm-hero__shade { position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(2, 6, 23, 0.86) 0%, rgba(2, 6, 23, 0.55) 42%, rgba(2, 6, 23, 0) 75%), linear-gradient(0deg, rgba(2, 6, 23, 0.9) 0%, rgba(2, 6, 23, 0) 55%); }
#tab-home .hm-hero__text { position: relative; padding: 56px 60px; max-width: 760px; }
#tab-home .hm-h1 { font-size: clamp(38px, 5vw, 68px); line-height: 1.02; font-weight: 700 !important; letter-spacing: -0.025em !important; margin: 14px 0px 18px !important; }
#tab-home .hm-lede { font-size: 17px; line-height: 1.55; color: rgb(226, 232, 240); max-width: 56ch; margin: 0px 0px 30px; }
#tab-home .hm-ctas { display: flex; gap: 12px; flex-wrap: wrap; }
#tab-home .hm-btn { display: inline-flex; align-items: center; gap: 10px; height: 46px; padding: 0px 22px; border-radius: 999px; border: 1px solid rgba(226, 232, 240, 0.28); font-weight: 600; font-size: 14px; backdrop-filter: blur(6px); background: rgba(2, 6, 23, 0.35); transition: background 0.15s, border-color 0.15s; color: var(--ui-text) !important; }
#tab-home .hm-btn:hover { background: rgba(226, 232, 240, 0.08); border-color: rgba(226, 232, 240, 0.5); }
#tab-home .hm .hm-btn--primary { background: var(--ui-accent) !important; border-color: var(--ui-accent) !important; color: var(--ui-accent-ink) !important; }
#tab-home .hm .hm-btn--primary:hover { background: rgb(125, 211, 252) !important; border-color: rgb(125, 211, 252) !important; }
#tab-home .hm-sec__h { display: flex; align-items: baseline; gap: 16px; margin: 0px 0px 22px; }
#tab-home .hm-sec__h h2 { font-size: 26px; letter-spacing: -0.02em; }
#tab-home .hm-sec__h a { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--ui-text-2); }
#tab-home .hm-sec__h a:hover { color: var(--ui-accent); }
#tab-home .hm-films { display: grid; grid-auto-flow: column; grid-auto-columns: 188px; gap: 22px; overflow-x: auto; padding-bottom: 8px; scrollbar-width: thin; }
#tab-home .hm-film { display: flex; flex-direction: column; gap: 6px; }
#tab-home .hm-poster { aspect-ratio: 2 / 3; border-radius: 12px; overflow: hidden; background: var(--ui-surface-2); border: 1px solid var(--ui-line); position: relative; transition: transform 0.2s, box-shadow 0.2s; }
#tab-home .hm-poster img { width: 100%; height: 100%; object-fit: cover; display: block; }
#tab-home .hm-film:hover .hm-poster { transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 40px; border-color: var(--ui-line-2); }
#tab-home .hm-poster.is-type { display: flex; align-items: flex-end; padding: 16px; background: radial-gradient(120% 90% at 20% 0%, rgb(30, 42, 68) 0%, rgb(11, 18, 34) 60%); }
#tab-home .hm-poster__t { font-family: var(--ui-display); font-weight: 700; font-size: 19px; line-height: 1.1; letter-spacing: -0.01em; color: var(--ui-text); }
#tab-home .hm-poster.is-new { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; background: transparent; border: 1px dashed var(--ui-line-2); color: var(--ui-text-3); font-size: 14px; font-weight: 600; }
#tab-home .hm-film--new:hover .hm-poster { color: var(--ui-accent); border-color: var(--ui-accent-line); }
#tab-home .hm-film__t { margin-top: 8px; font-family: var(--ui-display); font-weight: 600; font-size: 15px; line-height: 1.2; color: var(--ui-text); }
#tab-home .hm-film__m { font-size: 12px; color: var(--ui-text-3); }
#tab-home .hm-prog { display: grid; grid-template-columns: repeat(5, 1fr); gap: 3px; margin-top: 6px; }
#tab-home .hm-prog i { height: 3px; border-radius: 2px; background: var(--ui-surface-3); }
#tab-home .hm-prog i.on { background: var(--ui-accent); }
#tab-home .hm-film__n { font-size: 12px; color: var(--ui-text-2); }
#tab-home .hm-starts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
#tab-home .hm-start { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 26px 26px 28px; border-radius: 18px; background: var(--ui-surface); border: 1px solid var(--ui-line); transition: border-color 0.15s, background 0.15s; }
#tab-home .hm-start:hover { border-color: var(--ui-accent-line); background: linear-gradient(180deg,rgba(56,189,248,.07),var(--ui-surface)); }
#tab-home .hm-start__i { color: var(--ui-accent); }
#tab-home .hm-start__t { font-family: var(--ui-display); font-weight: 600; font-size: 21px; color: var(--ui-text); }
#tab-home .hm-start__d { font-size: 14px; line-height: 1.5; color: var(--ui-text-2); max-width: 34ch; }
#tab-home .hm-originals { display: grid; grid-auto-flow: column; grid-auto-columns: 230px; gap: 22px; overflow-x: auto; }
#tab-home .hm-orig { display: flex; flex-direction: column; gap: 10px; }
#tab-home .hm-orig img, #tab-home .hm-orig video { width: 100%; aspect-ratio: var(--r,2/3); object-fit: cover; border-radius: 12px; border: 1px solid var(--ui-line); transition: transform 0.2s; }
#tab-home .hm-orig:hover img { transform: translateY(-3px); }
#tab-home .hm-orig__t { font-family: var(--ui-display); font-weight: 600; font-size: 16px; color: var(--ui-text); }
#tab-home .hm-feature { position: relative; border-radius: 24px; overflow: hidden; min-height: 380px; display: flex; align-items: flex-end; }
#tab-home .hm-feature img, #tab-home .hm-feature video { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
#tab-home .hm-feature__shade { position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(2, 6, 23, 0.9) 0%, rgba(2, 6, 23, 0.35) 60%, rgba(2, 6, 23, 0.1) 100%); }
#tab-home .hm-feature__text { position: relative; padding: 48px 56px; max-width: 620px; }
#tab-home .hm-feature__text h2 { font-size: 34px; line-height: 1.1; letter-spacing: -0.02em; margin: 12px 0px; }
#tab-home .hm-feature__text p { font-size: 15px; line-height: 1.55; color: rgb(226, 232, 240); margin: 0px 0px 22px; }
#tab-home .hm-read .hm-dept__h { display: flex; align-items: center; gap: 10px; padding-bottom: 12px; margin-bottom: 6px; border-bottom: 1px solid var(--ui-line); color: var(--ui-accent); }
#tab-home .hm-read .hm-dept__h span { font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ui-text-2); }
#tab-home .hm-dept ul, #tab-home .hm-read ul { list-style: none; margin: 0px; padding: 0px; }
#tab-home .hm-reads { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
#tab-home .hm-read li a { display: flex; justify-content: space-between; align-items: center; padding: 13px 0px; border-bottom: 1px solid rgba(226, 232, 240, 0.05); font-size: 14.5px; color: var(--ui-text); }
#tab-home .hm-read li a svg { color: var(--ui-text-3); }
#tab-home .hm-read li a:hover { color: var(--ui-accent); }
@media (max-width: 1100px) {
  #tab-home .hm-depts { column-count: 2; }
  #tab-home .hm-starts { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  #tab-home .hm-depts { column-count: 1; }
  #tab-home .hm-reads { grid-template-columns: 1fr; }
  #tab-home .hm-hero__text { padding: 30px 22px; }
  #tab-home .hm-feature__text { padding: 28px 22px; }
  #tab-home .hm-films { grid-auto-columns: 150px; }
  #tab-home .hm-originals { grid-auto-columns: 170px; }
}
#tab-home { background: transparent !important; }
#tab-home .hm, #tab-home .hm :not(input) { -webkit-text-fill-color: currentcolor !important; }
#tab-home .hm a { background-image: none; }
#tab-home .hm-start__row { display: flex; gap: 8px; margin-top: 6px; }
#tab-home .hm .hm-start__row input { flex: 1 1 0%; min-width: 0px; height: 42px; padding: 0px 14px; border-radius: 999px; border: 1px solid var(--ui-line-2); background: var(--ui-surface-2); color: var(--ui-text); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; outline: none; -webkit-text-fill-color: var(--ui-text) !important; }
#tab-home .hm-start__row input:focus { border-color: var(--ui-accent-line); box-shadow: 0 0 0 3px var(--ui-accent-soft); }
#tab-home .hm .hm-start__row .hm-start__go { position: static; cursor: pointer; height: 42px !important; min-height: 0px !important; padding: 0px 18px !important; border-radius: 999px !important; border: 0px !important; background: var(--ui-accent) !important; color: var(--ui-accent-ink) !important; -webkit-text-fill-color: var(--ui-accent-ink) !important; font: 600 13.5px var(--ui-sans) !important; box-shadow: none !important; width: auto !important; }
#tab-home .hm .hm-start__row .hm-start__go:hover { background: rgb(125, 211, 252) !important; }
#tab-home .hm-start__more { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 10px; font-size: 13.5px; font-weight: 600; color: var(--ui-accent); }
#tab-home .hm-read__soon { display: flex; justify-content: space-between; align-items: center; padding: 13px 0px; border-bottom: 1px solid rgba(226, 232, 240, 0.05); font-size: 14.5px; color: var(--ui-text-2); }
#tab-home .hm-read__soon em { font-style: normal; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ui-text-3); }
#tab-home .hm-depts { column-count: 3; column-gap: 20px; display: block !important; }
#tab-home .hm-dept { break-inside: avoid; display: block; width: 100%; margin: 0px 0px 20px; padding: 18px 12px 10px; border-radius: 18px; background: var(--ui-surface); border: 1px solid var(--ui-line); }
#tab-home .hm-dept .hm-dept__h { display: flex; align-items: center; gap: 12px; padding: 0px 8px 14px; }
#tab-home .hm-dept__i { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; background: var(--ui-accent-soft); color: var(--ui-accent); flex: 0 0 auto; }
#tab-home .hm-dept__t { flex: 1 1 0%; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ui-text); }
#tab-home .hm-dept__h em { font-style: normal; font-size: 12px; font-weight: 600; color: var(--ui-text-3); font-variant-numeric: tabular-nums; }
#tab-home .hm-tool { display: grid; grid-template-columns: 34px minmax(0px, 1fr) 18px; gap: 12px; align-items: center; padding: 10px 8px; border-radius: 12px; transition: background 0.15s; }
#tab-home .hm-tool:hover { background: var(--ui-surface-2); }
#tab-home .hm-tool__i { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 9px; border: 1px solid var(--ui-line-2); color: var(--ui-text-2); }
#tab-home .hm-tool__i svg { width: 17px; height: 17px; }
#tab-home .hm-tool:hover .hm-tool__i { border-color: var(--ui-accent-line); color: var(--ui-accent); }
#tab-home .hm-tool__b { display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
#tab-home .hm-tool__b b { font-size: 14px; font-weight: 600; color: var(--ui-text); line-height: 1.3; }
#tab-home .hm-tool__b span { font-size: 12.5px; line-height: 1.4; color: var(--ui-text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#tab-home .hm-tool__go { color: var(--ui-text-3); opacity: 0; transform: translateX(-4px); transition: opacity 0.15s, transform 0.15s; }
#tab-home .hm-tool:hover .hm-tool__go { opacity: 1; transform: none; color: var(--ui-accent); }
@media (max-width: 1100px) {
  #tab-home .hm-depts { column-count: 2; }
}
@media (max-width: 700px) {
  #tab-home .hm-depts { column-count: 1; }
}
.aiox-guest .aiox-sidebar, .aiox-guest .aiox-mobile-bar, .aiox-guest .aiox-mobile-backdrop, .aiox-guest .aiox-token-pill { display: none !important; }
html body .aiox-dashboard-wide.aiox-guest .aiox-main-content { margin-left: 0px !important; padding: 0px !important; width: 100% !important; max-width: none !important; }
.aiox-guest #tab-home { padding: 0px !important; }
#tab-home .vp section, #tab-home .vp [id] { scroll-margin-top: 84px; }
#tab-home .vp { --ui-bg: #020617; --ui-surface: #0b1222; --ui-surface-2: #0f172a; --ui-surface-3: #172033; --ui-line: rgba(226,232,240,.08); --ui-line-2: rgba(226,232,240,.15); --ui-text: #f1f5f9; --ui-text-2: #94a3b8; --ui-text-3: #64748b; --ui-accent: #38bdf8; --ui-accent-ink: #020617; --ui-accent-soft: rgba(56,189,248,.13); --ui-accent-line: rgba(56,189,248,.45); --ui-ok: #8fbf8a; --ui-display: "Montserrat","Inter",-apple-system,BlinkMacSystemFont,sans-serif; --ui-sans: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; -webkit-font-smoothing: antialiased; --vp-g: 32px; background: var(--ui-bg); color: var(--ui-text); font-family: var(--ui-sans); padding: 0px; }
#tab-home .vp * { box-sizing: border-box; -webkit-text-fill-color: currentcolor; }
#tab-home :where(.vp) span { color: inherit !important; }
#tab-home .vp svg { color: inherit !important; stroke: currentcolor; }
#tab-home .vp-hc__h .vp-ic, #tab-home .vp-checks .vp-ic { color: var(--ui-accent) !important; }
#tab-home .vp a { color: inherit; text-decoration: none !important; }
#tab-home .vp h1, #tab-home .vp h2, #tab-home .vp h3 { margin: 0px !important; padding: 0px !important; border: 0px !important; background: none !important; color: inherit !important; }
#tab-home .vp img { max-width: none; }
#tab-home .vp-ic { display: inline-flex; flex: 0 0 auto; }
#tab-home .vp-bar { position: sticky; top: 0px; z-index: 50; display: flex; align-items: center; gap: 28px; height: 68px; padding: 0 var(--vp-g); background: rgba(2, 6, 23, 0.72); backdrop-filter: saturate(1.4) blur(14px); border-bottom: 1px solid rgba(226, 232, 240, 0.06); }
#tab-home .vp-logo { display: block; width: 78px; height: 32px; flex: 0 0 auto; }
#tab-home .vp-logo img { width: 78px; height: 32px; object-fit: cover; display: block; }
#tab-home .vp-links { display: flex; gap: 26px; font-size: 14px; font-weight: 500; color: var(--ui-text-2); }
#tab-home .vp-links a:hover { color: var(--ui-text) !important; }
#tab-home .vp-bar__sp { flex: 1 1 0%; }
#tab-home .vp-login { font-size: 14px; font-weight: 600; padding: 0px 6px; color: var(--ui-text) !important; }
#tab-home .vp-cta { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; padding: 0px 18px; border-radius: 999px; font-size: 14px; font-weight: 700; letter-spacing: 0.01em; transition: background 0.15s, transform 0.15s; background: var(--ui-accent) !important; color: var(--ui-accent-ink) !important; }
#tab-home .vp-cta:hover { transform: translateY(-1px); background: rgb(125, 211, 252) !important; }
#tab-home .vp-cta--lg { height: 52px; padding: 0px 26px; font-size: 15.5px; }
#tab-home .vp-ghost { display: inline-flex; align-items: center; gap: 8px; height: 52px; padding: 0px 24px; border-radius: 999px; border: 1px solid rgba(226, 232, 240, 0.22); font-size: 15.5px; font-weight: 600; background: rgba(2, 6, 23, 0.35); backdrop-filter: blur(6px); color: var(--ui-text) !important; }
#tab-home .vp-ghost:hover { border-color: rgba(226, 232, 240, 0.45); }
#tab-home .vp-sec { padding: 84px var(--vp-g) 0; }
#tab-home .vp-sec--row { padding-top: 64px; }
#tab-home .vp-h2 { text-transform: uppercase; font-family: var(--ui-display) !important; font-weight: 800 !important; font-size: 40px !important; line-height: 1.02 !important; letter-spacing: -0.015em !important; }
#tab-home .vp-h2 em { font-style: normal; color: var(--ui-accent) !important; }
#tab-home .vp-lede { margin: 10px 0px 0px; font-size: 16px; line-height: 1.55; color: var(--ui-text-2); max-width: 640px; }
#tab-home .vp-sec__h { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
#tab-home .vp-hero { position: relative; margin: 18px var(--vp-g) 0; min-height: min(820px, -100px + 100vh); border-radius: 28px; overflow: clip; isolation: isolate; background: rgb(2, 6, 23); display: flex; flex-direction: column; padding: 0px 0px 26px; }
#tab-home .vp-hero .vp-hero__m { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; z-index: -2; opacity: 0.62; max-width: none; }
#tab-home .vp-hero::before { content: ""; position: absolute; inset: 0px; z-index: -1; background: radial-gradient(60% 55% at 50% 48%, rgba(2, 6, 23, 0.78), rgba(2, 6, 23, 0.2) 70%), linear-gradient(rgba(2, 6, 23, 0.55) 0%, rgba(2, 6, 23, 0) 30%, rgba(2, 6, 23, 0) 62%, rgba(2, 6, 23, 0.85) 100%); }
#tab-home .vp-hero::after { content: ""; position: absolute; left: -10%; right: -10%; bottom: -38%; height: 62%; z-index: -1; background: radial-gradient(at 50% 100%, rgba(56, 189, 248, 0.55), rgba(129, 140, 248, 0.18) 45%, transparent 70%); filter: blur(10px); }
#tab-home .vp-hero__c { position: relative; margin: auto; padding: 96px 24px 44px; width: min(920px, 100%); text-align: center; display: flex; flex-direction: column; align-items: center; }
#tab-home .vp-eyebrow { font-size: 12px; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; color: var(--ui-accent); }
#tab-home .vp-hero h1 { text-transform: uppercase; text-shadow: rgba(0, 0, 0, 0.5) 0px 4px 40px; margin-top: 18px !important; font-family: var(--ui-display) !important; font-weight: 800 !important; font-size: clamp(40px, 4.6vw, 68px) !important; line-height: 0.98 !important; letter-spacing: -0.025em !important; }
#tab-home .vp-hero h1 span { display: block; color: var(--ui-accent) !important; }
@supports ((-webkit-background-clip:text) or (background-clip:text)) {
  #tab-home .vp-hero h1 span { background: linear-gradient(90deg, rgb(56, 189, 248), rgb(129, 140, 248)) text; width: fit-content; margin-left: auto; margin-right: auto; -webkit-text-fill-color: transparent !important; color: transparent !important; text-shadow: none !important; }
}
#tab-home .vp-hero p { margin: 22px 0px 0px; font-size: 18px; line-height: 1.55; color: rgb(226, 232, 240); max-width: 540px; }
#tab-home .vp-hero__cta { display: flex; gap: 12px; margin-top: 32px; flex-wrap: wrap; justify-content: center; }
#tab-home .vp-hc-wrap { position: relative; }
#tab-home .vp-hc-row { display: grid; grid-auto-flow: column; grid-auto-columns: 286px; gap: 14px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding: 0px 26px; padding: 6px 26px 8px; scrollbar-width: none; mask-image: linear-gradient(90deg, transparent 0px, rgb(0, 0, 0) 26px, rgb(0, 0, 0) calc(100% - 26px), transparent 100%); }
#tab-home .vp-hc-row::-webkit-scrollbar { display: none; }
#tab-home .vp-hc { scroll-snap-align: start; display: flex; flex-direction: column; gap: 10px; padding: 12px; border-radius: 18px; background: rgba(11, 18, 34, 0.62); border: 1px solid rgba(226, 232, 240, 0.12); backdrop-filter: blur(16px) saturate(1.3); box-shadow: rgba(0, 0, 0, 0.4) 0px 18px 50px; transition: transform 0.2s, border-color 0.2s; }
#tab-home a.vp-hc:hover { transform: translateY(-3px); border-color: rgba(56, 189, 248, 0.4); }
#tab-home .vp-hc__h { display: flex; align-items: center; gap: 8px; font-size: 13px; line-height: 1.3; color: var(--ui-text) !important; }
#tab-home .vp-hc__h b { font-weight: 600; min-width: 0px; }
#tab-home .vp-hc__h em { margin-left: auto; padding-left: 8px; font-style: normal; font-size: 11.5px; font-weight: 600; white-space: nowrap; color: var(--ui-text-3) !important; }
#tab-home .vp-hc__m { display: block; position: relative; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: rgb(0, 0, 0); }
#tab-home .vp-hc__m img, #tab-home .vp-hc__m video { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; max-width: none; }
#tab-home .vp-hc__m .vp-page { position: absolute; inset: 0px; border-radius: 0px; overflow: hidden; }
#tab-home .vp-hc__m .vp-page::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 42%; background: linear-gradient(rgba(244, 239, 230, 0), rgb(244, 239, 230) 85%); }
#tab-home .vp-hc__cap { display: block; font-size: 12px; line-height: 1.4; color: var(--ui-text-2) !important; }
#tab-home .vp-hc-btn { position: absolute; top: 50%; z-index: 2; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-top: -20px; border-radius: 50%; background: rgba(2, 6, 23, 0.78); border: 1px solid rgba(226, 232, 240, 0.2); cursor: pointer; backdrop-filter: blur(8px); transition: border-color 0.15s, color 0.15s; color: var(--ui-text) !important; }
#tab-home .vp-hc-btn[hidden] { display: none; }
#tab-home .vp-hc-btn:hover, #tab-home .vp-hc-btn:focus-visible { border-color: var(--ui-accent); outline: none; color: var(--ui-accent) !important; }
#tab-home .vp-hc-btn--prev { left: 10px; }
#tab-home .vp-hc-btn--prev svg { transform: rotate(180deg); }
#tab-home .vp-hc-btn--next { right: 10px; }
@media (hover: none) {
  #tab-home .vp-hc-btn { display: none !important; }
}
#tab-home .vp-page { background: rgb(244, 239, 230); border-radius: 8px; padding: 12px 14px; font: 10.5px / 1.5 "Courier Prime", "Courier New", monospace; }
#tab-home .vp-page, #tab-home .vp-page * { color: rgb(29, 26, 21) !important; -webkit-text-fill-color: rgb(29, 26, 21) !important; }
#tab-home .vp-page b { display: block; font-weight: 700; margin-bottom: 6px; text-transform: uppercase; }
#tab-home .vp-look { display: flex; flex-direction: column; gap: 8px; font-size: 12px; }
#tab-home .vp-look > b { color: var(--ui-text); font-weight: 600; }
#tab-home .vp-look > span { color: var(--ui-text-2) !important; line-height: 1.45; }
#tab-home .vp-look > .vp-look__row { display: flex; justify-content: space-between; color: var(--ui-text-2) !important; }
#tab-home .vp-look__row b { color: var(--ui-text); font-weight: 600; }
#tab-home .vp-look > .vp-meter { display: block; height: 5px; border-radius: 5px; background: rgba(226, 232, 240, 0.1); overflow: hidden; }
#tab-home .vp-meter i { display: block; height: 100%; background: var(--ui-accent); border-radius: 5px; }
#tab-home .vp-row { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(420px, 1fr); gap: 20px; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; }
#tab-home .vp-row::-webkit-scrollbar { display: none; }
#tab-home .vp-card { display: flex; flex-direction: column; gap: 6px; min-width: 0px; }
#tab-home .vp-card__m { position: relative; aspect-ratio: 16 / 10; border-radius: 18px; overflow: hidden; background: var(--ui-surface-2); margin-bottom: 10px; }
#tab-home .vp-card__m img, #tab-home .vp-card__m video { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
#tab-home .vp-card:hover .vp-card__m img { transform: scale(1.035); }
#tab-home .vp-card__k { font-size: 11.5px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ui-accent) !important; }
#tab-home .vp-card__t { font-family: var(--ui-display); font-weight: 800; font-size: 19px; line-height: 1.15; letter-spacing: -0.005em; text-transform: uppercase; color: var(--ui-text) !important; }
#tab-home .vp-card__d { font-size: 14.5px; line-height: 1.5; color: var(--ui-text-3) !important; }
#tab-home .vp-join { display: grid; grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 1.6fr); gap: 20px; }
#tab-home .vp-access { position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; padding: 40px 38px; display: flex; flex-direction: column; justify-content: flex-end; min-height: 440px; }
#tab-home .vp-access > .vp-access__m { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
#tab-home .vp-access::before { content: ""; position: absolute; inset: 0px; z-index: -1; background: linear-gradient(90deg, rgba(2, 6, 23, 0.92) 0%, rgba(2, 6, 23, 0.7) 55%, rgba(2, 6, 23, 0.35) 100%), linear-gradient(0deg, rgba(2, 6, 23, 0.8), transparent 60%); }
#tab-home .vp-access .vp-h2 { font-size: 38px !important; }
#tab-home .vp-checks { list-style: none; margin: 22px 0px 0px; padding: 0px; display: flex; flex-direction: column; gap: 10px; }
#tab-home .vp-checks li { display: flex; gap: 10px; align-items: center; font-size: 15px; color: rgb(226, 232, 240); }
#tab-home .vp-checks .vp-ic { color: var(--ui-accent) !important; }
#tab-home .vp-mail { display: flex; gap: 8px; margin-top: 28px; max-width: 470px; padding: 6px; border-radius: 999px; background: rgba(2, 6, 23, 0.7); border: 1px solid rgba(226, 232, 240, 0.16); }
#tab-home .vp-mail input { flex: 1 1 0%; min-width: 0px; outline: none; height: 44px !important; min-height: 0px !important; margin: 0px !important; padding: 0px 16px !important; border: 0px !important; border-radius: 999px !important; background: transparent !important; box-shadow: none !important; color: var(--ui-text) !important; font: 15px var(--ui-sans) !important; }
#tab-home .vp-mail input::placeholder { color: var(--ui-text-3); -webkit-text-fill-color: var(--ui-text-3); }
#tab-home .vp-mail .vp-cta { height: 44px; }
#tab-home .vp-access--plain { background: var(--ui-surface); border: 1px solid var(--ui-line); }
#tab-home .vp-access--plain::before { display: none; }
#tab-home .vp-note { display: block; margin-top: 12px; font-size: 12.5px; line-height: 1.5; color: var(--ui-text-3); max-width: 470px; }
#tab-home .vp-note.is-ok { color: var(--ui-accent); }
#tab-home .vp-note.is-err { color: rgb(232, 138, 122); }
#tab-home .vp-hp { left: -9999px; width: 1px; height: 1px; overflow: hidden; position: absolute !important; }
#tab-home .vp-join__cta { justify-content: flex-start; }
#tab-home .vp-steps { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px; }
#tab-home .vp-step { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 28px; min-height: 210px; padding: 22px; border-radius: 20px; background: var(--ui-surface); border: 1px solid var(--ui-line); transition: border-color 0.15s, background 0.15s, transform 0.15s; }
#tab-home .vp-step:hover { background: var(--ui-surface-2); border-color: rgba(56, 189, 248, 0.35); transform: translateY(-2px); }
#tab-home .vp-step__top { display: flex; justify-content: space-between; align-items: flex-start; }
#tab-home .vp-step__i { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: var(--ui-accent-soft); color: var(--ui-accent) !important; }
#tab-home .vp-step__n { font-family: var(--ui-display); font-weight: 700; font-size: 13px; font-variant-numeric: tabular-nums; color: var(--ui-text-3) !important; }
#tab-home .vp-step b { display: block; font-size: 17px; font-weight: 700; color: var(--ui-text); margin-bottom: 6px; }
#tab-home .vp-step__b { display: block; }
#tab-home .vp-step__d { display: block; font-size: 13.5px; line-height: 1.5; color: var(--ui-text-3) !important; }
#tab-home .vp-wall { position: relative; display: grid; grid-template-columns: repeat(var(--vp-cols,4),minmax(0,1fr)); gap: 12px; }
#tab-home .vp-clip { position: relative; aspect-ratio: 21 / 9; border-radius: 14px; overflow: hidden; background: rgb(0, 0, 0); }
#tab-home .vp-clip video, #tab-home .vp-clip img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
#tab-home .vp-clip__cap { position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 26px 14px 11px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), transparent); font-size: 12.5px; opacity: 0; transform: translateY(6px); transition: opacity 0.2s, transform 0.2s; color: rgb(241, 245, 249) !important; }
#tab-home .vp-clip__cap b { font-weight: 600; }
#tab-home .vp-clip:hover .vp-clip__cap { opacity: 1; transform: none; }
#tab-home .vp-orig { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.25fr); gap: 40px; align-items: center; padding: 56px; border-radius: 28px; background: radial-gradient(70% 90% at 0% 100%, rgba(56, 189, 248, 0.14), transparent 60%), rgb(3, 10, 26); border: 1px solid var(--ui-line); }
#tab-home .vp-orig__t .vp-h2 { font-size: 52px !important; }
#tab-home .vp-orig__posters { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px; }
#tab-home .vp-poster { display: flex; flex-direction: column; gap: 10px; }
#tab-home .vp-poster img { width: 100%; aspect-ratio: 2 / 3; object-fit: cover; border-radius: 14px; box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 50px; transition: transform 0.3s; }
#tab-home .vp-poster:hover img { transform: translateY(-4px); }
#tab-home .vp-poster b { font-size: 15px; font-weight: 600; color: var(--ui-text); }
#tab-home .vp-poster span { font-size: 12.5px; margin-top: -8px; color: var(--ui-text-3) !important; }
#tab-home .vp .hm-sec { margin: 0px !important; padding: 84px var(--vp-g) 0 !important; }
#tab-home .vp .hm-sec__h { display: block !important; margin: 0px 0px 28px !important; }
#tab-home .vp .hm-sec__h h2 { text-transform: uppercase; font-family: var(--ui-display) !important; font-weight: 800 !important; font-size: 40px !important; line-height: 1.02 !important; letter-spacing: -0.015em !important; color: var(--ui-text) !important; }
#tab-home .vp .hm-sec__h .hm-sub { display: block; margin-top: 10px; font-size: 16px; color: var(--ui-text-2); }
#tab-home .vp-foot { margin-top: 110px; padding: 64px var(--vp-g) 0; background: var(--ui-surface); border-top: 1px solid var(--ui-line); color: var(--ui-text-2); }
#tab-home .vp-foot * { color: var(--ui-text-2) !important; -webkit-text-fill-color: var(--ui-text-2) !important; }
#tab-home .vp-foot .vp-foot__brand { color: var(--ui-text) !important; -webkit-text-fill-color: var(--ui-text) !important; }
#tab-home .vp-foot .vp-foot__brand small { opacity: 1; color: var(--ui-text-2) !important; -webkit-text-fill-color: var(--ui-text-2) !important; }
#tab-home .vp-foot li a { color: var(--ui-text) !important; -webkit-text-fill-color: var(--ui-text) !important; }
#tab-home .vp-foot li a:hover { color: var(--ui-accent) !important; -webkit-text-fill-color: var(--ui-accent) !important; }
#tab-home .vp-foot__g { display: grid; grid-template-columns: minmax(0,1.3fr) repeat(var(--vp-fcols,4),minmax(0,1fr)); gap: 28px; }
#tab-home .vp-foot__brand { font-family: var(--ui-display); font-weight: 800; font-size: 40px; line-height: 1; letter-spacing: -0.02em; text-transform: uppercase; }
#tab-home .vp-foot__brand small { display: block; margin-top: 14px; font-family: var(--ui-sans); font-size: 14px; font-weight: 500; letter-spacing: 0px; text-transform: none; opacity: 0.75; max-width: 280px; line-height: 1.5; }
#tab-home .vp-foot h4 { opacity: 0.6; margin: 0px 0px 14px !important; font: 600 13px var(--ui-sans) !important; }
#tab-home .vp-foot ul { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 10px; }
#tab-home .vp-foot li a { font-size: 15px; font-weight: 600; }
#tab-home .vp-foot li a:hover { text-decoration: underline !important; }
#tab-home .vp-foot__b { display: flex; justify-content: space-between; margin: 56px calc(var(--vp-g) * -1) 0; padding: 18px var(--vp-g) 20px; background: var(--ui-accent); font-size: 13px; font-weight: 500; }
#tab-home .vp-foot .vp-foot__b, #tab-home .vp-foot .vp-foot__b * { color: var(--ui-accent-ink) !important; -webkit-text-fill-color: var(--ui-accent-ink) !important; }
#tab-home .vp-foot__b span { opacity: 0.7; }
@media (max-width: 1100px) {
  #tab-home .vp-join { grid-template-columns: 1fr; }
  #tab-home .vp-wall { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  #tab-home .vp-orig { grid-template-columns: 1fr; padding: 40px; }
  #tab-home .vp-foot__g { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  #tab-home .vp-foot__brand { grid-column: 1 / -1; }
  #tab-home .vp-links { display: none; }
}
@media (max-width: 700px) {
  #tab-home .vp { --vp-g: 16px; }
  #tab-home .vp-bar { gap: 12px; height: 60px; }
  #tab-home .vp-cta { height: 38px; padding: 0px 14px; font-size: 13px; }
  #tab-home .vp-hero { border-radius: 20px; min-height: 0px; margin-top: 10px; padding-bottom: 16px; }
  #tab-home .vp-hero__c { padding: 56px 18px 30px; }
  #tab-home .vp-hc-row { grid-auto-columns: 76%; padding: 4px 16px 6px; scroll-padding: 0px 16px; }
  #tab-home .vp-hero h1 { font-size: 31px !important; }
  #tab-home .vp-hero p { font-size: 16px; }
  #tab-home .vp-cta--lg, #tab-home .vp-ghost { height: 48px; font-size: 15px; }
  #tab-home .vp-sec { padding-top: 60px; }
  #tab-home .vp .hm-sec { padding-top: 60px !important; }
  #tab-home .vp-h2, #tab-home .vp .hm-sec__h h2 { font-size: 30px !important; }
  #tab-home .vp-sec__h { flex-direction: column; align-items: flex-start; }
  #tab-home .vp-row { grid-auto-columns: 82%; }
  #tab-home .vp-access { padding: 28px 22px; min-height: 0px; }
  #tab-home .vp-access .vp-h2 { font-size: 30px !important; }
  #tab-home .vp-mail { flex-direction: column; border-radius: 18px; }
  #tab-home .vp-steps { grid-template-columns: 1fr; }
  #tab-home .vp-step { min-height: 0px; flex-direction: row; align-items: flex-start; gap: 16px; padding: 18px; }
  #tab-home .vp-steps { gap: 12px; }
  #tab-home .vp-step__n { display: none; }
  #tab-home .vp-step b { font-size: 16px; margin-bottom: 4px; }
  #tab-home .vp-wall { grid-template-columns: 1fr; }
  #tab-home .vp-orig { padding: 26px 20px; border-radius: 20px; }
  #tab-home .vp-orig__t .vp-h2 { font-size: 36px !important; }
  #tab-home .vp-foot { margin-top: 70px; }
  #tab-home .vp-foot__g { grid-template-columns: 1fr 1fr; }
  #tab-home .vp-foot__b { flex-direction: column; gap: 8px; }
}
html body #aiox-auth-modal { --m-bg: #0b1222; --m-2: #0f172a; --m-3: #172033; --m-line: rgba(226,232,240,.1); --m-line2: rgba(226,232,240,.18); --m-text: #f1f5f9; --m-text2: #94a3b8; --m-text3: #64748b; --m-acc: #38bdf8; --m-ink: #020617; align-items: center; padding: 28px 16px; }
html body #aiox-auth-modal .aiox-auth-modal__backdrop { backdrop-filter: blur(8px) saturate(1.2); background: rgba(2, 6, 23, 0.78) !important; }
html body #aiox-auth-modal .aiox-auth-modal__panel { display: grid; grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr); max-width: 980px; min-height: 560px; overflow: clip; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: var(--m-text); -webkit-font-smoothing: antialiased; border-radius: 26px !important; background: var(--m-bg) !important; border: 1px solid var(--m-line) !important; box-shadow: rgba(0, 0, 0, 0.6) 0px 40px 100px !important; }
html body #aiox-auth-modal .aiox-auth-modal__panel::before { content: ""; display: block; min-height: 100%; background: linear-gradient(180deg,rgba(2,6,23,.05) 30%,rgba(2,6,23,.8)),var(--vp-modal-img,radial-gradient(ellipse at 30% 100%,rgba(56,189,248,.35),transparent 60%)) center/cover no-repeat,#020617; }
html body #aiox-auth-modal .aiox-auth-modal__body { min-width: 0px; padding: 40px 44px 34px; }
html body #aiox-auth-modal .aiox-auth-modal__close { top: 16px !important; right: 16px !important; width: 40px !important; height: 40px !important; padding: 0px !important; border-radius: 50% !important; background: rgba(2, 6, 23, 0.7) !important; border: 1px solid var(--m-line2) !important; color: var(--m-text) !important; -webkit-text-fill-color: var(--m-text) !important; font-size: 24px !important; line-height: 1 !important; box-shadow: none !important; }
html body #aiox-auth-modal .aiox-auth-modal__close:hover { border-color: var(--m-acc) !important; color: var(--m-acc) !important; -webkit-text-fill-color: var(--m-acc) !important; }
html body #aiox-auth-modal .aiox-ah-topnav, html body #aiox-auth-modal .aiox-site-foot, html body #aiox-auth-modal .aiox-site-bar { display: none !important; }
html body #aiox-auth-modal .aiox-auth-tabs:has(> .aiox-auth-tab:only-child) { display: none !important; }
html body #aiox-auth-modal:has(.aiox-launch-panel) .aiox-ah-brand-tagline { display: none !important; }
html body #aiox-auth-modal .aiox-auth-wrapper, html body #aiox-auth-modal .aiox-auth-content-area, html body #aiox-auth-modal .aiox-ah, html body #aiox-auth-modal .aiox-launch-panel, html body #aiox-auth-modal .aiox-launch-card, html body #aiox-auth-modal .aiox-login-container, html body #aiox-auth-modal .aiox-login-card { background: none !important; border: 0px !important; box-shadow: none !important; padding: 0px !important; margin: 0px !important; max-width: none !important; width: auto !important; text-align: left !important; min-height: 0px !important; }
html body #aiox-auth-modal .aiox-ah-brand { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 12px !important; margin: 0px 0px 30px !important; padding: 0px !important; text-align: left !important; background: none !important; }
html body #aiox-auth-modal .aiox-ah-brand-logo { object-fit: cover; height: 30px !important; width: 72px !important; margin: 0px !important; }
html body #aiox-auth-modal .aiox-ah-brand-title { text-transform: uppercase; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.22em !important; color: var(--m-acc) !important; -webkit-text-fill-color: var(--m-acc) !important; margin: 0px !important; }
html body #aiox-auth-modal .aiox-ah-brand-tagline { margin: 0px !important; font-size: 13px !important; color: var(--m-text3) !important; }
html body #aiox-auth-modal .aiox-launch-heading { text-transform: uppercase; margin: 0px 0px 12px !important; font-family: Montserrat, Inter, sans-serif !important; font-weight: 800 !important; font-size: 36px !important; line-height: 1.02 !important; letter-spacing: -0.015em !important; color: var(--m-text) !important; -webkit-text-fill-color: var(--m-text) !important; }
html body #aiox-auth-modal .aiox-launch-message { margin: 0px 0px 22px !important; font-size: 15px !important; line-height: 1.55 !important; color: var(--m-text2) !important; opacity: 1 !important; }
html body #aiox-auth-modal .aiox-launch-label { width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); position: absolute !important; }
html body #aiox-auth-modal .aiox-launch-row { padding: 6px; border-radius: 999px; background: rgba(2, 6, 23, 0.6); border: 1px solid var(--m-line2); display: flex !important; flex-wrap: nowrap !important; gap: 6px !important; }
html body #aiox-auth-modal .aiox-launch-row input[type="email"] { flex: 1 1 0%; min-width: 0px !important; height: 44px !important; margin: 0px !important; padding: 0px 16px !important; border: 0px !important; border-radius: 999px !important; background: transparent !important; box-shadow: none !important; color: var(--m-text) !important; -webkit-text-fill-color: var(--m-text) !important; font: 15px Inter, sans-serif !important; outline: none !important; }
html body #aiox-auth-modal .aiox-launch-row input[type="email"]::placeholder { color: var(--m-text3); -webkit-text-fill-color: var(--m-text3); }
html body #aiox-auth-modal .aiox-launch-row input[type]:-webkit-autofill, html body #aiox-auth-modal .aiox-launch-row input[type]:-webkit-autofill:hover, html body #aiox-auth-modal .aiox-launch-row input[type]:-webkit-autofill:focus, html body #aiox-auth-modal .aiox-launch-row input[type]:-webkit-autofill:active { caret-color: var(--m-text); transition: background-color 9999s ease-in-out; box-shadow: 0 0 0 1000px var(--m-bg) inset !important; -webkit-text-fill-color: var(--m-text) !important; }
html body #aiox-auth-modal .aiox-launch-row button[type="submit"] { flex: 0 0 auto; letter-spacing: 0.01em; cursor: pointer; height: 44px !important; padding: 0px 20px !important; margin: 0px !important; border: 0px !important; border-radius: 999px !important; background: var(--m-acc) !important; color: var(--m-ink) !important; -webkit-text-fill-color: var(--m-ink) !important; font: 700 14px Inter, sans-serif !important; box-shadow: none !important; text-transform: none !important; }
html body #aiox-auth-modal .aiox-launch-row button[type="submit"]:hover { background: rgb(125, 211, 252) !important; filter: none !important; }
html body #aiox-auth-modal .aiox-launch-note { margin: 10px 0px 0px !important; font-size: 13px !important; color: var(--m-text3) !important; }
html body #aiox-auth-modal .aiox-launch-note.ok { color: var(--m-acc) !important; }
html body #aiox-auth-modal .aiox-launch-note.err { color: rgb(232, 138, 122) !important; }
html body #aiox-auth-modal .aiox-auth-section#tab-login, html body #aiox-auth-modal .aiox-auth-section#tab-reset { margin-top: 30px !important; padding-top: 26px !important; border-top: 1px solid var(--m-line) !important; }
html body #aiox-auth-modal .aiox-auth-section h3 { letter-spacing: -0.005em; margin: 0px 0px 16px !important; font-family: Montserrat, Inter, sans-serif !important; font-weight: 700 !important; font-size: 18px !important; text-align: left !important; color: var(--m-text) !important; -webkit-text-fill-color: var(--m-text) !important; }
html body #aiox-auth-modal .aiox-auth-section .form-field { margin: 0px 0px 12px !important; }
html body #aiox-auth-modal .aiox-auth-section p { margin: 0px 0px 16px !important; text-align: left !important; font-size: 14px !important; line-height: 1.5 !important; color: var(--m-text2) !important; -webkit-text-fill-color: var(--m-text2) !important; }
html body #aiox-auth-modal .aiox-auth-section label { display: block; letter-spacing: 0.02em; margin: 0px 0px 6px !important; font-size: 12px !important; font-weight: 600 !important; color: var(--m-text2) !important; -webkit-text-fill-color: var(--m-text2) !important; }
html body #aiox-auth-modal .aiox-auth-section input[type="email"], html body #aiox-auth-modal .aiox-auth-section input[type="password"], html body #aiox-auth-modal .aiox-auth-section input[type="text"] { width: 100% !important; height: 46px !important; margin: 0px !important; padding: 0px 14px !important; border-radius: 12px !important; border: 1px solid var(--m-line2) !important; background: var(--m-2) !important; box-shadow: none !important; color: var(--m-text) !important; -webkit-text-fill-color: var(--m-text) !important; font: 15px Inter, sans-serif !important; outline: none !important; }
html body #aiox-auth-modal .aiox-auth-section input:focus { border-color: var(--m-acc) !important; }
html body #aiox-auth-modal .aiox-auth-section input::placeholder { opacity: 1; color: var(--m-text3) !important; -webkit-text-fill-color: var(--m-text3) !important; }
html body #aiox-auth-modal .aiox-auth-section input[type]:-webkit-autofill, html body #aiox-auth-modal .aiox-auth-section input[type]:-webkit-autofill:hover, html body #aiox-auth-modal .aiox-auth-section input[type]:-webkit-autofill:focus, html body #aiox-auth-modal .aiox-auth-section input[type]:-webkit-autofill:active { caret-color: var(--m-text); transition: background-color 9999s ease-in-out; box-shadow: 0 0 0 1000px var(--m-2) inset !important; -webkit-text-fill-color: var(--m-text) !important; }
html body #aiox-auth-modal .aiox-form-checkbox { align-items: center; gap: 8px; display: flex !important; margin: 4px 0px 16px !important; }
html body #aiox-auth-modal .aiox-form-checkbox label { display: inline !important; margin: 0px !important; font-weight: 500 !important; }
html body #aiox-auth-modal .aiox-form-checkbox input { accent-color: var(--m-acc); width: 16px; height: 16px; margin: 0px !important; }
html body #aiox-auth-modal .aiox-auth-section button[type="submit"] { cursor: pointer; width: 100% !important; height: 48px !important; margin: 0px !important; padding: 0px 20px !important; border-radius: 999px !important; border: 1px solid var(--m-acc) !important; background: var(--m-acc) !important; color: var(--m-ink) !important; -webkit-text-fill-color: var(--m-ink) !important; font: 700 15px Inter, sans-serif !important; box-shadow: none !important; text-transform: none !important; }
html body #aiox-auth-modal:has(.aiox-launch-panel) .aiox-auth-section button[type="submit"] { background: transparent !important; border-color: var(--m-line2) !important; color: var(--m-text) !important; -webkit-text-fill-color: var(--m-text) !important; }
html body #aiox-auth-modal .aiox-auth-section button[type="submit"]:hover { border-color: var(--m-acc) !important; }
html body #aiox-auth-modal .aiox-auth-section button[type="submit"] span { color: inherit !important; -webkit-text-fill-color: currentcolor !important; background: none !important; }
html body #aiox-auth-modal .aiox-auth-link { margin-top: 14px !important; text-align: center !important; }
html body #aiox-auth-modal .aiox-auth-link a, html body #aiox-auth-modal .aiox-auth-section a { font-weight: 600; color: var(--m-acc) !important; -webkit-text-fill-color: var(--m-acc) !important; font-size: 13px !important; text-decoration: none !important; }
html body #aiox-auth-modal #auth-messages:empty { display: none; }
@media (max-width: 760px) {
  html body #aiox-auth-modal { padding: 12px; align-items: flex-start; }
  html body #aiox-auth-modal .aiox-auth-modal__panel { grid-template-columns: 1fr; min-height: 0px; border-radius: 20px !important; }
  html body #aiox-auth-modal .aiox-auth-modal__panel::before { min-height: 150px; }
  html body #aiox-auth-modal .aiox-auth-modal__body { padding: 26px 22px; }
  html body #aiox-auth-modal .aiox-launch-heading { font-size: 28px !important; }
  html body #aiox-auth-modal .aiox-launch-row { flex-direction: column; border-radius: 18px; }
  html body #aiox-auth-modal .aiox-launch-row button[type="submit"] { width: 100%; }
}
#tab-home .vp .hm-read .hm-dept__h span { color: var(--ui-text-2) !important; }
#tab-home .vp .hm-read__soon { color: var(--ui-text-2) !important; }
#tab-home .vp .hm-read__soon em { color: var(--ui-text-3) !important; }
#sw span { color: inherit !important; }
#sw svg { color: inherit !important; stroke: currentcolor; }
#sw { grid-template-columns: 304px minmax(0px, 1fr); gap: 0px; align-items: start; border-radius: 18px; overflow: clip; border: 1px solid var(--ui-line); min-height: calc(-120px + 100vh); display: grid !important; background: var(--ui-bg) !important; }
#sw * { -webkit-text-fill-color: currentcolor; }
#sw a { text-decoration: none; color: inherit; }
#sw .sw-list { position: sticky; top: 0px; height: calc(-90px + 100vh); display: flex; flex-direction: column; background: var(--ui-surface); border-right: 1px solid var(--ui-line); }
#sw .sw-list__head { padding: 22px 18px 12px; border-bottom: 1px solid var(--ui-line); }
#sw .sw-list__film { font-family: var(--ui-display); font-weight: 600; font-size: 20px; color: var(--ui-text); letter-spacing: -0.01em; }
#sw .sw-list__sub { font-size: 12px; color: var(--ui-text-3); margin: 2px 0px 14px; }
#sw .sw-search { display: flex; align-items: center; gap: 8px; height: 38px; padding: 0px 12px; border-radius: 10px; background: var(--ui-surface-2); border: 1px solid var(--ui-line); color: var(--ui-text-3); }
#sw .sw-search input { flex: 1 1 0%; min-width: 0px; outline: none; border: 0px !important; background: transparent !important; box-shadow: none !important; padding: 0px !important; min-height: 0px !important; color: var(--ui-text) !important; font: 13px var(--ui-sans) !important; }
#sw .sw-filter { display: flex; gap: 16px; margin-top: 12px; font-size: 12.5px; }
#sw .sw-filter a { color: var(--ui-text-3); padding-bottom: 6px; border-bottom: 2px solid transparent; }
#sw .sw-filter a.is-on { color: var(--ui-text); border-bottom-color: var(--ui-accent); }
#sw .sw-list__rows { flex: 1 1 0%; overflow-y: auto; padding: 6px 0px 20px; scrollbar-width: thin; scrollbar-color: var(--ui-surface-3) transparent; }
#sw .sw-row { display: grid; grid-template-columns: 34px minmax(0px, 1fr) auto; gap: 10px; align-items: center; padding: 10px 16px 10px 14px; border-left: 2px solid transparent; }
#sw .sw-row:hover { background: var(--ui-surface-2); }
#sw .sw-row.is-on { background: var(--ui-accent-soft); border-left-color: var(--ui-accent); }
#sw .sw-row__n { font-family: var(--ui-display); font-weight: 600; font-size: 15px; color: var(--ui-text-2); font-variant-numeric: tabular-nums; text-align: right; }
#sw .sw-row.is-on .sw-row__n { color: var(--ui-accent); }
#sw .sw-row__b { display: flex; flex-direction: column; min-width: 0px; }
#sw .sw-row__p { font-size: 13.5px; font-weight: 600; color: var(--ui-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#sw .sw-row__m { font-size: 11.5px; color: var(--ui-text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#sw .sw-row.is-todo .sw-row__p { color: var(--ui-text-2); font-weight: 500; }
#sw .sw-row__t img { width: 58px; height: 25px; object-fit: cover; border-radius: 4px; display: block; }
#sw .sw-main { min-width: 0px; }
#sw .sw-card { padding: 26px 36px 60px; display: flex; flex-direction: column; gap: 22px; }
#sw .sw-head { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "nav actions" "title actions" "meta actions"; gap: 4px 20px; align-items: end; }
#sw .sw-head__nav { grid-area: nav; display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ui-accent); }
#sw .sw-title { grid-area: title; margin: 4px 0px 0px !important; font-family: var(--ui-display) !important; font-weight: 600 !important; font-size: 36px !important; line-height: 1.08 !important; letter-spacing: -0.02em !important; color: var(--ui-text) !important; }
#sw .sw-meta { grid-area: meta; font-size: 14px; color: var(--ui-text-2); }
#sw .sw-actions { grid-area: actions; display: flex; gap: 10px; align-items: center; }
#sw .sw-btn { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0px 18px; border-radius: 999px; border: 1px solid var(--ui-line-2); font-size: 13.5px; font-weight: 600; color: var(--ui-text) !important; }
#sw .sw-btn:hover { background: var(--ui-surface-2); }
#sw .sw-btn--primary { border-color: var(--ui-accent); background: var(--ui-accent) !important; color: var(--ui-accent-ink) !important; }
#sw .sw-btn--danger { border-color: rgba(232, 112, 95, 0.4); color: var(--ui-bad) !important; }
#sw .sw-btn--danger:hover { background: rgba(232, 112, 95, 0.09); }
#sw .sw-iconbtn { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--ui-line-2); color: var(--ui-text-2) !important; }
#sw .sw-head__nav .sw-iconbtn { width: 26px; height: 26px; }
#sw .sw-iconbtn:hover { border-color: var(--ui-text-3); color: var(--ui-text) !important; }
#sw .sw-tabs { display: flex; gap: 26px; border-bottom: 1px solid var(--ui-line); font-size: 14px; }
#sw .sw-tabs a { padding: 10px 0px 12px; margin-bottom: -1px; border-bottom: 2px solid transparent; color: var(--ui-text-3); font-weight: 500; }
#sw .sw-tabs a span { font-size: 12px; color: var(--ui-text-3); margin-left: 4px; }
#sw .sw-tabs a.is-on { color: var(--ui-text); border-bottom-color: var(--ui-accent); font-weight: 600; }
#sw .sw-player video { width: 100%; aspect-ratio: auto; max-height: 72vh; display: block; border-radius: 16px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.45) 0px 30px 70px; }
#sw .sw-player__cap { margin-top: 10px; font-size: 13px; color: var(--ui-text-2); display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
#sw .sw-player__cap b { color: var(--ui-text); }
#sw .sw-ok { display: inline-flex; align-items: center; gap: 4px; color: var(--ui-ok); font-weight: 600; }
#sw .sw-takes { display: grid; grid-auto-flow: column; grid-auto-columns: 230px; gap: 16px; overflow-x: auto; padding-bottom: 6px; }
#sw .sw-take { display: flex; flex-direction: column; gap: 4px; }
#sw .sw-take__img { position: relative; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; border: 1px solid var(--ui-line); background: var(--ui-surface-2); display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 6px; color: var(--ui-text-3); font-size: 12.5px; font-weight: 600; }
#sw .sw-take__img img { width: 100%; height: 100%; object-fit: cover; }
#sw .sw-take.is-on .sw-take__img { border-color: var(--ui-accent); box-shadow: inset 0 0 0 1px var(--ui-accent); }
#sw .sw-take__len { position: absolute; right: 8px; bottom: 8px; font-size: 11px; font-weight: 600; padding: 2px 6px; border-radius: 4px; background: rgba(0, 0, 0, 0.65); color: rgb(255, 255, 255); }
#sw .sw-take__t { margin-top: 4px; font-size: 13.5px; font-weight: 600; color: var(--ui-text); }
#sw .sw-take__m { font-size: 12px; color: var(--ui-text-3); }
#sw .sw-take__m b { color: var(--ui-ok); font-weight: 600; }
#sw .sw-take--new .sw-take__img { border-style: dashed; border-color: var(--ui-line-2); }
#sw .sw-take--new:hover .sw-take__img { color: var(--ui-accent); border-color: var(--ui-accent-line); }
#sw .sw-grid { display: grid; grid-template-columns: minmax(0px, 1.45fr) minmax(0px, 1fr); gap: 22px; align-items: start; margin-top: 10px; }
#sw .sw-block { background: var(--ui-surface); border: 1px solid var(--ui-line); border-radius: 18px; padding: 22px; }
#sw .sw-block__h { display: flex; align-items: baseline; gap: 10px; margin: 0px 0px 14px; }
#sw .sw-block__h h3 { display: inline-flex; align-items: center; gap: 7px; margin: 0px !important; font-family: var(--ui-sans) !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: var(--ui-text-2) !important; }
#sw .sw-block__h span { font-size: 12px; color: var(--ui-text-3); }
#sw .sw-bigimg { width: 100%; display: block; border-radius: 12px; }
#sw .sw-plate img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 12px; display: block; }
#sw .sw-plate div { display: flex; flex-direction: column; gap: 2px; margin-top: 10px; }
#sw .sw-plate b { font-size: 14.5px; color: var(--ui-text); }
#sw .sw-plate span { font-size: 12.5px; line-height: 1.45; color: var(--ui-text-3); }
#sw .sw-syn { font-size: 14px; line-height: 1.6; color: var(--ui-text-2); margin: 0px; }
#sw .sw-props { list-style: none; margin: 0px; padding: 0px; }
#sw .sw-props li { display: flex; flex-direction: column; gap: 2px; padding: 10px 0px; border-bottom: 1px solid var(--ui-line); }
#sw .sw-props b { font-size: 13.5px; color: var(--ui-text); font-weight: 600; }
#sw .sw-props span { font-size: 12.5px; color: var(--ui-text-3); line-height: 1.45; }
#sw .sw-script.sp-page { max-width: none !important; margin: 0px !important; padding: 40px 44px 44px !important; font-size: 13.5px !important; box-shadow: none !important; }
#sw .sw-script .sp-sh { font-weight: 700; text-transform: uppercase; margin: 0px 0px 12px; }
#sw .sw-script .sp-ch { margin: 14px 0px 0px 36%; text-transform: uppercase; }
#sw .sw-script .sp-pa { margin: 0px 0px 0px 28%; }
#sw .sw-script .sp-dl { margin: 0px 14% 0px 20%; }
#sw .sw-script .sp-ac { margin: 0px 0px 12px; }
#sw .sw-script, #sw .sw-script * { color: rgb(29, 26, 21) !important; -webkit-text-fill-color: rgb(29, 26, 21) !important; }
#sw { transition: grid-template-columns 0.25s; }
#sw.is-folded { grid-template-columns: 0px minmax(0px, 1fr); }
#sw.is-folded .sw-list { visibility: hidden; border-right: 0px; overflow: hidden; }
#sw .sw-list__top { display: flex; align-items: center; justify-content: space-between; }
#sw .sw-fold { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; cursor: pointer; color: var(--ui-text-3) !important; }
#sw .sw-fold:hover { background: var(--ui-surface-2); color: var(--ui-text) !important; }
#sw .sw-unfold { display: none; align-items: center; gap: 6px; height: 28px; padding: 0px 12px 0px 10px; border-radius: 999px; border: 1px solid var(--ui-line-2); font-size: 12px; font-weight: 600; letter-spacing: 0.02em; text-transform: none; cursor: pointer; margin-right: 6px; color: var(--ui-text) !important; }
#sw.is-folded .sw-unfold { display: inline-flex; }
#sw .sw-unfold:hover { border-color: var(--ui-accent); color: var(--ui-accent) !important; }
#sw .sw-btn--sm { height: 32px; padding: 0px 12px; font-size: 12.5px; gap: 6px; }
#sw .sw-block__h { flex-wrap: wrap; }
#sw .sw-assets, #sw .sw-walk { margin-top: 6px; }
#sw .as-tally { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--ui-text-2); }
#sw .as-tally i, #sw .as-st i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-left: 8px; }
#sw .as-tally i.ok { background: rgb(143, 191, 138); }
#sw .as-tally i.desc { background: rgb(100, 116, 139); }
#sw .as-tally i.miss { background: rgb(224, 120, 106); }
#sw .as-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px 28px; }
#sw .as-group h4 { text-transform: uppercase; display: flex; align-items: center; gap: 6px; margin: 0px 0px 6px !important; font: 700 11px var(--ui-sans) !important; letter-spacing: 0.14em !important; color: var(--ui-text-3) !important; }
#sw .as-group--sound p { margin: 0px 0px 8px; font-size: 13px; line-height: 1.5; color: var(--ui-text-2); }
#sw .as-sfx { display: inline-block; margin: 0px 6px 6px 0px; padding: 3px 9px; border-radius: 6px; background: var(--ui-surface-2); font-size: 12px; color: var(--ui-text-2) !important; }
#sw .as-row { display: grid; grid-template-columns: 64px minmax(0px, 1fr) auto; grid-template-areas: "pic b st" "pic acts acts"; gap: 2px 12px; align-items: center; padding: 10px 0px; border-bottom: 1px solid var(--ui-line); }
#sw .as-pic { grid-area: pic; width: 64px; height: 40px; border-radius: 7px; overflow: hidden; background: var(--ui-surface-2); display: flex; align-items: center; justify-content: center; color: var(--ui-text-3) !important; }
#sw .as-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#sw .as-b { grid-area: b; display: flex; flex-direction: column; min-width: 0px; }
#sw .as-b b { font-size: 13.5px; font-weight: 600; color: var(--ui-text); }
#sw .as-b span { font-size: 11.5px; font-family: ui-monospace, Menlo, monospace; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--ui-text-3) !important; }
#sw .as-st { grid-area: st; display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; white-space: nowrap; }
#sw .as-st--ok { color: rgb(143, 191, 138) !important; }
#sw .as-st--desc { color: var(--ui-text-3) !important; }
#sw .as-st--miss { color: rgb(224, 120, 106) !important; }
#sw .as-acts { grid-area: acts; display: flex; gap: 14px; font-size: 12px; }
#sw .as-acts a { color: var(--ui-text-3) !important; }
#sw .as-acts a:hover { color: var(--ui-accent) !important; }
#sw .as-add { display: inline-block; margin: 10px 14px 0px 0px; font-size: 12.5px; font-weight: 600; color: var(--ui-accent) !important; }
#sw .wt-acts { margin-left: auto; display: flex; flex-wrap: wrap; gap: 8px; }
#sw .wt-legend { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin: 0px 0px 14px; font-size: 12px; color: var(--ui-text-3); }
#sw .wt-legend i { font-style: normal; }
#sw .wt-sum { margin-left: auto; color: var(--ui-text-2); font-weight: 600; }
#sw .wt-slug { font-family: ui-monospace, Menlo, monospace; font-size: 0.92em; padding: 0px 3px; border-radius: 4px; cursor: pointer; }
#sw .wt-slug--ok { background: rgba(143, 191, 138, 0.1); color: rgb(159, 212, 154) !important; }
#sw .wt-slug--desc { background: rgba(226, 232, 240, 0.06); color: var(--ui-text-2) !important; }
#sw .wt-slug--miss { background: rgba(224, 120, 106, 0.14); text-decoration: underline wavy rgba(224, 120, 106, 0.7); text-underline-offset: 3px; color: rgb(240, 139, 124) !important; }
#sw .sw-chk-sum { display: flex; align-items: center; gap: 10px; margin: 0px 0px 14px; padding: 11px 14px; border-radius: 12px; background: rgba(230, 169, 79, 0.09); border: 1px solid rgba(230, 169, 79, 0.35); font-size: 13px; color: var(--ui-warn) !important; text-decoration: none !important; }
#sw .sw-chk-sum.is-bad { background: rgba(232, 112, 95, 0.09); border-color: rgba(232, 112, 95, 0.35); color: var(--ui-bad) !important; }
#sw .sw-chk-sum b { flex: 1 1 0%; font-weight: 600; color: var(--ui-text) !important; }
#sw .sw-chk-sum em { font-style: normal; font-weight: 600; color: var(--ui-text-2) !important; }
#sw .sw-checks { margin: 0px 0px 18px; }
#sw .sw-chk { display: flex; align-items: flex-start; gap: 12px; padding: 10px 0px; border-top: 1px solid var(--ui-line); font-size: 13.5px; line-height: 1.55; color: var(--ui-text-2); }
#sw .sw-chk:first-of-type { border-top: 0px; }
#sw .sw-chk i { flex: 0 0 auto; width: 9px; height: 9px; margin-top: 6px; border-radius: 50%; background: var(--ui-info); }
#sw .sw-chk--error i { background: var(--ui-bad); }
#sw .sw-chk--warn i { background: var(--ui-warn); }
#sw .sw-chk--ok i { background: var(--ui-ok); }
#sw .sw-chk--info { color: var(--ui-text-3); }
#sw .sw-chk b { color: var(--ui-text); font-weight: 600; margin-right: 4px; }
#sw .sw-chk em { display: block; margin-top: 3px; font-style: normal; font-size: 12.5px; color: var(--ui-text-3); }
#sw .wt-alert { display: flex; align-items: center; gap: 12px; margin: 0px 0px 12px; padding: 12px 14px; border-radius: 12px; background: rgba(224, 120, 106, 0.08); border: 1px solid rgba(224, 120, 106, 0.3); font-size: 13px; color: rgb(240, 179, 169) !important; }
#sw .wt-alert span { flex: 1 1 0%; color: var(--ui-text-2) !important; }
#sw .wt-alert b { color: var(--ui-text); font-family: ui-monospace, Menlo, monospace; font-weight: 600; }
#sw .wt-body { max-height: none; }
#sw .wt-part { margin: 0px 0px 4px; padding: 16px 18px 8px; border-radius: 14px; background: var(--ui-surface-2); border: 1px solid var(--ui-line); }
#sw .wt-part__h { display: flex; align-items: baseline; gap: 12px; margin: 0px 0px 10px; }
#sw .wt-part__h b { font-family: var(--ui-display); font-size: 15px; font-weight: 700; color: var(--ui-text); }
#sw .wt-part__h span { font-size: 12px; color: var(--ui-text-3) !important; }
#sw .wt-part__h em { margin-left: auto; font-style: normal; font-size: 12px; font-weight: 600; color: var(--ui-text-3) !important; }
#sw .wt-part__h em.is-done { color: rgb(143, 191, 138) !important; }
#sw .wt-open { margin: 0px 0px 12px; padding: 8px 12px; border-left: 2px solid var(--ui-accent-line); font-size: 12.5px; line-height: 1.5; color: var(--ui-text-3); }
#sw .wt-open span { font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; font-size: 10.5px; margin-right: 6px; color: var(--ui-accent) !important; }
#sw .wt-p { margin: 0px 0px 4px; font-size: 14px; line-height: 1.65; color: var(--ui-text-2); }
#sw .wt-splithere { height: 18px; display: flex; align-items: center; justify-content: center; opacity: 0.55; transition: opacity 0.15s; }
#sw .wt-splithere:hover { opacity: 1; }
#sw .wt-splithere a { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; color: var(--ui-text-3) !important; }
#sw .wt-hint { display: flex; align-items: center; gap: 8px; margin: 0px 0px 12px; font-size: 12.5px; color: var(--ui-text-3); }
#sw .wt-hint span { color: var(--ui-text-3) !important; }
#sw .wt-hint b { color: var(--ui-text-2) !important; font-weight: 600; }
#sw .wt-hint svg { flex: 0 0 auto; color: var(--ui-accent) !important; }
#sw .wt-cut { display: flex; align-items: center; gap: 12px; margin: 10px 0px; font-size: 12px; font-weight: 700; color: var(--ui-accent); }
#sw .wt-cut span { display: inline-flex; align-items: center; gap: 6px; color: var(--ui-accent) !important; }
#sw .wt-cut::after { content: ""; flex: 1 1 0%; height: 1px; background: var(--ui-accent-line); }
#sw .wt-cut a { order: 3; font-weight: 500; color: var(--ui-text-3) !important; }
@media (max-width: 1100px) {
  #sw .as-grid { grid-template-columns: 1fr; }
}
#sw .sw-filter span { color: var(--ui-text-3); padding-bottom: 6px; border-bottom: 2px solid transparent; cursor: pointer; }
#sw .sw-filter span.is-on { color: var(--ui-text); border-bottom-color: var(--ui-accent); }
#sw .sw-row[hidden] { display: none; }
#sw .sw-row__p { letter-spacing: 0.01em; }
#sw .sw-note { margin: -8px 0px 0px; display: block; font-size: 12.5px; line-height: 1.5; color: var(--ui-text-3); }
#sw .sw-note svg { vertical-align: -2px; margin-right: 4px; }
#sw .sw-head__nav > span:not(.sw-unfold) { white-space: nowrap; }
#sw .sw-tabs { scrollbar-width: none; }
#sw #sw-top, #sw #sw-assets, #sw #sw-walk, #sw #sw-script { scroll-margin-top: 84px; }
#sw .sw-tabs::-webkit-scrollbar { display: none; }
#sw .sw-note a { color: var(--ui-accent) !important; font-weight: 600; }
#sw .sw-take { cursor: pointer; }
#sw .sw-take__img video { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; }
#sw .sw-player--empty { aspect-ratio: 16 / 9; max-height: 52vh; border-radius: 16px; border: 1px dashed var(--ui-line-2); background: var(--ui-surface); display: flex; align-items: center; justify-content: center; text-align: center; color: var(--ui-text-3); }
#sw .sw-player--empty div { display: flex; flex-direction: column; align-items: center; gap: 8px; max-width: 360px; padding: 0px 20px; }
#sw .sw-player--empty b { font-family: var(--ui-display); font-size: 20px; font-weight: 600; color: var(--ui-text); }
#sw .sw-player--empty span { font-size: 13px; line-height: 1.5; }
#sw .as-st--base { color: rgb(242, 179, 91) !important; }
#sw .as-tally i.base { background: rgb(242, 179, 91); }
#sw .wt-slug--base { background: rgba(242, 179, 91, 0.12); color: rgb(245, 194, 122) !important; }
#sw .wt-alert--base { background: rgba(242, 179, 91, 0.08); border-color: rgba(242, 179, 91, 0.3); color: rgb(245, 194, 122) !important; }
#sw .wt-alert .sw-btn { flex: 0 0 auto; }
#sw .wt-part--one { padding-top: 14px; }
#sw .sw-grid--text { grid-template-columns: minmax(0px, 1.45fr) minmax(0px, 1fr); }
#sw.sw--empty { min-height: 0px; padding: 48px 36px; display: block !important; }
#sw .sw-empty h2 { margin: 0px 0px 6px !important; font-family: var(--ui-display) !important; font-size: 28px !important; color: var(--ui-text) !important; }
#sw .sw-empty p { margin: 0px 0px 16px; color: var(--ui-text-2); }
#sw .sw-empty ul { list-style: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; gap: 10px; }
#sw .sw-empty li a { display: inline-flex; height: 40px; align-items: center; padding: 0px 16px; border-radius: 999px; border: 1px solid var(--ui-line-2); font-weight: 600; color: var(--ui-text) !important; }
#sw .sw-empty li a:hover { border-color: var(--ui-accent); }
@media (max-width: 1100px) {
  #sw .sw-grid, #sw .sw-grid--text { grid-template-columns: 1fr; }
  #sw .sw-head { grid-template-columns: 1fr; grid-template-areas: "nav" "title" "meta" "actions"; }
  #sw .sw-actions { margin-top: 10px; }
}
@media (max-width: 760px) {
  #sw { border-radius: 14px; min-height: 0px; grid-template-columns: 1fr !important; }
  #sw .sw-list { position: relative; height: auto; max-height: 62vh; border-right: 0px; border-bottom: 1px solid var(--ui-line); }
  #sw.is-folded .sw-list { display: none; }
  #sw .sw-unfold { display: inline-flex; }
  #sw:not(.is-folded) .sw-unfold { display: none; }
  #sw .sw-card { padding: 18px 16px 40px; gap: 18px; }
  #sw .sw-title { font-size: 28px !important; }
  #sw .sw-head__nav { letter-spacing: 0.06em; gap: 8px; }
  #sw .sw-actions .sw-btn { flex: 1 1 0%; justify-content: center; padding: 0px 12px; white-space: nowrap; font-size: 13px; }
  #sw .sw-actions { flex-wrap: wrap; }
  #sw .sw-actions .sw-btn--danger { flex: 1 0 100%; }
  #sw .sw-tabs { gap: 18px; overflow-x: auto; white-space: nowrap; }
  #sw .sw-takes { grid-auto-columns: 180px; }
  #sw .sw-block { padding: 16px; }
  #sw .as-row { grid-template-columns: 52px minmax(0px, 1fr); grid-template-areas: "pic b" "pic st" "acts acts"; }
  #sw .as-pic { width: 52px; }
  #sw .wt-part { padding: 12px 12px 6px; }
  #sw .wt-part__h { flex-wrap: wrap; }
  #sw .wt-alert { flex-wrap: wrap; }
  #sw .sw-script.sp-page { padding: 24px 18px !important; }
  #sw .sw-script .sp-ch { margin-left: 24%; }
  #sw .sw-script .sp-dl { margin: 0px 4% 0px 10%; }
  #sw .sw-script .sp-pa { margin-left: 18%; }
}
.aiox-app-view-wrapper:has(#sw) > .aiox-app-view-header { display: none !important; }
#sw .sw-card--wait { gap: 16px; }
#sw .sw-skel { display: block; border-radius: 12px; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 200% 100%; animation: 1.4s linear 0s infinite normal none running sw-shine; }
#sw .sw-skel--t { height: 40px; width: 46%; margin-top: 8px; }
#sw .sw-skel--m { height: 16px; width: 62%; border-radius: 6px; }
#sw .sw-skel--p { aspect-ratio: 16 / 9; max-height: 62vh; width: 100%; border-radius: 16px; margin-top: 10px; }
#sw .sw-skel--r { height: 120px; width: 100%; }
@keyframes sw-shine { 
  100% { background-position: -200% 0px; }
}
#sw .sw-main.is-loading .sw-card:not(.sw-card--wait) { opacity: 0.45; transition: opacity 0.2s; pointer-events: none; }
@media (prefers-reduced-motion: reduce) {
  #sw .sw-skel { animation: auto ease 0s 1 normal none running none; }
}
#sw .as-b .as-look { font-style: normal; font-size: 12px; color: var(--ui-text-2); }
#sw .wt-p { margin: 0px 0px 10px; }
#sw [role="button"] { cursor: pointer; user-select: none; }
#sw .sw-btn[data-sw-primary] { border-color: var(--ui-accent); background: var(--ui-accent) !important; color: var(--ui-accent-ink) !important; }
#sw .sw-btn.is-busy, #sw [data-sw-do].is-busy { opacity: 0.55; pointer-events: none; }
#sw .sw-btn.is-busy::after { content: ""; width: 12px; height: 12px; border-radius: 50%; border-width: 2px; border-style: solid; border-color: currentcolor transparent currentcolor currentcolor; border-image: none; animation: 0.8s linear 0s infinite normal none running sw-spin; }
@keyframes sw-spin { 
  100% { transform: rotate(360deg); }
}
#sw .wt-status { margin: -4px 0px 12px; min-height: 0px; font-size: 12.5px; color: var(--ui-text-2); }
#sw .wt-status:empty { display: none; }
#sw .wt-status.is-bad { color: rgb(240, 179, 169); }
#sw .wt-fixrow { display: flex; gap: 8px; align-items: center; margin: 0px 0px 12px; }
#sw .wt-fixrow[hidden], #sw .wt-edit[hidden], #sw .wt-body[hidden] { display: none !important; }
#sw .wt-fixrow input { flex: 1 1 0%; min-width: 0px; height: 36px !important; padding: 0px 12px !important; border-radius: 10px !important; border: 1px solid var(--ui-line-2) !important; background: var(--ui-surface-2) !important; color: var(--ui-text) !important; font: 13px var(--ui-sans) !important; box-shadow: none !important; }
#sw .wt-fixrow textarea, #sw .wt-edit .wt-fixrow textarea { flex: 1 1 0%; min-width: 0px; resize: vertical; min-height: 36px !important; padding: 8px 12px !important; border-radius: 10px !important; border: 1px solid var(--ui-line-2) !important; background: var(--ui-surface-2) !important; color: var(--ui-text) !important; font: 13px var(--ui-sans) !important; box-shadow: none !important; }
#sw .wt-edit textarea { width: 100%; box-sizing: border-box; min-height: 260px; resize: vertical; padding: 14px 16px !important; border-radius: 12px !important; border: 1px solid var(--ui-accent-line) !important; background: var(--ui-surface-2) !important; color: var(--ui-text) !important; font: 14px/1.65 var(--ui-sans) !important; box-shadow: none !important; }
#sw .wt-edit__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 10px 0px 0px; }
#sw .wt-edit__acts > span:last-child { flex: 1 1 0%; min-width: 220px; font-size: 12px; color: var(--ui-text-3); }
#sw .wt-splithere span { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; padding: 0px 8px; border-radius: 999px; color: var(--ui-text-3) !important; }
#sw .wt-splithere span:hover, #sw .wt-splithere span:focus-visible { color: var(--ui-accent) !important; }
#sw .wt-splithere:focus-within { opacity: 1; }
#sw .wt-cut__x { order: 3; align-items: center; gap: 4px; font-weight: 500; display: inline-flex !important; color: var(--ui-text-3) !important; }
#sw .wt-cut__x:hover { color: rgb(240, 179, 169) !important; }
#sw .wt-alert .sw-btn { flex: 0 0 auto; }
@media (hover: none) {
  #sw .wt-splithere { opacity: 0.7; }
}
#sw .as-acts { flex-wrap: wrap; align-items: center; gap: 6px 14px; }
#sw .as-acts > span[role="button"], #sw .as-acts > a, #sw .as-look > span[role="button"] { color: var(--ui-text-3) !important; font-size: 12px; }
#sw .as-acts > span[role="button"]:hover, #sw .as-acts > a:hover, #sw .as-look > span[role="button"]:hover { color: var(--ui-accent) !important; }
#sw .as-st--spec { color: rgb(242, 179, 91) !important; }
#sw .as-look { position: relative; display: inline-flex; }
#sw .as-menu { position: absolute; left: 0px; top: calc(100% + 6px); z-index: 30; min-width: 240px; max-height: 320px; overflow: auto; padding: 6px; border-radius: 12px; background: var(--ui-surface-2); border: 1px solid var(--ui-line-2); box-shadow: rgba(0, 0, 0, 0.5) 0px 18px 50px; display: flex; flex-direction: column; gap: 2px; }
#sw .as-menu[hidden] { display: none; }
#sw .as-menu__o { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border-radius: 8px; font-size: 12.5px; color: var(--ui-text) !important; }
#sw .as-menu__o:hover, #sw .as-menu__o:focus-visible { background: var(--ui-surface-3,rgba(255,255,255,.06)); }
#sw .as-menu__o.is-on { background: var(--ui-accent-soft); }
#sw .as-menu__o img, #sw .as-menu__o i { width: 40px; height: 40px; border-radius: 6px; object-fit: cover; flex: 0 0 auto; background: var(--ui-surface); }
#sw .as-ext { display: grid; grid-template-columns: 64px minmax(0px, 1fr); gap: 4px 12px; align-items: start; padding: 10px 0px; border-bottom: 1px solid var(--ui-line); }
#sw .as-ext .as-pic { grid-area: 1 / 1 / 3 / 2; }
#sw .as-ext .as-b { grid-area: 1 / 2 / 2 / 3; }
#sw .as-ext__c { grid-area: 2 / 2 / 3 / 3; min-width: 0px; display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: var(--ui-text-3); }
#sw .as-ext__c label { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
#sw .as-ext__c select { max-width: 100%; height: 30px !important; padding: 0px 8px !important; border-radius: 8px !important; border: 1px solid var(--ui-line-2) !important; background: var(--ui-surface-2) !important; color: var(--ui-text) !important; font: 12px var(--ui-sans) !important; }
#sw .as-ext__c > span[role="button"] { align-self: flex-start; font-weight: 600; color: var(--ui-accent) !important; }
#sw .as-note { color: var(--ui-text-2); }
#sw .sw-take__a { display: flex; gap: 12px; font-size: 12px; }
#sw .sw-take__a span[role="button"] { display: inline-flex; align-items: center; gap: 4px; color: var(--ui-text-3) !important; }
#sw .sw-take__a span[role="button"]:hover { color: var(--ui-accent) !important; }
#sw .sw-take__a span[data-sw-do="take-delete"]:hover { color: rgb(240, 179, 169) !important; }
#sw .wt-part__r { display: inline-flex; align-items: center; gap: 5px; margin-left: 12px; font-size: 12px; font-weight: 600; white-space: nowrap; color: var(--ui-accent) !important; }
#sw .wt-part__h em { margin-left: auto; }
#sw .sw-toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 2147482000; max-width: min(560px, -32px + 100vw); padding: 12px 18px; border-radius: 12px; background: var(--ui-surface-2); border: 1px solid var(--ui-line-2); box-shadow: rgba(0, 0, 0, 0.5) 0px 18px 50px; font-size: 13px; line-height: 1.45; color: var(--ui-text); cursor: pointer; }
#sw .sw-toast[hidden] { display: none; }
#sw .sw-toast.is-bad { border-color: rgba(224, 120, 106, 0.5); color: rgb(240, 179, 169); }
#sw .sw-modal { position: fixed; inset: 0px; z-index: 2147483000; display: flex; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; background: rgba(0, 0, 0, 0.62); }
#sw .sw-modal__box { width: 100%; max-width: 820px; max-height: 86vh; overflow: auto; box-sizing: border-box; padding: 20px 22px; border-radius: 16px; background: var(--ui-surface); border: 1px solid var(--ui-line-2); box-shadow: rgba(0, 0, 0, 0.6) 0px 30px 80px; }
#sw .sw-modal__h { display: flex; align-items: center; gap: 12px; }
#sw .sw-modal__h b { flex: 1 1 0%; font-family: var(--ui-display); font-size: 19px; font-weight: 600; color: var(--ui-text); }
#sw .sw-modal__x { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; color: var(--ui-text-3) !important; }
#sw .sw-modal__x:hover { background: var(--ui-surface-2); color: var(--ui-text) !important; }
#sw .sw-modal__sub { margin: 6px 0px 14px; font-size: 12.5px; line-height: 1.5; color: var(--ui-text-3); }
#sw .sw-modal__sub:empty { display: none; }
#sw .sw-modal__q { margin: 0px 0px 12px; font-size: 14px; line-height: 1.5; color: var(--ui-text); }
#sw .sw-modal__wait { margin: 10px 0px; font-size: 13px; color: var(--ui-text-2); }
#sw .sw-modal__ta { width: 100%; box-sizing: border-box; min-height: 160px; resize: vertical; padding: 12px 14px !important; border-radius: 12px !important; border: 1px solid var(--ui-line-2) !important; background: var(--ui-surface-2) !important; color: var(--ui-text) !important; font: 13.5px/1.6 var(--ui-sans) !important; box-shadow: none !important; }
#sw .sw-modal__acts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
#sw .sw-pick { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; }
#sw .sw-pick__o { display: flex; flex-direction: column; border-radius: 10px; overflow: hidden; border: 1px solid var(--ui-line); background: var(--ui-surface-2); }
#sw .sw-pick__o:hover, #sw .sw-pick__o:focus-visible { border-color: var(--ui-accent); }
#sw .sw-pick__o.is-look { border-color: var(--ui-accent-line); }
#sw .sw-pick__o img, #sw .sw-pick__o i { width: 100%; height: 104px; object-fit: cover; display: block; background: var(--ui-surface); }
#sw .sw-pick__o > span { padding: 7px 9px; font-size: 12px; line-height: 1.35; color: var(--ui-text); }
#sw .sw-pick__o em { font-style: normal; color: var(--ui-text-3); }
@media (max-width: 760px) {
  #sw .sw-modal__box { padding: 16px; border-radius: 14px; max-height: 90vh; }
  #sw .sw-pick { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  #sw .as-menu { position: fixed; inset: auto 16px 16px; min-width: 0px; }
  #sw .sw-toast { bottom: 16px; }
}
#sw .sw-embed { position: fixed; inset: 0px; z-index: 2147482500; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.55); }
#sw .sw-embed__frame { position: fixed; inset: 0px; width: 100%; height: 100%; border: 0px; background: transparent; color-scheme: normal; opacity: 0; pointer-events: none; }
#sw .sw-embed.is-open { background: transparent; }
#sw .sw-embed.is-open .sw-embed__frame { opacity: 1; pointer-events: auto; }
#sw .sw-embed.is-open .sw-embed__wait { display: none; }
#sw .sw-embed__wait { display: flex; align-items: center; gap: 14px; max-width: min(520px, -32px + 100vw); padding: 16px 20px; border-radius: 14px; background: var(--ui-surface-2); border: 1px solid var(--ui-line-2); box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 60px; }
#sw .sw-embed__wait > span:nth-child(2) { display: flex; flex-direction: column; gap: 3px; flex: 1 1 0%; min-width: 0px; }
#sw .sw-embed__wait b { font-size: 14px; font-weight: 600; color: var(--ui-text); line-height: 1.4; }
#sw .sw-embed__wait em { font-style: normal; font-size: 12px; color: var(--ui-text-3); font-variant-numeric: tabular-nums; }
#sw .sw-embed__x { font-size: 12px; font-weight: 600; padding: 6px 10px; border-radius: 8px; color: var(--ui-text-3) !important; }
#sw .sw-embed__x:hover { background: var(--ui-surface); color: var(--ui-text) !important; }
#sw .sw-embed--process.is-running { inset: auto 16px 16px auto; background: transparent; display: block; }
#sw .sw-embed--process .sw-embed__frame { width: 1px; height: 1px; inset: -10px auto auto -10px; }
#sw .sw-spin { width: 18px; height: 18px; flex: 0 0 auto; border-radius: 50%; border-top-color: ; border-top-style: ; border-top-width: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right-color: transparent; animation: 0.8s linear 0s infinite normal none running sw-spin; }
#sw .sw-take--busy .sw-take__img { border-style: dashed; color: var(--ui-text-2); font-size: 12px; }
@media (prefers-reduced-motion: reduce) {
  #sw .sw-spin { animation: auto ease 0s 1 normal none running none; }
}
#sw .sw-btn.is-off { opacity: 0.45; cursor: default; }
#sw .sw-rparts { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin: -6px 0px 0px; }
#sw .sw-rparts .sw-btn em { font-style: normal; font-size: 11.5px; font-weight: 500; opacity: 0.65; }
@media (max-width: 1100px) {
  #sw .sw-rparts { justify-content: flex-start; margin: 0px; }
}
#sw .sw-unprocessed { margin: -6px 0px 0px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc { margin: 18px 0px 0px; padding: 20px 22px; border-radius: var(--ui-r-lg,18px); background: var(--ui-surface); border: 1px solid var(--ui-line); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc.is-busy { border-color: var(--ui-accent-line); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__h { display: flex; align-items: flex-start; gap: 18px; flex-wrap: wrap; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__t { flex: 1 1 0%; min-width: 260px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__t b { display: block; margin: 4px 0px; font-family: var(--ui-display); font-size: 20px; font-weight: 600; color: var(--ui-text); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__t p { margin: 0px; font-size: 13px; line-height: 1.55; color: var(--ui-text-2); max-width: 78ch; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__acts { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__acts[hidden], html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc [hidden] { display: none !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__out:empty { display: none; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__out { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--ui-line); font-size: 13px; color: var(--ui-text-2); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__list { margin: 0px 0px 10px; padding: 0px; list-style: none; display: flex; flex-direction: column; gap: 6px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__list li { padding-left: 18px; position: relative; line-height: 1.5; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__list li::before { content: ""; position: absolute; left: 2px; top: 0.55em; width: 7px; height: 7px; border-radius: 50%; background: var(--ui-text-3); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__list li.is-ok::before { background: rgb(143, 191, 138); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__list li.is-warn::before { background: rgb(242, 179, 91); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__good { color: rgb(159, 212, 154); margin: 0px 0px 10px; font-weight: 600; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__bad { color: rgb(240, 179, 169); margin: 0px 0px 10px; font-weight: 600; line-height: 1.5; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__wait { margin: 0px; color: var(--ui-text-2); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__sub { margin: 10px 0px 4px; font-size: 12px; color: var(--ui-text-3); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__more summary { cursor: pointer; color: var(--ui-text-3); font-size: 12.5px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__more p { margin: 6px 0px; font-size: 12.5px; line-height: 1.5; color: var(--ui-text-3); word-break: break-word; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__words { width: 100%; border-collapse: collapse; margin: 0px 0px 12px; font-size: 12.5px; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__words td { padding: 6px 8px; border-bottom: 1px solid var(--ui-line); vertical-align: top; color: var(--ui-text-2); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__words td:first-child { font-family: ui-monospace, Menlo, monospace; color: var(--ui-text); white-space: nowrap; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__words td:nth-child(2) { white-space: nowrap; color: var(--ui-text-3); }
@media (max-width: 760px) {
  html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc { padding: 16px; }
  html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__words td:nth-child(3) { display: none; }
}
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-bible { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--ui-line); }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-bible[hidden] { display: none !important; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-bible__bar { height: 6px; margin-top: 12px; border-radius: 999px; background: var(--ui-surface-2); overflow: hidden; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-bible__bar i { display: block; height: 100%; width: 0px; background: var(--ui-accent); border-radius: 999px; transition: width 0.4s; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-bible .sp-proc__out:empty { display: none; }
html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-bible .sp-proc__out { border-top: 0px; padding-top: 0px; margin-top: 10px; }
.aiox-fullscreen-app:has(.aiox-ui-v2), .aiox-fullscreen-app:has(.aiox-ui-v2) .aiox-dashboard-wide, .aiox-fullscreen-app:has(.aiox-ui-v2) .aiox-main-content { background-color: rgb(2, 6, 23) !important; }
.aiox-fullscreen-app:has(.aiox-ui-v2) .aiox-sidebar { background-image: linear-gradient(rgb(2, 6, 23) 0%, rgb(11, 18, 34) 100%) !important; border-color: rgba(226, 232, 240, 0.08) !important; }