:root{--font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-text: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--pds-color-background-primary: #1f1f21;--pds-color-background-secondary: #111111;--pds-color-background-modal: #28282a;--pds-color-background-hover: #28282a;--pds-color-background-active: #333335;--pds-color-text-primary: #ffffff;--pds-color-text-secondary: #cacacb;--pds-color-border-secondary: #4b4b4d;--pds-color-border-active: #ffffff;--pds-color-element-critical: #ff7975;--pds-color-element-warning: #fef087;--pds-color-element-success: #3ccd49;--pds-color-element-interactive: #7c3aed;--pds-color-text-inverse: #ffffff;--pds-radii-md: 8px;--pds-space-50: 2px;--pds-space-100: 4px;--pds-space-200: 8px;--pds-space-300: 12px;--pds-space-400: 16px;--pds-space-500: 20px;--pds-space-600: 24px;--pds-space-700: 32px;--pds-space-800: 40px;--pds-space-900: 48px;--pds-space-1000: 56px;--pds-space-1100: 64px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden;background-color:#000}body{font-family:var(--font-text);color:var(--pds-color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--v4-surface-page: #070707;--v4-surface-elevated: #28282a;--v4-surface-overlay: #1c1c1e;--v4-surface-panel: #141414;--v4-surface-panel-secondary: #232324;--v4-surface-inset: #3d3d3d;--v4-background: rgba(31, 31, 33, 1);--v4-foreground: rgba(255, 255, 255, 1);--v4-card: rgba(31, 31, 33, 1);--v4-primary: rgba(17, 144, 255, 1);--v4-secondary: rgba(46, 46, 48, 1);--v4-muted: rgba(152, 152, 154, 1);--v4-muted-foreground: rgba(152, 152, 154, 1);--v4-accent: rgba(17, 144, 255, 1);--v4-border: rgba(57, 57, 59, 1);--v4-border-subtle: #707072;--v4-text-inverse: #111111;--v4-text-subdued: rgba(255, 255, 255, .7);--v4-elevation-pill: 0px 0px 24px 0px rgba(17,17,17,.09), 0px 4px 8px 0px rgba(17,17,17,.18);--v4-elevation-panel: 0px 20px 24px 0px rgba(0, 0, 0, .4);--v4-elevation-dropdown: 0px 8px 32px rgba(0, 0, 0, .48);--v4-if-brand: #d33918;--v4-if-sport: #1151ff;--v4-if-product: #007d48;--v4-if-energy: #fca600;--v4-if-unspecified: #4b4b4d;--v4-radius: 8px;--v4-radius-button: 8px;--v4-radius-card: 8px;--v4-font-display: "Helvetica Now Display", sans-serif;--v4-font-text: "Helvetica Now Text", sans-serif;--v4-text-display: 79px;--v4-text-h1: 60px;--v4-text-h2: 48px;--v4-text-h3: 24px;--v4-text-h4: 20px;--v4-text-base: 16px;--v4-text-sm: 14px;--v4-text-xs: 10px;--v4-font-weight-extra-bold: 800;--v4-font-weight-medium: 500;--v4-font-weight-normal: 400}@theme inline{ --color-v4-surface-page: var(--v4-surface-page); --color-v4-surface-elevated: var(--v4-surface-elevated); --color-v4-surface-overlay: var(--v4-surface-overlay); --color-v4-surface-panel: var(--v4-surface-panel); --color-v4-surface-panel-secondary: var(--v4-surface-panel-secondary); --color-v4-surface-inset: var(--v4-surface-inset); --color-v4-background: var(--v4-background); --color-v4-foreground: var(--v4-foreground); --color-v4-card: var(--v4-card); --color-v4-primary: var(--v4-primary); --color-v4-secondary: var(--v4-secondary); --color-v4-muted: var(--v4-muted); --color-v4-muted-foreground: var(--v4-muted-foreground); --color-v4-accent: var(--v4-accent); --color-v4-border: var(--v4-border); --color-v4-border-subtle: var(--v4-border-subtle); --color-v4-text-inverse: var(--v4-text-inverse); --color-v4-text-subdued: var(--v4-text-subdued); --color-v4-if-brand: var(--v4-if-brand); --color-v4-if-sport: var(--v4-if-sport); --color-v4-if-product: var(--v4-if-product); --color-v4-if-energy: var(--v4-if-energy); --color-v4-if-unspecified: var(--v4-if-unspecified); --text-v4-display: var(--v4-text-display); --text-v4-h1: var(--v4-text-h1); --text-v4-h2: var(--v4-text-h2); --text-v4-h3: var(--v4-text-h3); --text-v4-h4: var(--v4-text-h4); --text-v4-base: var(--v4-text-base); --text-v4-sm: var(--v4-text-sm); --text-v4-xs: var(--v4-text-xs); --font-v4-display: var(--v4-font-display); --font-v4-text: var(--v4-font-text); --radius-v4: var(--v4-radius); --radius-v4-button: var(--v4-radius-button); --radius-v4-card: var(--v4-radius-card); --shadow-v4-elevation-pill: var(--v4-elevation-pill); --shadow-v4-elevation-panel: var(--v4-elevation-panel); --shadow-v4-elevation-dropdown: var(--v4-elevation-dropdown); }.v4-interactive-card{transition:opacity .15s ease}.v4-interactive-card:hover,.v4-interactive-card:focus-visible{opacity:.85}:root{--v3-background: rgba(0, 0, 0, 1);--v3-foreground: rgba(255, 255, 255, 1);--v3-card: rgba(31, 31, 33, 1);--v3-card-foreground: rgba(255, 255, 255, 1);--v3-popover: rgba(31, 31, 33, 1);--v3-popover-foreground: rgba(255, 255, 255, 1);--v3-primary: rgba(17, 144, 255, 1);--v3-primary-foreground: rgba(255, 255, 255, 1);--v3-secondary: rgba(46, 46, 48, 1);--v3-secondary-foreground: rgba(255, 255, 255, 1);--v3-muted: rgba(152, 152, 154, 1);--v3-muted-foreground: rgba(152, 152, 154, 1);--v3-accent: rgba(17, 144, 255, 1);--v3-accent-foreground: rgba(255, 255, 255, 1);--v3-destructive: rgba(0, 0, 0, 0);--v3-destructive-foreground: rgba(255, 255, 255, 1);--v3-border: rgba(57, 57, 59, 1);--v3-input: rgba(0, 0, 0, 0);--v3-input-background: rgba(31, 31, 33, 1);--v3-ring: rgba(17, 144, 255, 1);--v3-status-done: rgba(30, 170, 82, 1);--v3-status-in-progress: rgba(255, 179, 0, 1);--v3-status-pending: rgba(152, 152, 154, 1);--v3-status-error: rgba(255, 80, 80, 1);--v3-chart-1: rgba(17, 144, 255, 1);--v3-chart-2: rgba(110, 15, 246, 1);--v3-chart-3: rgba(30, 170, 82, 1);--v3-chart-4: rgba(255, 80, 0, 1);--v3-chart-5: rgba(237, 26, 160, 1);--v3-section-tracking: rgba(17, 144, 255, 1);--v3-section-product: rgba(110, 15, 246, 1);--v3-sidebar: rgba(31, 31, 33, 1);--v3-sidebar-foreground: rgba(255, 255, 255, 1);--v3-sidebar-primary: rgba(17, 144, 255, 1);--v3-sidebar-primary-foreground: rgba(255, 255, 255, 1);--v3-sidebar-accent: rgba(46, 46, 48, 1);--v3-sidebar-accent-foreground: rgba(255, 255, 255, 1);--v3-sidebar-border: rgba(57, 57, 59, 1);--v3-sidebar-ring: rgba(17, 144, 255, 1);--v3-spacing-xs: 4px;--v3-spacing-sm: 9px;--v3-spacing-md: 12px;--v3-spacing-lg: 24px;--v3-spacing-xl: 36px;--v3-text-h1: 60px;--v3-text-h2: 48px;--v3-text-h3: 24px;--v3-text-h4: 20px;--v3-text-base: 16px;--v3-text-sm: 14px;--v3-text-xs: 10px;--v3-font-display: "Helvetica Now Display", sans-serif;--v3-font-text: "Helvetica Now Text", sans-serif;--v3-font-weight-extra-bold: 800;--v3-font-weight-medium: 500;--v3-font-weight-normal: 400;--v3-elevation-sm: 0 1px 2px 0 rgba(17, 17, 17, .12);--v3-radius: 8px;--v3-radius-sm: 4px;--v3-radius-card: 8px;--v3-radius-button: 8px}@theme inline{ --color-v3-background: var(--v3-background); --color-v3-foreground: var(--v3-foreground); --color-v3-card: var(--v3-card); --color-v3-card-foreground: var(--v3-card-foreground); --color-v3-popover: var(--v3-popover); --color-v3-popover-foreground: var(--v3-popover-foreground); --color-v3-primary: var(--v3-primary); --color-v3-primary-foreground: var(--v3-primary-foreground); --color-v3-secondary: var(--v3-secondary); --color-v3-secondary-foreground: var(--v3-secondary-foreground); --color-v3-muted: var(--v3-muted); --color-v3-muted-foreground: var(--v3-muted-foreground); --color-v3-accent: var(--v3-accent); --color-v3-accent-foreground: var(--v3-accent-foreground); --color-v3-destructive: var(--v3-destructive); --color-v3-destructive-foreground: var(--v3-destructive-foreground); --color-v3-border: var(--v3-border); --color-v3-input: var(--v3-input); --color-v3-input-background: var(--v3-input-background); --color-v3-ring: var(--v3-ring); --color-v3-status-done: var(--v3-status-done); --color-v3-status-in-progress: var(--v3-status-in-progress); --color-v3-status-pending: var(--v3-status-pending); --color-v3-status-error: var(--v3-status-error); --color-v3-chart-1: var(--v3-chart-1); --color-v3-chart-2: var(--v3-chart-2); --color-v3-chart-3: var(--v3-chart-3); --color-v3-chart-4: var(--v3-chart-4); --color-v3-chart-5: var(--v3-chart-5); --color-v3-section-tracking: var(--v3-section-tracking); --color-v3-section-product: var(--v3-section-product); --color-v3-sidebar: var(--v3-sidebar); --color-v3-sidebar-foreground: var(--v3-sidebar-foreground); --color-v3-sidebar-primary: var(--v3-sidebar-primary); --color-v3-sidebar-primary-foreground: var(--v3-sidebar-primary-foreground); --color-v3-sidebar-accent: var(--v3-sidebar-accent); --color-v3-sidebar-accent-foreground: var(--v3-sidebar-accent-foreground); --color-v3-sidebar-border: var(--v3-sidebar-border); --color-v3-sidebar-ring: var(--v3-sidebar-ring); --spacing-v3-xs: var(--v3-spacing-xs); --spacing-v3-sm: var(--v3-spacing-sm); --spacing-v3-md: var(--v3-spacing-md); --spacing-v3-lg: var(--v3-spacing-lg); --spacing-v3-xl: var(--v3-spacing-xl); --text-v3-h1: var(--v3-text-h1); --text-v3-h2: var(--v3-text-h2); --text-v3-h3: var(--v3-text-h3); --text-v3-h4: var(--v3-text-h4); --text-v3-base: var(--v3-text-base); --text-v3-sm: var(--v3-text-sm); --text-v3-xs: var(--v3-text-xs); --font-v3-display: var(--v3-font-display); --font-v3-text: var(--v3-font-text); --radius-v3: var(--v3-radius); --radius-v3-sm: var(--v3-radius-sm); --radius-v3-card: var(--v3-radius-card); --radius-v3-button: var(--v3-radius-button); --shadow-v3-elevation-sm: var(--v3-elevation-sm); }.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#1a1a1c}.auth-spinner-container{display:flex;flex-direction:column;align-items:center;gap:16px}.auth-spinner{width:2.5rem;height:2.5rem;border:3px solid #333336;border-top-color:#4a9eff;border-radius:50%;animation:auth-spin .75s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-spinner-label{color:#8e8e93;font-size:.9375rem}.auth-card{text-align:center;max-width:28rem;padding:0 32px}.auth-card__title{font-size:1.5rem;font-weight:600;color:#f5f5f7;margin:0 0 8px;letter-spacing:-.02em}.auth-card__subtitle{font-size:1.125rem;color:#8e8e93;margin:0 0 32px}.auth-card__error-title{font-size:1.25rem;font-weight:600;color:#f5f5f7;margin:0 0 16px}.auth-card__error-message{font-size:.9375rem;color:#8e8e93;margin:0 0 24px}.auth-card__actions{display:flex;gap:12px;justify-content:center}.auth-btn-primary{padding:12px 32px;background:#4a9eff;color:#fff;border:none;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:opacity .2s ease-out;text-decoration:none;display:inline-block}.auth-btn-primary:hover{opacity:.9}.auth-btn-primary:focus-visible{outline:2px solid #4a9eff;outline-offset:2px}.auth-btn-secondary{padding:12px 32px;background:transparent;color:#f5f5f7;border:1px solid #333336;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:background .2s ease-out}.auth-btn-secondary:hover{background:#3d8ae5}.auth-btn-secondary:focus-visible{outline:2px solid #4a9eff;outline-offset:2px}
