:root{--brand-magenta: #D62F6B;--brand-magenta-deep: #A8225A;--brand-magenta-soft: #FDE4EE;--brand-purple: #6B2FA3;--brand-purple-deep: #4A1D6E;--brand-purple-soft: #F0E6FB;--brand-cosmic: #1A0B2E;--brand-star: #9BD4E8;--brand-pastel: #F5C6DD;--bg: #F6F4F8;--bg-deep: #EAE6EF;--surface: #FFFFFF;--surface-alt: #FAFAFC;--text: #15101E;--text-dim: #6B6478;--text-mute: #9892A3;--text-invert: #FFFFFF;--border: #E8E4ED;--border-strong: #D9D3E0;--accent: var(--brand-magenta);--accent-ink: #FFFFFF;--dark: #1F1530;--success: #2FA36B;--success-soft: #E8F5EE;--warning: #F5B942;--warning-soft: #FDF4E0;--danger: #D62F6B;--danger-soft: #FDE4EE;--info: #4A9CD6;--info-soft: #E3F0F9;--r-xs: 6px;--r-sm: 8px;--r-md: 10px;--r-lg: 12px;--r-xl: 16px;--r-2xl: 20px;--r-pill: 9999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--shadow-xs: 0 1px 2px rgba(21, 16, 30, .04);--shadow-sm: 0 2px 6px rgba(21, 16, 30, .05), 0 1px 2px rgba(21, 16, 30, .04);--shadow-md: 0 4px 14px rgba(21, 16, 30, .08);--shadow-lg: 0 12px 32px rgba(21, 16, 30, .12);--shadow-brand: 0 8px 24px rgba(214, 47, 107, .3);--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-ui: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 14px;--fs-md: 16px;--fs-lg: 20px;--fs-xl: 24px;--fs-2xl: 32px;--fs-3xl: 44px;--lh-tight: 1.1;--lh-snug: 1.25;--lh-normal: 1.5;--tracking-tight: -.03em;--tracking-snug: -.02em;--tracking-normal: -.01em;--tracking-wide: .08em;--tracking-wider: .12em;--ease-out: cubic-bezier(.2, .7, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--t-fast: .12s;--t-base: .18s;--t-slow: .28s;--z-base: 1;--z-sticky: 10;--z-overlay: 100;--z-modal: 1000;--z-toast: 2000;--sidebar-w: 240px;--sidebar-w-sm: 88px;--topbar-h: 60px;--mobile-nav-h: 72px;--container-max: 1440px;--tap-min: 44px;--tap-touch: 56px;--bp-mobile-sm: 360px;--bp-mobile: 414px;--bp-tablet: 768px;--bp-tablet-lg: 1024px;--bp-desktop: 1280px;--bp-desktop-lg: 1440px;--motion-skeleton: 1.5s;--c-fg: var(--text);--c-fg-muted: var(--text-dim);--gx-color-text-primary: var(--text);--gx-color-text-secondary: var(--text-dim);--gx-color-text-tertiary: var(--text-mute);--gx-text: var(--text);--gx-muted: var(--text-dim);--brand-text: var(--text);--c-surface: var(--surface);--c-surface-muted: var(--surface-alt);--c-bg: var(--bg);--c-bg-alt: var(--surface-alt);--c-bg-soft: var(--surface-alt);--c-app-bg: var(--bg);--bg-elev: var(--surface);--surface-2: var(--surface-alt);--surface-mute: var(--bg);--surface-card: var(--surface);--gx-color-surface-0: var(--bg);--gx-color-surface-1: var(--surface);--gx-color-surface-2: var(--surface-alt);--gx-color-surface-3: var(--bg-deep);--gx-c-surface: var(--surface);--gx-c-surface-2: var(--surface-alt);--gx-card-bg: var(--surface);--gx-color-surface-hover: var(--surface-alt);--c-border: var(--border);--border-soft: var(--border);--gx-c-border: var(--border);--gx-border: var(--border);--gx-color-border: var(--border);--gx-color-border-subtle: var(--border);--c-accent: var(--accent);--gx-brand: var(--brand-magenta);--brand: var(--brand-magenta);--gx-brand-bg: var(--brand-magenta-soft);--gx-color-primary-fg: var(--accent-ink);--gx-color-primary-bg: var(--accent);--brand-purple-700: var(--brand-purple-deep);--brand-muted: var(--text-dim);--gx-link: var(--accent);--c-danger: var(--danger);--c-error: var(--danger);--brand-error: var(--danger);--gx-danger: var(--danger);--gx-color-danger-fg: var(--danger);--gx-danger-bg: var(--danger-soft);--c-success: var(--success);--gx-success: var(--success);--gx-color-success-fg: var(--success);--gx-success-bg: var(--success-soft);--c-warning: var(--warning);--gx-warning: var(--warning);--gx-color-warning-fg: var(--warning);--gx-color-warning-bg: var(--warning-soft);--gx-warning-bg: var(--warning-soft);--gx-tag-bg: var(--surface-alt);--gx-tag-text: var(--text-dim);--ff-sans: var(--font-ui);--ff-display: var(--font-display);--ff-mono: var(--font-mono);--gx-font-mono: var(--font-mono);--gx-mono: var(--font-mono);--gx-font-size-xs: var(--fs-xs);--gx-font-size-sm: var(--fs-sm);--gx-font-size-md: var(--fs-md);--gx-font-size-lg: var(--fs-lg);--gx-font-size-xl: var(--fs-xl);--gx-font-size-2xl: var(--fs-2xl);--radius-sm: var(--r-sm);--radius-md: var(--r-md);--gx-radius-sm: var(--r-sm);--gx-radius-md: var(--r-md);--gx-radius-pill: var(--r-pill);--gx-space-2: var(--s-2);--gx-space-3: var(--s-3);--gx-space-4: var(--s-4);--gx-space-5: var(--s-5);--gx-space-6: var(--s-6);--gx-space-8: var(--s-8);--gx-space-10: var(--s-10);--gx-skeleton-bg: var(--op-skeleton-base);--gx-skeleton-shine: var(--op-skeleton-shine);--op-skeleton-base: var(--bg-deep);--op-skeleton-shine: var(--surface)}[data-theme=dark]{--bg: #0B0418;--bg-deep: #1A0B2E;--surface: #1F1530;--surface-alt: #2A1E3E;--text: #FFF4E8;--text-dim: rgba(255, 244, 232, .65);--text-mute: rgba(255, 244, 232, .4);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--brand-magenta-soft: rgba(214, 47, 107, .18);--brand-purple-soft: rgba(107, 47, 163, .18);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 6px 20px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);--op-skeleton-base: rgba(255, 255, 255, .06);--op-skeleton-shine: rgba(255, 255, 255, .16)}html,body{margin:0;padding:0}body{font-family:var(--font-ui);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gx-display{font-family:var(--font-display);letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--lh-tight)}.gx-h1{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:700;letter-spacing:var(--tracking-tight);line-height:var(--lh-tight)}.gx-h2{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:700;letter-spacing:var(--tracking-tight)}.gx-h3{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;letter-spacing:var(--tracking-snug)}.gx-h4{font-size:var(--fs-md);font-weight:700;letter-spacing:var(--tracking-snug)}.gx-body{font-size:var(--fs-base);color:var(--text)}.gx-dim{color:var(--text-dim)}.gx-mute{color:var(--text-mute)}.gx-mono{font-family:var(--font-mono);font-size:.92em}.gx-kicker{font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--accent)}.gx-eyebrow{font-size:10px;font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-mute)}.gx-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:10px 16px;border-radius:var(--r-md);font-family:var(--font-ui);font-size:var(--fs-sm);font-weight:600;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast),background var(--t-fast);min-height:var(--tap-min);white-space:nowrap}.gx-btn:active{transform:scale(.98)}.gx-btn-primary{background:var(--dark);color:var(--text-invert)}.gx-btn-primary:hover{background:#2d1f44}.gx-btn-accent{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-brand)}.gx-btn-accent:hover{background:var(--brand-magenta-deep)}.gx-btn-danger{background:var(--danger);color:var(--accent-ink)}.gx-btn-danger:hover{background:var(--brand-magenta-deep)}.gx-btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.gx-btn-ghost:hover{background:var(--bg-deep)}.gx-btn-soft{background:var(--bg-deep);color:var(--text)}.gx-btn-soft:hover{background:var(--border)}.gx-btn-sm{padding:7px 12px;font-size:var(--fs-xs);min-height:32px}.gx-btn-touch{padding:16px 22px;font-size:var(--fs-md);min-height:var(--tap-touch);border-radius:var(--r-lg)}.gx-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-5)}.gx-card-dark{background:var(--dark);color:var(--text-invert);border-radius:var(--r-xl);padding:var(--s-5);position:relative;overflow:hidden}.gx-card-flat{background:var(--bg);border-radius:var(--r-lg);padding:var(--s-4)}.gx-input{display:flex;align-items:center;gap:var(--s-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:10px 14px;font-size:var(--fs-base);font-family:var(--font-ui);min-height:var(--tap-min);width:100%}.gx-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--brand-magenta-soft)}.gx-input input{border:0;outline:0;background:transparent;flex:1;font:inherit;color:inherit}.gx-input input::placeholder{color:var(--text-mute)}.gx-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--r-xs);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.gx-badge-accent{background:var(--brand-magenta-soft);color:var(--accent)}.gx-badge-success{background:var(--success-soft);color:var(--success)}.gx-badge-warning{background:var(--warning-soft);color:#b5850a}.gx-badge-neutral{background:var(--bg-deep);color:var(--text-dim)}.gx-chip{display:inline-flex;align-items:center;gap:var(--s-2);padding:7px 12px;border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:600;background:var(--bg-deep);color:var(--text);cursor:pointer}.gx-chip[aria-pressed=true]{background:var(--dark);color:var(--text-invert)}.gx-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.gx-dot-live{background:var(--success);box-shadow:0 0 0 3px #2fa36b33}.gx-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) 0;border-bottom:1px solid var(--border)}.gx-row:last-child{border-bottom:0}.gx-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-5)}.gx-stat-value{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:700;letter-spacing:var(--tracking-tight)}.gx-stat-label{font-size:var(--fs-sm);color:var(--text-dim);margin-top:2px}.gx-product{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-3);cursor:pointer;transition:transform var(--t-fast),border-color var(--t-fast)}.gx-product:active{transform:scale(.97)}.gx-product:hover{border-color:var(--accent)}.gx-product-img{aspect-ratio:1.15;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;font-size:48px;margin-bottom:10px}.gx-nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:500;color:var(--text-dim);text-decoration:none;transition:background var(--t-fast);cursor:pointer}.gx-nav-item:hover{background:var(--bg-deep)}.gx-nav-item[aria-current=page]{background:var(--bg-deep);color:var(--text);font-weight:600}.gx-scroll::-webkit-scrollbar{width:8px;height:8px}.gx-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.gx-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-mute)}.gx-stack{display:flex;flex-direction:column}.gx-stack-2>*+*{margin-top:var(--s-2)}.gx-stack-3>*+*{margin-top:var(--s-3)}.gx-stack-4>*+*{margin-top:var(--s-4)}.gx-row-flex{display:flex;align-items:center;gap:var(--s-3)}.gx-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}.gx-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3)}.gx-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3)}.gx-skeleton{display:block;background:linear-gradient(90deg,var(--bg-deep) 0%,var(--surface-alt) 50%,var(--bg-deep) 100%);background-size:200% 100%;animation:gx-skeleton-shimmer var(--motion-skeleton) linear infinite}.gx-skeleton-stack{display:flex;flex-direction:column;gap:var(--s-2)}@keyframes gx-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.gx-skeleton{animation:none;background:var(--bg-deep)}}.gx-drawer-backdrop{position:fixed;inset:0;background:radial-gradient(ellipse 1200px 800px at center,rgba(107,47,163,.22) 0%,rgba(214,47,107,.06) 38%,transparent 72%),var(--brand-cosmic);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-overlay);display:flex;animation:gx-drawer-fade-in var(--t-base) var(--ease-out)}.gx-drawer-backdrop:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(160px,24vw,320px);height:clamp(160px,24vw,320px);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='0.6' stroke-linecap='round'><circle cx='12' cy='12' r='9'/><circle cx='12' cy='12' r='3'/></svg>");background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none;animation:gx-drawer-deco-pulse 4.5s ease-in-out infinite}@keyframes gx-drawer-deco-pulse{0%,to{opacity:.9;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.03)}}.gx-drawer{position:relative;width:min(320px,88vw);max-width:100%;height:100%;background:var(--surface);background-color:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);outline:none;display:flex;flex-direction:column;padding:var(--s-5);animation:gx-drawer-slide-in var(--t-slow) var(--ease-out);isolation:isolate}html.gx-no-scroll{overflow:hidden}html{scrollbar-gutter:stable}.gx-drawer-left{margin-right:auto}.gx-drawer-right{margin-left:auto}.gx-drawer__close{position:absolute;top:var(--s-3);right:var(--s-3);width:var(--tap-min);height:var(--tap-min);display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--r-pill);background:var(--bg-deep);color:var(--text-dim);cursor:pointer;z-index:1;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.gx-drawer__close:hover{background:var(--border-strong);color:var(--text)}@keyframes gx-drawer-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.gx-drawer-right.gx-drawer{animation-name:gx-drawer-slide-in-right}@keyframes gx-drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes gx-drawer-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.gx-drawer-backdrop,.gx-drawer{animation:none}.gx-drawer-backdrop:before{animation:none}}.gx-avatar{user-select:none;letter-spacing:var(--tracking-snug)}.gx-skip-link{position:absolute;left:var(--s-3);top:var(--s-3);padding:var(--s-2) var(--s-4);background:var(--accent);color:var(--accent-ink);border-radius:var(--r-sm);font-weight:600;text-decoration:none;z-index:var(--z-toast);transform:translateY(-150%);transition:transform var(--t-fast) var(--ease-out)}.gx-skip-link:focus,.gx-skip-link:focus-visible{transform:translateY(0);outline:2px solid var(--accent-ink);outline-offset:2px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-md);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--font-display);letter-spacing:var(--tracking-snug);line-height:var(--lh-tight);margin:0}h4,h5,h6{font-family:var(--font-display);letter-spacing:var(--tracking-snug);line-height:var(--lh-snug);margin:0}p{margin:0}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.op-error-view{padding:var(--s-8) var(--s-4);max-width:28rem;margin:var(--s-8) auto;border:1px solid var(--brand-magenta);border-radius:var(--r-lg);background:var(--surface)}.op-error-view__retry{margin-top:var(--s-4);padding:var(--s-2) var(--s-4);background:var(--brand-magenta);color:var(--accent-ink);border:0;border-radius:var(--r-sm);cursor:pointer;font:inherit}.login-field{display:flex;flex-direction:column;gap:8px}.login-field__label{font-size:13px;font-weight:600;letter-spacing:-.005em;color:var(--text)}.login-field__input{appearance:none;-webkit-appearance:none;width:100%;height:48px;padding:0 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:var(--font-ui);font-size:16px;transition:border-color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}@media(min-width:768px){.login-field__input{font-size:15px}}.login-field__input::placeholder{color:var(--text-mute)}select.login-field__input{padding-right:36px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='%239892A3' d='M2 4l4 4 4-4z'/></svg>");background-repeat:no-repeat;background-position:right 14px center;-moz-appearance:none}.login-field__input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--brand-magenta-soft)}.login-field__input[aria-invalid=true]{border-color:var(--danger)}.login-field__input--readonly,.login-field__input:disabled{background:var(--surface-mute, var(--bg));color:var(--text-dim, #6B6478);cursor:not-allowed}.login-field__error{font-size:var(--fs-sm);color:var(--danger)}.login-field__hint{font-size:var(--fs-sm);color:var(--c-fg-muted);margin-top:var(--s-1);display:block}.login-field__pwd-wrap{position:relative;display:flex;align-items:stretch}.login-field__input--pwd{padding-right:44px;flex:1 1 auto}.login-field__pwd-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-mute);cursor:pointer;transition:color .18s,background .18s}.login-field__pwd-toggle:hover:not(:disabled){color:var(--accent);background:#d62f6b14}.login-field__pwd-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.login-field__pwd-toggle:disabled{opacity:.5;cursor:not-allowed}.login-form__submit-error{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3);background:var(--danger-soft);color:var(--danger);border-radius:var(--r-md);font-size:var(--fs-sm)}.pac-container{z-index:100000}.modal-backdrop{position:fixed;inset:0;background:#15101e8c;display:flex;align-items:center;justify-content:center;padding:var(--s-4, 16px);z-index:100;backdrop-filter:blur(4px);height:100dvh;overscroll-behavior:contain}.modal-card{background:var(--c-surface, var(--surface));border-radius:var(--r-lg, 16px);width:100%;max-width:480px;max-height:min(720px,calc(100dvh - 32px));box-shadow:0 20px 60px #15101e40;display:flex;flex-direction:column;overflow:hidden}.modal-card--wide{max-width:720px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-card__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--c-border, var(--border));flex:0 0 auto}.modal-card__title{margin:0;font-family:var(--ff-display, "Space Grotesk"),sans-serif;font-size:var(--fs-xl, 20px);font-weight:700;color:var(--c-fg, var(--text));min-width:0;flex:1 1 auto}.modal-card__close{flex:0 0 auto;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--c-surface-muted, var(--bg));border:1px solid var(--c-border, var(--border));border-radius:999px;color:var(--c-fg, var(--text));cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s;padding:0}.modal-card__close:hover:not(:disabled){background:#d62f6b14;border-color:#d62f6b59;color:var(--c-accent, var(--accent))}.modal-card__close:active:not(:disabled){transform:scale(.94)}.modal-card__close:focus-visible{outline:2px solid var(--c-accent, var(--accent));outline-offset:2px}.modal-card__close:disabled{opacity:.5;cursor:not-allowed}.modal-card__body{padding:20px 24px 0;display:flex;flex-direction:column;gap:20px;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-card__body>*:last-child{margin-bottom:0}.modal-card__body .login-field:last-of-type,.modal-card__body>.login-form__submit-error{margin-bottom:4px}.modal-card__actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:var(--s-2, 8px);margin:0 -24px;padding:16px 24px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--c-border, var(--border));background:var(--c-surface, var(--surface))}.modal-card>.modal-card__actions{margin-left:0;margin-right:0}@media(max-width:640px){.modal-backdrop{align-items:flex-end;padding:0}.modal-card{max-width:none;border-radius:16px 16px 0 0;max-height:92dvh}.modal-card .login-field__input{font-size:16px}.modal-card .login-field__input,.modal-card .login-field{scroll-margin-block-end:96px}}@media(min-width:641px)and (max-width:1024px){.modal-card{max-width:520px}.modal-card__header{padding:24px 28px}.modal-card__body{padding:24px 28px 0;gap:var(--s-5, 20px)}.modal-card__actions{margin:0 -28px;padding:18px 28px calc(18px + env(safe-area-inset-bottom,0px))}}.gx-confirm-backdrop{position:fixed;inset:0;background:color-mix(in oklab,var(--brand-cosmic) 70%,transparent);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:var(--s-4);height:100dvh;z-index:1000;overscroll-behavior:contain;animation:gxConfirmFadeIn .18s ease-out}@keyframes gxConfirmFadeIn{0%{opacity:0}to{opacity:1}}.gx-confirm-card{background:var(--surface);border-radius:var(--r-lg);width:100%;max-width:440px;max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;position:relative;animation:gxConfirmPop .22s cubic-bezier(.16,1,.3,1)}@keyframes gxConfirmPop{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.gx-confirm-close{position:absolute;top:var(--s-4);right:var(--s-4);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text);cursor:pointer;padding:0;z-index:1;transition:background .15s,border-color .15s,color .15s,transform .15s}.gx-confirm-close:hover{background:color-mix(in oklab,var(--accent) 8%,transparent);border-color:color-mix(in oklab,var(--accent) 35%,transparent);color:var(--accent)}.gx-confirm-close:active{transform:scale(.94)}.gx-confirm-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gx-confirm-body{padding:36px 28px var(--s-5);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-3)}.gx-confirm-icon-ring{width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--s-1);flex-shrink:0}.gx-confirm-icon-ring.gx-confirm--default{background:color-mix(in oklab,var(--brand-purple) 10%,transparent);color:var(--brand-purple);box-shadow:0 0 0 4px color-mix(in oklab,var(--brand-purple) 6%,transparent)}.gx-confirm-icon-ring.gx-confirm--warning{background:color-mix(in oklab,var(--warning) 14%,transparent);color:var(--warning);box-shadow:0 0 0 4px color-mix(in oklab,var(--warning) 8%,transparent)}.gx-confirm-icon-ring.gx-confirm--danger{background:color-mix(in oklab,var(--danger) 10%,transparent);color:var(--danger);box-shadow:0 0 0 4px color-mix(in oklab,var(--danger) 6%,transparent)}.gx-confirm-title{font-family:var(--font-display, "Space Grotesk"),sans-serif;font-size:var(--fs-lg, 20px);font-weight:600;color:var(--text);margin:0;line-height:1.3}.gx-confirm-message{font-family:var(--font-ui, "Inter"),sans-serif;font-size:var(--fs-base, 14px);color:var(--text-dim);line-height:1.5;margin:0;max-width:360px}.gx-confirm-message strong{color:var(--text);font-weight:600}.gx-confirm-message code{background:var(--surface-alt);padding:1px 6px;border-radius:4px;font-family:var(--font-mono, ui-monospace, monospace);font-size:12.5px;color:var(--text)}.gx-confirm-actions{display:flex;justify-content:center;gap:var(--s-2);padding:var(--s-4) var(--s-6) calc(20px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--surface)}.gx-btn--danger.gx-btn-accent,.gx-btn--danger{background:linear-gradient(135deg,var(--danger) 0%,var(--accent) 100%)!important;box-shadow:0 8px 24px color-mix(in oklab,var(--danger) 25%,transparent)!important}.gx-btn--danger:hover:not(:disabled){filter:brightness(1.05)}.gx-confirm-confirm-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:480px){.gx-confirm-card{margin:var(--s-4);max-width:calc(100vw - 32px)}.gx-confirm-body{padding:var(--s-8) var(--s-5) var(--s-4)}.gx-confirm-actions{padding:14px var(--s-5) calc(20px + env(safe-area-inset-bottom,0px))}}.gx-no-scroll{overflow:hidden!important}.inline-toast__stack{position:fixed;bottom:var(--s-4, 16px);right:var(--s-4, 16px);z-index:1100;display:flex;flex-direction:column-reverse;gap:var(--s-2);max-width:min(420px,calc(100vw - 32px));pointer-events:none}.inline-toast__stack>.inline-toast{pointer-events:auto;animation:inline-toast-in .2s ease-out}.inline-toast{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:var(--r-sm);font-size:13px;line-height:1.4;color:var(--it-accent);background:color-mix(in oklab,var(--it-accent) 9%,var(--surface));border:1px solid color-mix(in oklab,var(--it-accent) 28%,transparent);box-shadow:var(--shadow-md)}.inline-toast--success{--it-accent: var(--success)}.inline-toast--error{--it-accent: var(--danger)}.inline-toast--warning{--it-accent: var(--warning)}.inline-toast--info{--it-accent: var(--brand-purple)}.inline-toast__msg{flex:1;min-width:0;word-break:break-word}.inline-toast__close{background:transparent;border:0;cursor:pointer;color:currentColor;opacity:.7;padding:2px;display:flex;align-items:center;transition:opacity var(--t-fast) var(--ease-out)}.inline-toast__close:hover{opacity:1}@keyframes inline-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.inline-toast__stack{bottom:max(var(--s-3, 12px),env(safe-area-inset-bottom,12px));right:var(--s-3, 12px);left:var(--s-3, 12px);max-width:none}}@media(prefers-reduced-motion:reduce){.inline-toast__stack>.inline-toast{animation:none}}.staging-banner{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-2) var(--s-4);background:var(--brand-cosmic);color:var(--brand-pastel);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;border-bottom:1px solid var(--brand-magenta);box-shadow:var(--shadow-sm)}.staging-banner__dot{width:8px;height:8px;border-radius:var(--r-pill);background:var(--brand-magenta);animation:staging-banner-pulse 1.5s var(--ease-in-out) infinite}.staging-banner__label{color:var(--text-invert);letter-spacing:var(--tracking-wider)}.staging-banner__hint{font-family:var(--font-ui);font-weight:500;text-transform:none;letter-spacing:var(--tracking-normal);color:color-mix(in oklab,var(--brand-pastel) 80%,transparent)}@keyframes staging-banner-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@media(prefers-reduced-motion:reduce){.staging-banner__dot{animation:none}}@media(max-width:480px){.staging-banner__hint{display:none}}.op-skeleton{background:linear-gradient(90deg,var(--op-skeleton-base, rgba(255, 255, 255, .08)) 0%,var(--op-skeleton-shine, rgba(255, 255, 255, .18)) 50%,var(--op-skeleton-base, rgba(255, 255, 255, .08)) 100%);background-size:200% 100%;animation:op-skeleton-shimmer 1.5s ease-in-out infinite;vertical-align:middle}.op-skeleton-group{display:contents}@keyframes op-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.op-skeleton{animation:none;background:var(--op-skeleton-base, rgba(255, 255, 255, .1))}}