*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.admin-layout[data-v-4f7c0299]{min-height:100vh;display:flex;flex-direction:column;background:var(--color-surface-primary)}.env-banner[data-v-4f7c0299]{padding:var(--space-inset-sm);text-align:center;font-weight:600;font-size:var(--text-caption);position:sticky;top:0;z-index:var(--z-banner);-webkit-backdrop-filter:blur(var(--blur-surface-glass-medium));backdrop-filter:blur(var(--blur-surface-glass-medium))}.env-banner.production[data-v-4f7c0299]{background:var(--color-feedback-critical);color:var(--color-text-on-accent)}.env-banner.development[data-v-4f7c0299]{background:var(--color-feedback-info);color:var(--color-text-on-accent)}.admin-container[data-v-4f7c0299]{display:flex;flex:1;min-height:0}.admin-sidebar[data-v-4f7c0299]{display:flex;flex-direction:column;overflow-y:auto;background:var(--color-surface-glass-strong);-webkit-backdrop-filter:blur(var(--blur-surface-glass-high));backdrop-filter:blur(var(--blur-surface-glass-high));border-right:1px solid var(--color-border-subtle);color:var(--color-text-primary);width:clamp(15rem,20vw,20rem)}.sidebar-header[data-v-4f7c0299]{padding:var(--space-inset-lg);border-bottom:1px solid var(--color-border-subtle)}.admin-title[data-v-4f7c0299]{font-size:var(--text-headline);font-weight:700;margin-bottom:var(--space-stack-md);color:var(--color-text-primary)}.role-badge[data-v-4f7c0299]{display:inline-flex;flex-direction:column;align-items:flex-start;padding:var(--space-inset-sm) var(--space-inset-md);border-radius:var(--radius-pill);font-size:var(--text-label);font-weight:600;margin-bottom:var(--space-stack-sm);-webkit-backdrop-filter:blur(var(--blur-surface-glass-low));backdrop-filter:blur(var(--blur-surface-glass-low))}.role-superadmin[data-v-4f7c0299]{background:var(--color-feedback-calm);color:var(--color-text-on-accent)}.role-customer-service[data-v-4f7c0299]{background:var(--color-feedback-info);color:var(--color-text-on-accent)}.role-sales-marketing[data-v-4f7c0299]{background:var(--color-feedback-warning);color:var(--color-text-on-accent)}.role-channel-partner[data-v-4f7c0299]{background:var(--color-accent-primary);color:var(--color-text-on-accent)}.role-deal-sponsor[data-v-4f7c0299]{background:var(--color-surface-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-subtle)}.role-compliance-officer[data-v-4f7c0299]{background:var(--color-feedback-calm);color:var(--color-text-on-accent)}.role-name[data-v-4f7c0299]{font-size:var(--text-body);margin-bottom:var(--space-stack-xs)}.data-scope[data-v-4f7c0299]{font-size:var(--text-label);opacity:var(--opacity-muted)}.pii-access[data-v-4f7c0299]{display:inline-block;padding:var(--space-inset-xs) var(--space-inset-sm);border-radius:var(--radius-button);font-size:var(--text-label);font-weight:500;-webkit-backdrop-filter:blur(var(--blur-surface-glass-low));backdrop-filter:blur(var(--blur-surface-glass-low))}.pii-full[data-v-4f7c0299]{background:var(--color-feedback-calm);color:var(--color-text-on-accent)}.pii-masked[data-v-4f7c0299]{background:var(--color-feedback-warning);color:var(--color-text-on-accent)}.pii-own[data-v-4f7c0299]{background:var(--color-surface-secondary);color:var(--color-text-primary)}.sidebar-nav[data-v-4f7c0299]{flex:1;padding:var(--space-inset-md) 0;overflow-y:auto}.nav-section-title[data-v-4f7c0299]{padding:var(--space-inset-md) var(--space-inset-lg) var(--space-inset-sm);font-size:var(--text-label);font-weight:600;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em}.nav-item[data-v-4f7c0299]{display:flex;align-items:center;padding:var(--space-inset-md) var(--space-inset-lg);color:var(--color-text-secondary);text-decoration:none;transition:all var(--motion-fast-ease-out);border-radius:var(--radius-button);margin:0 var(--space-inline-sm)}.nav-item[data-v-4f7c0299]:hover{background:var(--color-surface-glass);color:var(--color-text-primary);-webkit-backdrop-filter:blur(var(--blur-surface-glass-medium));backdrop-filter:blur(var(--blur-surface-glass-medium))}.nav-item.active[data-v-4f7c0299]{background:var(--color-accent-primary);color:var(--color-text-on-accent)}.nav-icon[data-v-4f7c0299]{margin-right:var(--space-inline-md);font-size:var(--size-icon-md)}.nav-label[data-v-4f7c0299]{font-size:var(--text-body);font-weight:500}.sidebar-footer[data-v-4f7c0299]{padding:var(--space-inset-md) var(--space-inset-lg);border-top:1px solid var(--color-border-subtle)}.user-info[data-v-4f7c0299]{display:flex;flex-direction:column;gap:var(--space-stack-sm)}.user-email[data-v-4f7c0299]{font-size:var(--text-label);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis}.logout-btn[data-v-4f7c0299]{padding:var(--space-inset-sm) var(--space-inset-md);background:var(--color-feedback-error);color:var(--color-text-on-accent);border:none;border-radius:var(--radius-button);font-size:var(--text-body);font-weight:500;cursor:pointer;transition:all var(--motion-fast-ease-out)}.logout-btn[data-v-4f7c0299]:hover{background:var(--color-feedback-critical);transform:scale(var(--motion-tap-scale))}.admin-main[data-v-4f7c0299]{flex:1;background:var(--color-surface-primary);overflow-y:auto;padding:var(--space-inset-xl);min-height:0}@media(max-width:48rem){.admin-container[data-v-4f7c0299]{flex-direction:column}.admin-sidebar[data-v-4f7c0299]{width:100%;position:fixed;bottom:0;height:auto;flex-direction:row;border-right:none;border-top:1px solid var(--color-border-subtle);z-index:var(--z-bottomnav)}.sidebar-header[data-v-4f7c0299],.sidebar-footer[data-v-4f7c0299]{display:none}.sidebar-nav[data-v-4f7c0299]{display:flex;width:100%;padding:0}.nav-section-title[data-v-4f7c0299]{display:none}.nav-item[data-v-4f7c0299]{flex:1;flex-direction:column;padding:var(--space-inset-sm);justify-content:center;margin:0;border-radius:0}.nav-icon[data-v-4f7c0299]{margin-right:0;margin-bottom:var(--space-stack-xs)}.nav-label[data-v-4f7c0299]{font-size:var(--text-label)}.admin-main[data-v-4f7c0299]{padding:var(--space-inset-md);padding-bottom:var(--space-stack-bottomnav-clearance)}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;background:#000;color:#fff8e7;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#app{width:100%;min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;position:fixed;inset:0;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:auto;touch-action:none}#app:has(.pilot-register-container),#app:has(.pilot-auth-container),#app:has(.progressive-register-container),#app:has(.email-verification-container),#app:has(.reset-password-container){position:relative;overflow:auto;touch-action:auto}@media(max-width:768px){html,body{font-size:var(--text-size-md)}}:root{--primary-gold: #C9A961;--secondary-gold: #FFD700;--dark-bg: #000;--light-text: #FFF8E7;--gray-text: #666;--lg-blur: 20px;--lg-blur-clear: 30px;--lg-saturate: 180%;--lg-saturate-clear: 200%;--lg-bg-regular: color-mix(in srgb, var(--light-text) 8%, transparent);--lg-bg-clear: color-mix(in srgb, var(--light-text) 4%, transparent);--lg-bg-dim: color-mix(in srgb, #000 50%, transparent);--lg-highlight: inset 0 .5px 0 color-mix(in srgb, var(--light-text) 12%, transparent);--lg-highlight-clear: inset 0 .5px 0 color-mix(in srgb, var(--light-text) 8%, transparent);--lg-radius-large: 20px;--lg-radius-medium: 12px;--lg-radius-small: 8px;--lg-radius-capsule: 9999px;--glass-blur: 15px;--glass-blur-reduced: 10px;--glass-saturate: saturate(180%);--glass-border-light: 1.5px solid color-mix(in srgb, var(--color-accent-gold) 45%, transparent);--glass-inset-shadow: inset 0 1px 0 color-mix(in srgb, #FFF5DC 15%, transparent);--glass-bg-light: linear-gradient(135deg, color-mix(in srgb, var(--color-accent-gold) 25%, transparent), color-mix(in srgb, var(--color-accent-gold) 10%, transparent));--glass-glow-gold: 0 8px 24px color-mix(in srgb, var(--color-accent-gold) 20%, transparent);--glass-glow-gold-hover: 0 12px 32px color-mix(in srgb, var(--color-accent-gold) 30%, transparent);--success-green: color-mix(in srgb, #51cf66 25%, transparent);--success-green-bright: #51cf66;--error-red: color-mix(in srgb, #DC3545 25%, transparent);--error-red-bright: #ff4444;--warning-orange: color-mix(in srgb, #f59e0b 25%, transparent);--warning-orange-bright: #f59e0b;--nila-cyan: #00CED1;--nila-green: #10B981;--nila-violet: #8B5CF6;--backdrop-blur: blur(var(--glass-blur)) var(--glass-saturate);--backdrop-blur-reduced: blur(var(--glass-blur-reduced)) saturate(150%);--gold-accent: #C9A961;--gold-bright: #FFD700;--cream: #FFF8E7;--school-primary: var(--gold-accent);--school-secondary: var(--gold-bright);--text-xs: clamp(.6875rem, 2.8vw, .75rem);--text-sm: clamp(.8125rem, 3.2vw, .875rem);--text-base: clamp(.875rem, 3.5vw, 1rem);--text-md: clamp(.9375rem, 3.8vw, 1.0625rem);--text-lg: clamp(1.125rem, 4.5vw, 1.25rem);--text-xl: clamp(1.25rem, 5vw, 1.5rem);--text-2xl: clamp(1.5rem, 6vw, 1.75rem);--text-3xl: clamp(1.75rem, 7vw, 2rem);--space-2xs: clamp(.125rem, .5vw, .25rem);--space-xs: clamp(.25rem, 1vw, .375rem);--space-sm: clamp(.5rem, 2vw, .625rem);--space-md: clamp(.75rem, 3vw, 1rem);--space-lg: clamp(1rem, 4vw, 1.5rem);--space-xl: clamp(1.5rem, 5vw, 2rem);--space-2xl: clamp(2rem, 6vw, 3rem);--text-display: var(--text-3xl);--text-headline: var(--text-lg);--text-caption: var(--text-xs);--space-inset-lg: var(--space-lg);--space-inset-md: var(--space-md);--space-inset-badge: var(--space-xs);--space-inline-sm: var(--space-sm);--space-stack-sm: var(--space-sm);--space-stack-xs: var(--space-xs);--space-inset-fab-clearance: var(--space-xl);--radius-badge: var(--lg-radius-small);--size-icon-sm: var(--text-sm);--size-border-active: 2px;--size-drag-handle-width: 2.25rem;--size-drag-handle-height: .25rem;--opacity-glow: .35;--z-base-elevated: 2;--color-surface-glass: var(--lg-bg-clear);--color-surface-tertiary: color-mix(in srgb, var(--light-text) 20%, transparent);--blur-surface-glass-low: var(--glass-blur-reduced);--color-surface-gradient-photo-overlay: linear-gradient( 180deg, color-mix(in srgb, #000 10%, transparent) 0%, color-mix(in srgb, #000 55%, transparent) 65%, color-mix(in srgb, #000 75%, transparent) 100% );--touch-min: 2.75rem;--touch-target: 3rem;--touch-target-lg: 3.5rem;--nila-gap: 16px;--bottom-nav-height: 7.5dvh;--bottom-nav-min: 56px;--nila-bottom-nav-offset: calc(max(var(--bottom-nav-height), var(--bottom-nav-min)) + var(--nila-gap));--nila-standalone-offset: var(--nila-gap);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--container-padding: clamp(.75rem, 4vw, 1.25rem);--avatar-sm: clamp(2rem, 10vw, 2.5rem);--avatar-md: clamp(3rem, 15vw, 4rem);--avatar-lg: clamp(4rem, 20vw, 5rem);--icon-sm: clamp(1rem, 4vw, 1.125rem);--icon-md: clamp(1.25rem, 5vw, 1.5rem);--motion-instant: 0ms;--motion-fast-ease-out: .15s ease-out;--motion-normal-ease-out: .2s ease-out;--motion-normal-ease-in-out: .2s ease-in-out;--motion-slow-ease-out: .3s ease-out;--motion-slow-ease-in-out: .3s ease-in-out;--motion-tap-scale: .98;--text-size-xs: clamp(10px, 2.5vw, 11px);--text-size-sm: clamp(12px, 3vw, 13px);--text-size-md: clamp(14px, 3.5vw, 16px);--text-size-lg: clamp(16px, 4vw, 18px);--text-size-xl: clamp(18px, 4.5vw, 20px);--text-size-2xl: clamp(20px, 5vw, 24px);--text-size-3xl: clamp(24px, 6vw, 28px);--text-size-4xl: clamp(28px, 7vw, 32px);--text-size-display: clamp(32px, 8vw, 40px);--text-weight-normal: 400;--text-weight-medium: 500;--text-weight-semibold: 600;--text-weight-bold: 700;--text-weight-black: 900;--z-base: 1;--z-elevated: 10;--z-sticky: 50;--z-overlay: 100;--z-modal: 1000;--z-toast: 1100;--z-fab: 9999;--radius-2xs: 2px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 9999px;--color-accent-gold: #C9A961;--opacity-dim: .3;--opacity-medium: .5;--opacity-light: .7;--opacity-strong: .8;--opacity-near-opaque: .9}.lg-glass-regular{background:var(--lg-bg-regular);backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-saturate));-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-saturate));border:none;box-shadow:var(--lg-highlight)}.lg-glass-clear{background:var(--lg-bg-clear);backdrop-filter:blur(var(--lg-blur-clear)) saturate(var(--lg-saturate-clear));-webkit-backdrop-filter:blur(var(--lg-blur-clear)) saturate(var(--lg-saturate-clear));border:none;box-shadow:var(--lg-highlight-clear)}.lg-dim-overlay{background:var(--lg-bg-dim);backdrop-filter:none;-webkit-backdrop-filter:none}.lg-interactive{transition:transform var(--motion-normal-ease-out),box-shadow var(--motion-normal-ease-out);cursor:pointer}.lg-interactive:hover{transform:scale(1.02)}.lg-interactive:active{transform:scale(.98);box-shadow:inset 0 1px 2px color-mix(in srgb,var(--light-text) 15%,transparent),inset 0 0 8px color-mix(in srgb,var(--color-accent-gold) 10%,transparent)}.lg-scroll-edge-top:before{content:"";position:absolute;top:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,color-mix(in srgb,#000 80%,transparent),transparent);pointer-events:none;z-index:var(--z-base)}.lg-scroll-edge-bottom:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(to top,color-mix(in srgb,#000 80%,transparent),transparent);pointer-events:none;z-index:var(--z-base)}.lg-glass-tinted{background:linear-gradient(135deg,color-mix(in srgb,var(--school-primary) 15%,transparent),color-mix(in srgb,var(--school-primary) 8%,transparent));backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-saturate));-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-saturate));border:1px solid color-mix(in srgb,var(--school-primary) 25%,transparent);box-shadow:var(--lg-highlight)}.lg-toast{background:color-mix(in srgb,var(--school-primary) 90%,transparent);backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-saturate));-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-saturate));border-radius:var(--lg-radius-medium)}@media(prefers-reduced-motion:reduce){.lg-interactive{transition:none!important}.lg-interactive:hover,.lg-interactive:active{transform:none!important}}@media(prefers-reduced-transparency:reduce){.lg-glass-regular{background:color-mix(in srgb,#1e1e1e 95%,transparent);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.lg-glass-clear{background:color-mix(in srgb,#1e1e1e 90%,transparent);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.lg-glass-tinted{background:color-mix(in srgb,#1e1e1e 95%,transparent);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.lg-toast{background:var(--school-primary);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.lg-dim-overlay{background:color-mix(in srgb,#000 85%,transparent)}}@media screen and (min-width:769px){body{background:#f0f0f0;margin:0;padding:0;overflow:hidden}body:before{content:"";position:fixed;inset:0;background:#1a1a1a;z-index:-1}body:has(.main-content) #app{position:fixed!important;top:50%!important;left:50%!important;width:430px!important;height:932px!important;transform:translate(-50%) translateY(-50%) scale(.75)!important;transform-origin:center center!important;overflow:visible!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-size-md)}body:has(.onboarding) #app,body:has(.athlete-quick-cuts) #app,body:has(.gold-rush-splash) #app,body:has(.three-step-onboarding) #app{position:relative!important;transform:none!important;width:100%!important;height:100%!important;max-width:430px;margin:0 auto}}