.toast-container{position:fixed;top:80px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px}.toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#1a1a1a;border-radius:10px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #0006;animation:toast-enter .3s ease-out}.toast--exiting{animation:toast-exit .3s ease-out forwards}@keyframes toast-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:1px}.toast--success .toast-icon{color:#10b981}.toast--info .toast-icon{color:#3b82f6}.toast--warning .toast-icon{color:#f59e0b}.toast--error .toast-icon{color:#ef4444}.toast-message{flex:1;font-size:14px;line-height:1.5;color:#fff}.toast-dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:#ffffff80;cursor:pointer;transition:all .15s ease;margin-top:1px}.toast-dismiss:hover{background:#ffffff1a;color:#fff}.toast--success{border-left:3px solid #10b981}.toast--info{border-left:3px solid #3b82f6}.toast--warning{border-left:3px solid #f59e0b}.toast--error{border-left:3px solid #ef4444}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem;background:var(--bg-primary, #111);color:var(--text-primary, #fff)}.auth-loading-spinner{width:40px;height:40px;border:3px solid var(--border-color, #333);border-top-color:var(--accent-color, #fff);border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.app{width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-bg-primary)}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.page-loader-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent-purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--color-bg-primary: #111111;--color-bg-secondary: #1a1a1a;--color-bg-tertiary: #2a2a2a;--color-bg-card: #1f1f21;--color-bg-elevated: #252528;--color-text-primary: #ffffff;--color-text-secondary: #9e9e9e;--color-text-tertiary: #757575;--color-text-inverse: #111111;--color-border: #333333;--color-border-light: #444444;--color-accent-yellow: #FFD60A;--color-accent-blue: #4ECDC4;--color-accent-orange: #FF6B35;--color-accent-green: #4ADE80;--color-success: #4ADE80;--color-warning: #FBBF24;--color-error: #EF4444;--color-info: #3B82F6;--color-nike-orange: #FA5400;--color-icon-primary: #ffffff;--color-icon-secondary: #CACBCB;--font-primary: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(17, 17, 17, .18);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-card: 0 4px 8px rgba(17, 17, 17, .18), 0 0 24px 4px rgba(17, 17, 17, .09);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--header-height: 64px;--page-nav-height: 88px;--content-offset: calc(var(--header-height) + var(--page-nav-height))}.theme-light{--color-bg-primary: #F5F5F7;--color-bg-secondary: #FFFFFF;--color-bg-tertiary: #E8E8ED;--color-bg-card: #FFFFFF;--color-bg-elevated: #FFFFFF;--color-text-primary: #1D1D1F;--color-text-secondary: #6E6E73;--color-text-tertiary: #86868B;--color-text-inverse: #FFFFFF;--color-border: #D2D2D7;--color-border-light: #E8E8ED;--color-icon-primary: #1D1D1F;--color-icon-secondary: #6E6E73;--color-accent-yellow: #E5B800;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 28px rgba(0, 0, 0, .12);--shadow-card: 0 2px 8px rgba(0, 0, 0, .06), 0 0 1px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100vw;height:100vh;overflow:hidden}:focus-visible{outline:2px solid var(--color-accent-yellow);outline-offset:2px}::selection{background-color:var(--color-accent-yellow);color:var(--color-bg-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}button{font-family:inherit;cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}