@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.claim-player-profile{width:100%;max-width:600px}.claim-player-header{margin-bottom:var(--space-xl);text-align:center}.claim-player-header h3{color:var(--color-text-primary);margin:0 0 var(--space-md) 0;font-size:1.25rem;font-weight:600}.claim-player-description{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.5}.player-search-section{margin-bottom:var(--space-xl)}.search-loading{text-align:center;padding:var(--space-lg)}.search-results{margin-top:var(--space-lg)}.search-results h4{color:var(--color-text-primary);margin:0 0 var(--space-md) 0;font-size:1.1rem;font-weight:600}.player-list{display:flex;flex-direction:column;gap:var(--space-sm)}.player-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--color-bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.player-item:hover:not(.player-claimed){border-color:var(--color-accent-primary);background:var(--color-bg-input)}.player-item.player-claimed{opacity:.6;cursor:not-allowed;background:var(--color-bg-input)}.player-item.player-disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-input)}.player-item.player-current-guardian{border-color:var(--color-success);background:#22c55e0d}.player-item.player-disabled:hover{border-color:var(--border-color);background:var(--color-bg-input)}.player-info{flex:1}.player-name{color:var(--color-text-primary);font-weight:600;font-size:.95rem;margin-bottom:var(--space-xs);display:flex;align-items:center;gap:var(--space-sm)}.player-jersey{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);background:var(--color-accent-primary);color:#fff;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.player-team{color:var(--color-text-muted);font-size:.8rem}.player-status{margin-left:var(--space-md)}.status-available{color:var(--color-success);font-size:.8rem;font-weight:600}.status-claimed{color:var(--color-text-muted);font-size:.8rem;font-weight:600}.status-current-guardian{color:var(--color-success);font-size:.8rem;font-weight:600}.status-disabled{color:var(--color-text-muted);font-size:.8rem;font-weight:600}.player-guardians{color:var(--color-text-secondary);font-size:.75rem;margin-top:var(--space-xs);font-style:italic}.no-results{text-align:center;padding:var(--space-xl);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-top:var(--space-lg)}.no-results-content h4{color:var(--color-text-primary);margin:0 0 var(--space-md) 0;font-size:1.1rem;font-weight:600}.no-results-content p{color:var(--color-text-secondary);margin:0 0 var(--space-lg) 0;font-size:.9rem;line-height:1.5}.create-player-option{margin-top:var(--space-xl)}.divider{position:relative;text-align:center;margin:var(--space-lg) 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color)}.divider span{background:var(--color-bg-primary);color:var(--color-text-muted);padding:0 var(--space-md);font-size:.8rem;font-weight:600;position:relative}.player-selected{margin-bottom:var(--space-xl)}.selected-player-info h4{color:var(--color-text-primary);margin:0 0 var(--space-md) 0;font-size:1.1rem;font-weight:600}.player-card{background:var(--color-bg-secondary);padding:var(--space-lg);border-radius:var(--radius-md);border:2px solid var(--color-accent-primary);margin-bottom:var(--space-md)}.player-details .player-name{color:var(--color-text-primary);font-weight:600;font-size:1.1rem;margin-bottom:var(--space-xs);display:flex;align-items:center;gap:var(--space-sm)}.player-details .player-team{color:var(--color-text-secondary);font-size:.9rem}.linking-info{background:#ff6b351a;padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-accent-primary)}.linking-info p{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.4}.create-player-form{margin-bottom:var(--space-xl)}.create-player-form h4{color:var(--color-text-primary);margin:0 0 var(--space-lg) 0;font-size:1.1rem;font-weight:600}.claim-player-profile .form-group{margin-bottom:var(--space-lg)}.claim-player-profile .form-label{display:block;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-sm);font-size:.9rem}.claim-player-profile .form-input{width:100%;padding:var(--space-md);background:var(--color-bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9rem;transition:all .2s ease;font-family:var(--font-family)}.claim-player-profile .form-input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #ff6b351a}.claim-player-profile .form-input::placeholder{color:var(--color-text-muted)}.claim-player-profile .form-help{font-size:.8rem;color:var(--color-text-muted);margin-top:var(--space-sm);line-height:1.4}.claim-player-profile .form-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.claim-player-profile .form-actions .btn{min-width:120px}.claim-player-back{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.btn-block{width:100%;display:block}.claim-player-profile .btn:disabled{opacity:.6;cursor:not-allowed}.form-input-readonly{background:var(--color-bg-secondary)!important;color:var(--color-text-secondary)!important;cursor:default;opacity:.8}.form-input-readonly:focus{box-shadow:none!important;border-color:var(--border-color)!important}.loading-profile{text-align:center;padding:var(--space-md);margin-bottom:var(--space-md)}.loading-profile .loading{color:var(--color-text-secondary);font-size:.9rem}@media (max-width: 640px){.claim-player-profile .form-actions{flex-direction:column}.claim-player-profile .form-actions .btn{width:100%;min-width:auto}.player-item{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.player-status{margin-left:0;align-self:flex-end}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-overlay-enter .2s ease}@keyframes modal-overlay-enter{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modal-content-enter .3s ease;outline:none}@keyframes modal-content-enter{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:500px}.modal-lg{width:100%;max-width:700px}.modal-xl{width:100%;max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-color);background:var(--color-bg-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.modal-close-button{background:none;border:none;font-size:18px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.modal-close-button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.modal-close-button:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.modal-body{padding:var(--space-lg);overflow-y:auto;flex:1}.modal-body .form{margin:0}.modal-body .form-label,.modal-body .form-input,.modal-body .form-textarea{font-size:.9rem}.modal-body .form-textarea{resize:vertical;min-height:100px}.modal-body .form-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.modal-body .form-actions .btn{min-width:100px}.modal-body .alert{margin-bottom:var(--space-lg)}.modal-body .btn:disabled{opacity:.6;cursor:not-allowed}.join-team-modal{width:100%;max-width:500px}.team-info{background:var(--color-bg-secondary);padding:var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);border:1px solid var(--border-color)}.team-info h3{margin:0 0 var(--space-md) 0;color:var(--color-text-primary);font-size:1.125rem;font-weight:600}.team-details{display:flex;flex-direction:column;gap:var(--space-sm)}.team-details p{margin:0;color:var(--color-text-secondary);font-size:.875rem}.team-details strong{color:var(--color-text-primary);font-weight:600}.join-team-modal .form-input{text-align:center;font-size:1.125rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase}.join-team-modal .form-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #ff6b351a}.player-confirmation{background:var(--color-bg-secondary);padding:var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);border:1px solid var(--border-color)}.player-confirmation h4{margin:0 0 var(--space-md) 0;color:var(--color-text-primary);font-size:1.125rem;font-weight:600}.selected-player-summary{display:flex;flex-direction:column;gap:var(--space-sm)}.selected-player-summary .player-name{color:var(--color-text-primary);font-weight:600;font-size:1rem;display:flex;align-items:center;gap:var(--space-sm)}.selected-player-summary .player-jersey{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);background:var(--color-accent-primary);color:#fff;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.selected-player-summary .player-status{color:var(--color-text-secondary);font-size:.875rem;font-style:italic}.selected-player-summary .player-action{color:var(--color-accent-primary);font-size:.875rem;font-weight:500}.join-team-modal .btn:disabled{opacity:.6;cursor:not-allowed}.player-profile-modal{width:100%;max-width:600px}.progress-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative;margin:0 var(--space-md)}.progress-step:not(:last-child):after{content:"";position:absolute;top:16px;right:-24px;width:32px;height:2px;background:var(--border-color)}.progress-step.active:not(:last-child):after{background:var(--color-accent-primary)}.progress-step span{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;margin-bottom:var(--space-xs);background:var(--color-bg-input);color:var(--color-text-secondary);border:2px solid var(--border-color)}.progress-step.active span{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.progress-step label{font-size:12px;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.progress-step.active label{color:var(--color-accent-primary)}.step-content{min-height:300px;padding:var(--space-lg) 0}.step-content h3{color:var(--color-text-primary);margin-bottom:var(--space-md);font-size:1.25rem}.step-description{color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-size:.9rem;line-height:1.5}.role-options{display:flex;flex-direction:column;gap:var(--space-md)}.role-option{display:flex;align-items:center;padding:var(--space-lg);background:var(--color-bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.role-option:hover{border-color:var(--color-accent-primary);background:var(--color-bg-input)}.role-option.selected{border-color:var(--color-accent-primary);background:#ff6b351a}.role-icon{font-size:2rem;margin-right:var(--space-lg);min-width:3rem;text-align:center}.role-info h4{color:var(--color-text-primary);margin:0 0 var(--space-xs) 0;font-size:1.1rem;font-weight:600}.role-info p{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.4}.selected-team-info{background:var(--color-bg-secondary);padding:var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);border:1px solid var(--border-color)}.selected-team-info p{margin:0 0 var(--space-sm) 0;color:var(--color-text-secondary);font-size:.9rem}.selected-team-info p:last-child{margin-bottom:0}.selected-team-info strong{color:var(--color-text-primary);font-weight:600}.confirmation-details{background:var(--color-bg-secondary);padding:var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);border:1px solid var(--border-color)}.confirmation-details p{margin:0 0 var(--space-sm) 0;color:var(--color-text-secondary);font-size:.9rem}.confirmation-details p:last-child{margin-bottom:0}.confirmation-details strong{color:var(--color-text-primary);font-weight:600}.guardian-info{background:#ff6b351a;padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--color-accent-primary)}.guardian-info h4{color:var(--color-accent-primary);margin:0 0 var(--space-md) 0;font-size:1.1rem;font-weight:600}.guardian-info p{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.5}.player-profile-modal .form-group{margin-bottom:var(--space-lg)}.player-profile-modal .form-label{display:block;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-sm);font-size:.9rem}.player-profile-modal .form-input{width:100%;padding:var(--space-md);background:var(--color-bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9rem;transition:all .2s ease;font-family:var(--font-family)}.player-profile-modal .form-input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #ff6b351a}.player-profile-modal .form-input::placeholder{color:var(--color-text-muted)}.player-profile-modal .form-help{font-size:.8rem;color:var(--color-text-muted);margin-top:var(--space-sm);line-height:1.4}.role-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);background:var(--color-accent-primary);color:#fff;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:capitalize;margin-left:var(--space-xs)}.player-profile-modal .form-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.player-profile-modal .form-actions .btn{min-width:100px}.player-profile-modal .form-checkbox{position:relative;display:flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer;padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease}.player-profile-modal .form-checkbox:hover{border-color:var(--color-accent-primary);background:var(--color-bg-input)}.player-profile-modal .form-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.player-profile-modal .form-checkbox .checkbox-custom{position:relative;height:20px;width:20px;background:var(--color-bg-input);border:2px solid var(--border-color);border-radius:var(--radius-sm);transition:all .2s ease;flex-shrink:0;margin-top:2px}.player-profile-modal .form-checkbox input[type=checkbox]:checked+.checkbox-custom{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.player-profile-modal .form-checkbox .checkbox-custom:after{content:"";position:absolute;display:none;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.player-profile-modal .form-checkbox input[type=checkbox]:checked+.checkbox-custom:after{display:block}.player-profile-modal .form-checkbox input[type=checkbox]:focus+.checkbox-custom{box-shadow:0 0 0 3px #ff6b3533}.player-profile-modal .form-checkbox .checkbox-content{flex:1}.player-profile-modal .form-checkbox .checkbox-content span{display:block;font-weight:600;color:var(--color-text-primary);font-size:.95rem;margin-bottom:var(--space-xs)}.player-profile-modal .form-checkbox.checked{border-color:var(--color-accent-primary);background:#ff6b350d}.player-profile-modal .btn:disabled{opacity:.6;cursor:not-allowed}.form-select{width:100%;padding:var(--space-md);background:var(--color-bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;transition:all .2s ease;font-family:var(--font-family);appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--space-md) center;background-size:20px;padding-right:var(--space-xl)}.user-profile-main-card{margin-bottom:var(--space-xl)}.user-profile-layout{display:flex;gap:var(--space-xl);align-items:flex-start;flex-wrap:wrap}.user-profile-avatar-section{display:flex;flex-direction:column;align-items:center;min-width:200px;position:relative}.user-profile-avatar-container{margin-bottom:var(--space-lg)}.user-profile-stats-section{flex:1;min-width:300px}.user-profile-stats-title{margin-bottom:var(--space-lg);color:var(--color-text-primary)}.user-profile-stats-container{margin-bottom:var(--space-lg)}.user-profile-stats-loading{text-align:left;padding:var(--space-lg) 0}.user-profile-join-team-container{text-align:center;margin-top:var(--space-lg)}.user-profile-edit-form{width:100%;text-align:center}.user-profile-edit-input{text-align:center;margin-bottom:var(--space-sm)}.user-profile-edit-actions{display:flex;gap:var(--space-sm);justify-content:center}.user-profile-display{text-align:center;width:100%}.user-profile-name-container{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.user-profile-name-title{margin:0}.user-profile-edit-button{padding:4px 8px;font-size:12px}.user-profile-email{margin:0;margin-bottom:var(--space-sm)}.user-profile-member-since{font-size:14px;color:var(--color-text-muted)}.user-profile-actions-container{display:flex;justify-content:flex-end;margin-bottom:var(--space-lg)}.user-profile-actions{display:flex;gap:var(--space-sm)}.user-profile-action-button{min-width:150px}.user-profile-players-card{margin-bottom:var(--space-xl)}.user-profile-players-title{margin-bottom:var(--space-lg);color:var(--color-text-primary)}.user-profile-players-loading{padding:var(--space-lg) 0}.user-profile-players-empty{text-align:center;padding:var(--space-xl);color:var(--color-text-secondary)}.user-profile-players-grid{display:grid;gap:var(--space-md)}.user-profile-player-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.user-profile-player-info{flex:1}.user-profile-player-name{font-weight:600;margin-bottom:var(--space-xs)}.user-profile-player-jersey{margin-left:var(--space-sm);color:var(--color-accent-primary);font-size:15px;font-weight:700}.user-profile-player-relationship{font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.user-profile-player-date{font-size:12px;color:var(--color-text-muted)}.user-profile-player-actions{margin-left:var(--space-md)}.user-profile-delete-button{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0}.user-profile-avatar-section .floating-actions{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;gap:var(--space-xs);z-index:10}@media (max-width: 768px){.user-profile-layout{flex-direction:column;gap:var(--space-lg)}.user-profile-avatar-section,.user-profile-stats-section{min-width:auto;width:100%}.user-profile-actions-container{justify-content:center}.user-profile-actions{flex-direction:column;width:100%}.user-profile-action-button{min-width:auto;width:100%}.user-profile-stats-title{text-align:center}}@media (max-width: 480px){.user-profile-player-actions svg{width:18px;height:18px}}.App{width:100%;min-height:100vh;position:relative}.app-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--color-bg-secondary)}.loading-spinner{color:var(--color-accent-primary);font-size:var(--text-lg);font-weight:var(--font-medium)}:root{--color1-color: #ef4444;--color2-color: #faf615;--color3-color: #3b82f6;--black-overlay: rgba(0, 0, 0, .8);--white-transparent: rgba(255, 255, 255, .2);--white-semi: rgba(255, 255, 255, .3);--white-opaque: rgba(255, 255, 255, .4);--white-more: rgba(255, 255, 255, .15);--white-glow: rgba(255, 255, 255, .5);--green-active: #10b981;--green-glow: rgba(16, 185, 129, .5);--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--color-bg-primary-light: #FFFFFF;--color-bg-secondary-light: #F8F9FA;--color-bg-card-light: #FFFFFF;--color-bg-input-light: #F1F3F4;--color-bg-primary-dark: #1a1a1a;--color-bg-secondary-dark: #2a2a2a;--color-bg-card-dark: #333333;--color-bg-input-dark: #404040;--color-text-primary-light: #1F2937;--color-text-secondary-light: #6B7280;--color-text-muted-light: #9CA3AF;--color-text-primary-dark: #FFFFFF;--color-text-secondary-dark: #B0B0B0;--color-text-muted-dark: #808080;--color-accent-primary: #FF6B35;--color-accent-secondary: #FF8C42;--color-accent-light: #FFB366;--color-success: #249e4d;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--color-error-dark: #dc2626;--color-warning-dark: #d97706;--color-info-dark: #0369a1;--color-live: #00D9FF;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-xs: 2px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 50px;--shadow-sm-light: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md-light: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg-light: 0 8px 24px rgba(0, 0, 0, .2);--shadow-sm-dark: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md-dark: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg-dark: 0 8px 24px rgba(0, 0, 0, .5)}:root,[data-theme=light]{--color-bg-primary: var(--color-bg-primary-light);--color-bg-secondary: var(--color-bg-secondary-light);--color-bg-card: var(--color-bg-card-light);--color-bg-input: var(--color-bg-input-light);--color-text-primary: var(--color-text-primary-light);--color-text-secondary: var(--color-text-secondary-light);--color-text-muted: var(--color-text-muted-light);--shadow-sm: var(--shadow-sm-light);--shadow-md: var(--shadow-md-light);--shadow-lg: var(--shadow-lg-light);--border-color: rgba(0, 0, 0, .1)}[data-theme=dark]{--color-bg-primary: var(--color-bg-primary-dark);--color-bg-secondary: var(--color-bg-secondary-dark);--color-bg-card: var(--color-bg-card-dark);--color-bg-input: var(--color-bg-input-dark);--color-text-primary: var(--color-text-primary-dark);--color-text-secondary: var(--color-text-secondary-dark);--color-text-muted: var(--color-text-muted-dark);--shadow-sm: var(--shadow-sm-dark);--shadow-md: var(--shadow-md-dark);--shadow-lg: var(--shadow-lg-dark);--border-color: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}html{transition:background-color .3s ease,color .3s ease}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-md)}h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}p{color:var(--color-text-secondary);margin-bottom:var(--space-md)}.theme-toggle{background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-secondary);transition:all .3s ease;font-size:18px}.theme-toggle:hover{color:var(--color-accent-primary);border-color:var(--color-accent-primary);transform:translateY(-1px)}.theme-toggle__dark-inner{width:1em;height:1em}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-weight:600;font-size:14px;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;gap:var(--space-xs);font-family:var(--font-family)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-secondary);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-input)}.btn-live{background:var(--color-live);color:var(--color-bg-primary);font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:#46ac53}.btn-error{background:var(--color-error);color:#fff}.btn-error:hover:not(:disabled){background:#dc2626}.btn-warning{background:var(--color-warning);color:var(--color-bg-primary)}.btn-warning:hover:not(:disabled){background:#d97706}.btn-info{background:var(--color-info);color:#fff}.btn-info:hover:not(:disabled){background:#2563eb}.btn-link{background:transparent;color:var(--color-accent-primary);text-decoration:underline;padding:0;border:none;font-size:inherit}.btn-link:hover:not(:disabled){color:var(--color-accent-secondary)}.btn-sm{padding:6px 12px;font-size:12px}.btn-md{padding:var(--space-sm) var(--space-md);font-size:14px}.btn-lg{padding:var(--space-md) var(--space-lg);font-size:16px}.btn-full{width:100%;padding:var(--space-md)}.floating-action-btn{width:32px;height:32px;border-radius:50%;border:none;background:#0004;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:var(--text-sm)}.floating-action-btn:hover{background:var(--black-overlay);transform:scale(1.1)}.floating-action-btn:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.edit-btn:hover{background:var(--color-info);opacity:1}.delete-btn:hover{background:var(--color-error);opacity:1}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-compact{padding:var(--space-md)}.stat{text-align:center}.stat-value{font-size:18px;font-weight:700;color:var(--color-text-primary)}.stat-label{font-size:12px;color:var(--color-text-muted);text-transform:uppercase}.video-container{position:relative;background:var(--color-bg-card);overflow:hidden;aspect-ratio:16/9;box-shadow:var(--shadow-md)}.video-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.7) 100%);display:flex;align-items:center;justify-content:center}.play-button{width:64px;height:64px;background:var(--color-accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;cursor:pointer;transition:transform .2s ease}.play-button:hover{transform:scale(1.1)}.video-info{position:absolute;bottom:var(--space-md);left:var(--space-md);right:var(--space-md)}.video-title{font-weight:600;color:#fff;margin-bottom:var(--space-xs)}.video-meta{font-size:12px;color:#fffc}.form-group{margin-bottom:var(--space-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.form-help{font-size:.75rem;color:var(--color-text-muted);margin-top:var(--space-xs);line-height:1.4}.form-label{display:block;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.form-input{width:100%;padding:var(--space-md);background:var(--color-bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;transition:all .2s ease;font-family:var(--font-family)}.form-input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #ff6b351a}.form-input::placeholder{color:var(--color-text-muted)}.form-textarea{width:100%;padding:var(--space-md);background:var(--color-bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;transition:all .2s ease;font-family:var(--font-family);resize:vertical;min-height:100px}.form-textarea:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #ff6b351a}.form-textarea::placeholder{color:var(--color-text-muted)}.form-select{width:100%;padding:var(--space-md);background:var(--color-bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;transition:all .2s ease;font-family:var(--font-family);appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--space-md) center;background-size:20px;padding-right:var(--space-xl)}.form-select:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #ff6b351a}.form-message{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:14px;font-weight:500;border:1px solid;display:flex;align-items:center;gap:var(--space-xs)}.form-message-error{background-color:#ef44441a;color:var(--color-error);border-color:var(--color-error)}.form-message-info{background-color:#3b82f61a;color:var(--color-info);border-color:var(--color-info)}.header-nav{background:var(--color-bg-card);border-bottom:1px solid var(--border-color);padding:0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-nav-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;padding:var(--space-md) var(--space-lg);gap:var(--space-xl);padding-left:120px}.header-nav .nav-brand{font-size:28px;font-weight:700;color:var(--color-accent-primary);text-decoration:none;position:relative;height:40px;display:flex;align-items:center}.header-nav .nav-brand img{position:absolute;top:50%;left:-100px;transform:translateY(-50%);height:100px;width:auto;z-index:10;margin-top:16px}.header-nav .nav-items{margin-left:120px;display:flex;gap:var(--space-md);list-style:none;align-items:center}.header-nav .nav-item{color:var(--color-text-secondary);text-decoration:none;font-weight:500;transition:color .2s ease;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md)}.header-nav .nav-item:hover,.header-nav .nav-item.active{color:var(--color-accent-primary);background:var(--color-bg-secondary)}.user-menu{display:flex;align-items:center;gap:var(--space-md);margin-left:auto}.user-info{color:var(--color-text-secondary);font-weight:500}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.badge-success{background:var(--color-success);color:#fff}.badge-error{background:var(--color-error);color:#fff}.badge-warning{background:var(--color-warning);color:var(--color-bg-primary)}.badge-info{background:var(--color-info);color:#fff}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-secondary) 100%);padding:var(--space-lg);position:relative}.auth-theme-toggle{position:absolute;top:var(--space-lg);right:var(--space-lg);z-index:10}.auth-card{background:var(--color-bg-card);padding:var(--space-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:400px;border:1px solid var(--border-color)}.auth-header{text-align:center;margin-bottom:var(--space-2xl)}.auth-header h1{color:var(--color-text-primary);font-size:48px;font-weight:700;margin:0 0 var(--space-sm) 0;letter-spacing:-1px}.auth-header p{color:var(--color-text-secondary);margin:0;font-size:16px}.auth-tabs{display:flex;margin-bottom:var(--space-2xl);border-radius:var(--radius-lg);background:var(--color-bg-secondary);padding:var(--space-xs)}.auth-tab{flex:1;padding:var(--space-md);border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:all .2s ease;color:var(--color-text-secondary);font-family:var(--font-family)}.auth-tab.active{background:var(--color-bg-card);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.auth-form{display:flex;flex-direction:column}.alert{padding:var(--space-md);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);font-size:14px;font-weight:500;border:1px solid}.alert-success{background-color:#10b9811a;color:var(--color-success);border-color:var(--color-success)}.alert-error{background-color:#ef44441a;color:var(--color-error);border-color:var(--color-error)}.alert-warning{background-color:#f59e0b1a;color:var(--color-warning);border-color:var(--color-warning)}.alert-info{background-color:#3b82f61a;color:var(--color-info);border-color:var(--color-info)}.profile-card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all .3s ease}.profile-header{text-align:center;margin-bottom:var(--space-2xl)}.profile-avatar{width:120px;height:120px;border-radius:50%;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:var(--color-text-primary);margin:0 auto var(--space-lg) auto;border:4px solid var(--color-accent-primary)}.profile-name{font-size:24px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.profile-email{color:var(--color-text-secondary);font-size:16px}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-lg);margin:var(--space-2xl) 0}.profile-stat{text-align:center;padding:var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.profile-stat-value{font-size:32px;font-weight:700;color:var(--color-accent-primary);margin-bottom:var(--space-xs)}.profile-stat-label{font-size:14px;color:var(--color-text-secondary);text-transform:uppercase;font-weight:600}.dashboard-container{min-height:100vh;background:var(--color-bg-primary)}.dashboard-main{max-width:1200px;margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xl)}.section-title{font-size:28px;font-weight:700;color:var(--color-text-primary);margin:0}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.team-card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all .3s ease}.team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.team-header{margin-bottom:var(--space-lg)}.team-name{font-size:20px;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.team-role{color:var(--color-accent-primary);font-weight:600;margin-bottom:var(--space-sm);text-transform:capitalize}.team-created{color:var(--color-text-muted);font-size:14px;margin-bottom:var(--space-lg)}.team-metadata{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.metadata-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.metadata-row:last-child{margin-bottom:0}.metadata-label{font-weight:600;color:var(--color-text-secondary);font-size:14px}.metadata-value{font-weight:700;color:var(--color-text-primary);font-size:14px}.team-actions{display:flex;gap:var(--space-sm)}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary)}.loading{text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary);font-size:18px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:0;margin-left:auto;z-index:1001}.hamburger-line{width:24px;height:2px;background:var(--color-text-primary);transition:all .3s ease;margin:3px 0;border-radius:1px}.hamburger-line-1-open{transform:rotate(45deg) translate(5px,5px)}.hamburger-line-2-open{opacity:0}.hamburger-line-3-open{transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;visibility:hidden;opacity:0;transition:all .3s ease;z-index:1000}.mobile-menu-open{visibility:visible;opacity:1}.mobile-menu-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-menu-content{position:absolute;top:0;right:0;width:300px;max-width:85vw;height:100vh;background:var(--color-bg-card);border-left:1px solid var(--border-color);transform:translate(100%);transition:transform .3s ease;overflow-y:auto;box-shadow:var(--shadow-lg)}.mobile-menu-open .mobile-menu-content{transform:translate(0)}.mobile-nav-items{list-style:none;padding:var(--space-2xl) var(--space-lg);margin:0}.mobile-nav-items li{margin-bottom:var(--space-sm)}.mobile-nav-item{display:block;padding:var(--space-md) var(--space-lg);color:var(--color-text-secondary);text-decoration:none;font-weight:500;font-size:18px;border-radius:var(--radius-md);transition:all .2s ease}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--color-accent-primary);background:var(--color-bg-secondary)}.mobile-menu-divider{height:1px;background:var(--border-color);margin:var(--space-lg) 0}.mobile-user-info{padding:var(--space-md) var(--space-lg);color:var(--color-text-muted);font-size:14px;font-weight:500}.mobile-menu-actions{padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.mobile-menu-actions .theme-toggle{align-self:flex-start}@media (max-width: 1024px){.grid-3{grid-template-columns:1fr 1fr}.header-nav .nav-items,.nav-items,.user-menu{display:none}.mobile-menu-toggle{display:flex}.header-nav .nav-brand img{left:-40px;height:85px}.btn-primary,.btn-secondary{padding:var(--space-md) var(--space-md)}}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}.mobile-menu-content{width:100%;max-width:none}.mobile-nav-item{font-size:20px;padding:var(--space-lg)}.member-section h3{display:none}}@media (max-width: 480px){.header-nav-content{padding-left:60px;padding-right:var(--space-md)}.mobile-nav-items{padding:var(--space-xl) var(--space-md)}}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;background:#000;margin:0;padding:0}body.hud-mode{height:100vh;height:100dvh;overflow:hidden;position:fixed;inset:0}body.dashboard-mode{height:auto;min-height:100vh;min-height:100dvh;overflow:auto;position:static}#root{width:100%;height:100%}.video-foreground{pointer-events:none}