.user-profile-modal-overlay{position:fixed!important;inset:0!important;background:#000c!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important;padding:20px!important}.user-profile-modal{width:90%;max-width:800px;max-height:90vh;overflow-y:auto;background:#2a2a2a;border:1px solid #333;border-radius:12px;position:relative;margin:auto}.user-profile-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #333}.user-profile-modal .modal-header h2{display:flex;align-items:center;gap:10px;margin:0;color:#fff;font-size:20px}.user-profile-modal .modal-body{padding:20px;color:#fff}.user-profile-modal .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #333}.profile-form{display:flex;flex-direction:column;gap:30px}.form-section{border:1px solid #333;border-radius:8px;padding:20px;background:#1a1a1a}.form-section h3{margin:0 0 20px;color:#666fe6;font-size:18px;font-weight:600;border-bottom:1px solid #333;padding-bottom:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#ccc}.form-group input,.form-group select{padding:10px 12px;background:#2a2a2a;border:1px solid #333;border-radius:6px;color:#fff;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#666fe6}.field-display{padding:10px 12px;background:#2a2a2a;border:1px solid #333;border-radius:6px;color:#fff;font-size:14px;min-height:20px}.field-display.readonly{background:#1a1a1a;border-style:dashed;color:#999}.field-display.active{color:#48bb78}.field-display.inactive{color:#f56565}.field-display a{color:#666fe6;text-decoration:none}.field-display a:hover{text-decoration:underline}.profile-picture-section{display:flex;align-items:center;gap:20px;margin-bottom:15px}.profile-picture-preview{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid #333}.profile-picture-placeholder{width:80px;height:80px;border-radius:50%;background:#333;display:flex;align-items:center;justify-content:center;border:2px solid #555;color:#666}.instagram-input{position:relative;display:flex;align-items:center}.instagram-prefix{position:absolute;left:12px;color:#666fe6;font-weight:600;z-index:1}.instagram-input input{padding-left:25px}.edit-btn,.save-btn,.cancel-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;border:none}.edit-btn{background:#666fe6;color:#fff}.edit-btn:hover{background:#5a67d8}.save-btn{background:#48bb78;color:#fff}.save-btn:hover:not(:disabled){background:#38a169}.cancel-btn{background:#718096;color:#fff}.cancel-btn:hover{background:#4a5568}.save-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.loading-state{text-align:center;padding:40px;color:#999}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.error-message{background:#f565651a;border:1px solid #f56565;color:#f56565;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px}.success-message{background:#48bb781a;border:1px solid #48bb78;color:#48bb78;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px}@media (max-width: 768px){.user-profile-modal{width:95%;max-height:95vh}.form-row{grid-template-columns:1fr}.profile-picture-section{flex-direction:column;align-items:flex-start}.user-profile-modal .modal-footer{flex-direction:column}.edit-btn,.save-btn,.cancel-btn{width:100%;justify-content:center}}.scrolling-logos-container{width:100vw;background:transparent;padding:20px 0;overflow:hidden;position:relative;z-index:1;border:none}.scrolling-logos{white-space:nowrap;overflow:hidden;width:100%;border:none}.logos-track{display:inline-flex;animation:scrollRightToLeft 20s linear infinite;gap:80px;align-items:center;border:none}.logo-item{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:100px;border:none}.client-logo{max-height:80px;max-width:200px;width:auto;height:auto;object-fit:contain;opacity:.8;transition:opacity .3s ease;filter:brightness(1.1);border:none}.client-logo:hover{opacity:1;transform:scale(1.05);transition:all .3s ease}@keyframes scrollRightToLeft{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@media (max-width: 768px){.scrolling-logos-container{padding:40px 0}.logo-item{height:80px}.client-logo{max-height:65px;max-width:160px}.logos-track{gap:60px;animation-duration:18s}}@media (max-width: 480px){.scrolling-logos-container{padding:30px 0}.logo-item{height:70px}.client-logo{max-height:50px;max-width:130px}.logos-track{gap:40px;animation-duration:15s}}.scrolling-logos-container:hover .logos-track{animation-play-state:paused}.showcase-page{min-height:100vh;background:#000;position:relative;overflow-x:hidden}.showcase-hero{position:relative;padding:10rem 2rem 6rem;text-align:center;background:linear-gradient(180deg,#000,#0a0a0a);border-bottom:1px solid rgba(255,255,255,.05)}.showcase-hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:800px;height:400px;background:radial-gradient(circle,rgba(102,126,234,.15) 0%,transparent 70%);pointer-events:none;animation:heroGlow 8s ease-in-out infinite}@keyframes heroGlow{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:.8;transform:translate(-50%) scale(1.1)}}.hero-content{position:relative;z-index:2;max-width:900px;margin:0 auto}.hero-title{font-size:5.5rem;font-weight:900;margin:0 0 1.5rem;letter-spacing:-2px;background:linear-gradient(135deg,#fff,#667eea,#9f7aea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 80px rgba(102,126,234,.3);animation:fadeInUp 1s ease-out}.hero-subtitle{font-size:1.4rem;color:#ffffffb3;max-width:700px;margin:0 auto;line-height:1.8;font-weight:300;animation:fadeInUp 1s ease-out .2s both}.showcase-grid{padding:0;margin:0;column-count:4;column-gap:0;background:#000}.showcase-item{position:relative;break-inside:avoid;margin:0;padding:0;overflow:hidden;background:#000;display:inline-block;width:100%}.item-media{position:relative;width:100%;height:auto;display:block;overflow:hidden;background:#000}.item-image,.item-video{width:100%;height:auto;display:block;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.showcase-item:hover .item-image,.showcase-item:hover .item-video{transform:scale(1.05)}@media (max-width: 1400px){.showcase-grid{column-count:3}.hero-title{font-size:4.5rem}}@media (max-width: 1024px){.showcase-grid{column-count:3}.hero-title{font-size:4rem}.hero-subtitle{font-size:1.2rem}}@media (max-width: 768px){.showcase-hero{padding:8rem 2rem 4rem}.hero-title{font-size:3rem;letter-spacing:-1px}.hero-subtitle{font-size:1.1rem}.showcase-grid{column-count:2}}@media (max-width: 480px){.showcase-hero{padding:7rem 1.5rem 3rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.showcase-grid{column-count:1}}.showcase-page{scroll-behavior:smooth}.item-image,.item-video{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);will-change:transform}.players-list{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:20px;color:#fff;max-width:300px;height:fit-content}.players-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #333}.players-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.players-header svg{color:#666fe6}.role-section{margin-bottom:20px}.role-section:last-child{margin-bottom:0}.role-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:500;color:#ccc}.role-header svg{color:#666fe6}.player-item{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:8px;background:#2a2a2a;border-radius:6px;border:1px solid #333;transition:all .2s}.player-item:hover{background:#333;border-color:#666fe6}.player-item svg{color:#666fe6;flex-shrink:0}.player-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #666fe6}.player-item.admin .player-avatar{border-color:#f6ad55}.player-item.uploader .player-avatar{border-color:#9f7aea}.player-item.coach .player-avatar{border-color:#666fe6}.player-item.player .player-avatar{border-color:#48bb78}.player-item.parent .player-avatar{border-color:#4facfe}.player-info{flex:1;min-width:0}.player-name{font-size:14px;font-weight:600;color:#fff;margin-bottom:2px;word-break:break-word}.player-email{font-size:12px;color:#999;word-break:break-word}.player-child{font-size:12px;color:#4facfe;font-style:italic;margin-bottom:2px}.player-item.parent{border-left:3px solid #4facfe}.loading,.error{text-align:center;padding:20px;color:#999}.error button{margin-top:10px;padding:8px 16px;background:#666fe6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.error button:hover{background:#5a67d8}.empty-state{text-align:center;padding:30px 20px;color:#666}.empty-state svg{margin-bottom:10px;color:#666}.empty-state p{margin:0;font-size:14px}.player-item.admin{border-left:3px solid #f6ad55}.player-item.uploader{border-left:3px solid #9f7aea}.player-item.coach{border-left:3px solid #666fe6}.player-item.player{border-left:3px solid #48bb78}@media (max-width: 1024px){.players-list{max-width:none;margin-bottom:20px}}.video-modal-overlay{position:fixed;inset:0;background:#000000f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;opacity:0;animation:modalFadeIn .3s ease-out forwards}@keyframes modalFadeIn{to{opacity:1}}.video-modal-container{position:relative;width:100%;max-width:1400px;height:90vh;max-height:900px;background:#1a1a2e;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1fr 400px;box-shadow:0 25px 50px #000c,0 0 0 1px #ffffff1a;transform:scale(.9);animation:modalScaleIn .3s ease-out forwards}@keyframes modalScaleIn{to{transform:scale(1)}}.video-modal-close{position:absolute;top:20px;right:20px;z-index:10001;background:#000000b3;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.video-modal-close:hover{background:#ff4545cc;transform:scale(1.1);box-shadow:0 0 20px #ff454580}.video-modal-close:active{transform:scale(.95)}.video-modal-close svg{transition:transform .2s ease}.video-modal-close:hover svg{transform:rotate(90deg)}.video-modal-player{position:relative;background:#000;display:flex;align-items:center;justify-content:center;border-radius:20px 0 0 20px;overflow:hidden}.video-modal-player video{width:100%;height:100%;object-fit:contain;border-radius:12px}.video-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;color:#fff;text-align:center}.video-modal-loading p{font-size:18px;font-weight:500;margin:0;opacity:.8}.loading-spinner-large{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-left:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.video-modal-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;color:#fff;text-align:center;opacity:.6}.video-modal-unavailable svg{opacity:.5}.video-modal-unavailable p{font-size:18px;font-weight:500;margin:0}.video-modal-sidebar{padding:32px 24px;background:#ffffff05;border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:20px;overflow-y:auto;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.video-modal-sidebar::-webkit-scrollbar{width:6px}.video-modal-sidebar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.video-modal-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.video-modal-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.video-modal-header{display:flex;flex-direction:column;gap:16px}.video-modal-title{font-size:20px;font-weight:600;color:#fff;margin:0;line-height:1.3;letter-spacing:-.3px}.video-modal-meta{display:flex;flex-direction:column;gap:8px}.video-modal-sidebar .meta-item{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08);gap:16px;flex-direction:row!important}.video-modal-sidebar .meta-item:last-child{border-bottom:none}.video-modal-sidebar .meta-label{font-size:14px;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;text-align:left!important}.video-modal-sidebar .meta-value{font-size:16px;font-weight:600;color:#fff;text-align:right!important;line-height:1.4;word-wrap:break-word;direction:ltr}.video-modal-actions{display:flex;flex-direction:column;gap:12px}.download-button{width:100%;padding:14px 20px;background:#667eea;border:none;border-radius:8px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease}.download-button:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.download-button:active{transform:translateY(0)}.download-button:disabled{background:#fff3;cursor:not-allowed;transform:none}.download-button svg{flex-shrink:0}.loading-spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-left:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1200px){.video-modal-container{grid-template-columns:1fr 350px;max-height:85vh}.video-modal-sidebar{padding:24px 20px;gap:16px}.video-modal-title{font-size:16px}}@media (max-width: 900px){.video-modal-overlay{padding:16px}.video-modal-container{grid-template-columns:1fr;grid-template-rows:1fr auto;height:95vh;max-height:none}.video-modal-player{border-radius:20px 20px 0 0;min-height:60vh}.video-modal-sidebar{border-left:none;border-top:1px solid rgba(255,255,255,.1);max-height:35vh;padding:20px;gap:16px}.video-modal-close{top:16px;right:16px;width:44px;height:44px}.video-modal-title{font-size:16px}.video-modal-meta{gap:6px}.meta-item{padding:6px 0}}@media (max-width: 600px){.video-modal-overlay{padding:12px}.video-modal-container{border-radius:16px;height:98vh}.video-modal-player{border-radius:16px 16px 0 0;min-height:50vh}.video-modal-sidebar{padding:20px;gap:16px}.video-modal-close{top:12px;right:12px;width:40px;height:40px}.video-modal-close svg{width:20px;height:20px}.video-modal-title{font-size:16px}.download-button{padding:14px 20px;font-size:15px}}@media (max-width: 480px){.video-modal-container{border-radius:12px}.video-modal-player{border-radius:12px 12px 0 0;min-height:45vh}.video-modal-sidebar{padding:16px}.video-modal-title{font-size:16px}.meta-label{font-size:13px}.meta-value{font-size:14px}.video-modal-description p{font-size:15px}}@media (prefers-contrast: high){.video-modal-container,.video-modal-close,.download-button{border:2px solid #ffffff}}@media (prefers-reduced-motion: reduce){.video-modal-overlay{animation:none}.video-modal-container{animation:none;transform:none}.loading-spinner-large,.loading-spinner-small{animation:none}.download-button:before{display:none}.video-modal-close svg{transition:none}.video-modal-close:hover svg{transform:none}}.video-modal-close:focus-visible{outline:3px solid #667eea;outline-offset:2px}.download-button:focus-visible{outline:3px solid #667eea;outline-offset:2px}@media (prefers-color-scheme: dark){.video-modal-container{background:#0a0a0f}}.video-manager{padding:2rem;color:var(--text);background:var(--bg)}.video-manager-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.header-left h2{display:flex;align-items:center;gap:.75rem;margin:0 0 .5rem;color:var(--text);font-size:1.75rem;font-weight:600}.header-left p{margin:0;color:var(--text-light);font-size:.9rem}.refresh-btn{padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.refresh-btn:hover{background:var(--primary-dark, #5a67d8);transform:translateY(-1px)}.video-manager-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.search-controls{display:flex;gap:1rem;flex:1;flex-wrap:wrap}.search-input{position:relative;flex:1;max-width:400px}.search-input svg{position:absolute;left:2rem;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}.search-input input{width:100%;padding:.75rem .75rem .75rem 2.5rem;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;transition:border-color .2s}.search-input input:focus{outline:none;border-color:var(--primary)}.search-input input::placeholder{color:var(--text-light)}.filter-control{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;min-width:140px}.filter-control svg{color:var(--text-light)}.filter-control select{background:transparent;border:none;color:var(--text);font-size:.9rem;cursor:pointer}.filter-control select:focus{outline:none}.bulk-actions{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:8px}.bulk-actions span{color:var(--primary);font-weight:500;font-size:.9rem}.bulk-delete-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s}.bulk-delete-btn:hover{background:#b91c1c}.video-list{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.video-list-header{display:grid;grid-template-columns:50px 80px 3fr 1fr 140px 120px 80px 80px 80px;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary, #141414);border-bottom:2px solid var(--border);font-weight:600;font-size:.7rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10}.header-cell{display:flex;align-items:center;height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-list-body{max-height:70vh;overflow-y:auto}.video-row{display:grid;grid-template-columns:50px 80px 3fr 1fr 140px 120px 80px 80px 80px;gap:.5rem;padding:.25rem 1rem;border-bottom:1px solid var(--border);transition:background-color .2s ease;align-items:center;min-height:35px}.video-row:hover{background:var(--hover-bg, rgba(102, 126, 234, .05))}.video-row:last-child{border-bottom:none}.video-cell{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text);overflow:hidden;line-height:1.2}.checkbox-cell{justify-content:center}.checkbox-cell input{cursor:pointer;margin:0}.video-info{display:flex;flex-direction:column;gap:.1rem;min-width:0;align-items:flex-start;justify-content:flex-start}.video-details{min-width:0;overflow:hidden;width:100%;text-align:left}.video-details h4{margin:0;font-size:.8rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;text-align:left;width:100%}.video-details p{margin:0;font-size:.65rem;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.asset-id{font-size:.6rem;color:var(--text-light);font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}.status-cell{align-items:center;gap:.4rem}.status-icon{flex-shrink:0}.status-icon.ready{color:#10b981}.status-icon.processing{color:#f59e0b;animation:spin 1s linear infinite}.status-icon.uploading{color:#3b82f6;animation:spin 1s linear infinite}.status-icon.error{color:#ef4444}.status-icon.pending{color:var(--text-light)}.status-text{font-size:.75rem;text-transform:capitalize;font-weight:500;white-space:nowrap}.status-text.ready{color:#10b981}.status-text.processing{color:#f59e0b}.status-text.uploading{color:#3b82f6}.status-text.error{color:#ef4444}.organization-cell,.uploader-cell,.date-cell,.duration-cell,.size-cell{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.organization-cell svg,.uploader-cell svg,.date-cell svg,.duration-cell svg{flex-shrink:0;opacity:.7}.actions-cell{justify-content:center}.action-buttons{display:flex;gap:.5rem}.action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.delete-btn{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.delete-btn:hover{background:#ef444440;color:#b91c1c;transform:scale(1.05);border-color:#ef444480}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-light)}.loading-spinner{animation:spin 1s linear infinite;margin-bottom:1rem;color:var(--primary)}.error-state svg,.empty-state svg{margin-bottom:1rem;color:var(--text-light);opacity:.6}.retry-btn{margin-top:1rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.retry-btn:hover{background:var(--primary-dark, #5a67d8)}.empty-state h3{margin:0 0 .5rem;color:var(--text);font-size:1.25rem;font-weight:600}.empty-state p{margin:0;color:var(--text-light)}.video-manager-footer{margin-top:1.5rem;padding:1rem 0;border-top:1px solid var(--border)}.stats{display:flex;gap:2rem;font-size:.85rem;color:var(--text-light)}@media (max-width: 1400px){.video-list-header,.video-row{grid-template-columns:45px 90px 2fr 1fr 120px 100px 70px 70px 70px;gap:.5rem}.video-cell{font-size:.75rem}}@media (max-width: 1200px){.video-list-header,.video-row{grid-template-columns:45px 90px 2fr 1fr 120px 80px;gap:.5rem}.header-cell:nth-child(n+7),.video-cell:nth-child(n+7){display:none}}@media (max-width: 900px){.video-list-header,.video-row{grid-template-columns:40px 1fr 100px 70px;gap:.5rem}.header-cell:nth-child(n+5),.video-cell:nth-child(n+5){display:none}}@media (max-width: 768px){.video-manager{padding:1rem}.video-manager-controls{flex-direction:column;align-items:stretch}.search-controls{flex-direction:column}.video-list-header{display:none}.video-row{display:flex;flex-direction:column;gap:.5rem;padding:1rem;min-height:auto}.video-cell{justify-content:space-between;font-size:.85rem}.checkbox-cell{order:-1;justify-content:flex-start}.video-info{order:-1}.actions-cell{order:1;justify-content:center;margin-top:.5rem}.stats{flex-direction:column;gap:.5rem}}*{box-sizing:border-box}:root{--primary:#667eea;--text:#ffffff;--text-light:#cccccc;--bg:#000000;--card-bg:#1a1a1a;--border:#333333;--transition:.3s ease}body{margin:0;font-family:Fjalla One,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;position:relative}h1,h2,h3{margin:0 0 1rem;font-weight:600}p{margin:0 0 1rem}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.loading-spinner-sm{width:16px;height:16px;border-width:1px}.loading-spinner-lg{width:24px;height:24px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.btn-base{font:inherit;cursor:pointer;border:none;transition:all var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;font-weight:500;text-align:center}.btn-primary{background:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:8px}.btn-primary:hover{background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 15px #667eea4d}.btn-secondary{background:#ffffff1a;color:var(--text);border:1px solid var(--border);padding:.75rem 1.5rem;border-radius:8px}.btn-secondary:hover{background:#fff3;transform:translateY(-1px)}.btn-danger{background:#ff6b6b1a;color:#ff6b6b;border:1px solid rgba(255,107,107,.3);padding:.75rem 1.5rem;border-radius:8px}.btn-danger:hover{background:#ff6b6b33;transform:translateY(-1px)}.btn-sm{padding:.5rem 1rem;font-size:.9rem}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.card-base{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all var(--transition);box-shadow:0 2px 10px #ffffff0d}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffffff14}.form-input-base{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.9rem;transition:all var(--transition);box-sizing:border-box}.form-input-base:focus{outline:none;border-color:var(--primary);background:#ffffff14;box-shadow:0 0 0 3px #667eea1a}.form-error{border-color:#ff6b6b;background:#ff6b6b0d}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active{background:#48bb7833;color:#48bb78;border:1px solid rgba(72,187,120,.3)}.status-inactive{background:#a0aec033;color:#a0aec0;border:1px solid rgba(160,174,192,.3)}.status-warning{background:#f5bc4233;color:#f5bc42;border:1px solid rgba(245,188,66,.3)}.status-danger{background:#ff6b6b33;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.ml-0{margin-left:0}.ml-1{margin-left:.5rem}.ml-2{margin-left:1rem}.ml-3{margin-left:1.5rem}.ml-4{margin-left:2rem}.mr-0{margin-right:0}.mr-1{margin-right:.5rem}.mr-2{margin-right:1rem}.mr-3{margin-right:1.5rem}.mr-4{margin-right:2rem}.p-0{padding:0}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.5rem}.pt-2{padding-top:1rem}.pt-3{padding-top:1.5rem}.pt-4{padding-top:2rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.5rem}.pb-2{padding-bottom:1rem}.pb-3{padding-bottom:1.5rem}.pb-4{padding-bottom:2rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:600}.font-normal{font-weight:400}.text-primary{color:var(--primary)}.text-light{color:var(--text-light)}.text-white{color:#fff}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}@media print{.app-header,.app-footer{position:static;box-shadow:none;background:#fff!important;color:#000!important}.app-content{box-shadow:none;background:#fff!important;margin:0;border-radius:0}.social-icons{display:none}}.app-container{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.app-content{flex:1;width:95%;max-width:none;margin:2rem auto;padding:2rem;background:var(--card-bg);border-radius:8px;box-shadow:0 2px 10px #ffffff0d;box-sizing:border-box}img,video,iframe{max-width:100%;height:auto;display:block}html,body{overflow-x:hidden}.page-content{max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.app-header{background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(51,51,51,.5);padding:1rem 2rem;position:sticky;top:0;z-index:100;transition:all .3s ease}.header-content{justify-content:center;align-items:center;width:95%;max-width:none;margin:0 auto;position:relative}.about-splat{position:absolute;left:2rem;top:50%;transform:translateY(-50%);z-index:10}.main-nav{flex:1;display:flex;justify-content:center}.nav-pills-container{display:flex;align-items:center;background:#ffffff0d;border:1px solid var(--border);border-radius:50px;padding:.5rem;gap:1.25rem}.nav-pills-container .site-logo{display:flex;align-items:center}.nav-pills-container .site-logo a{font-size:1.5rem;font-weight:700;color:var(--text);transition:color var(--transition);display:flex;align-items:center}.nav-pills-container .site-logo a:hover{color:var(--primary)}.nav-pills-container .app-logo{height:40px;width:auto;transition:all var(--transition);filter:brightness(1);cursor:pointer;vertical-align:middle;display:block}.nav-pills-container .app-logo:hover{transform:scale(1.1);filter:brightness(1.2) drop-shadow(0 0 8px #9f7aea)}.nav-pill{color:var(--text);padding:.5rem 1rem;border-radius:25px;transition:all var(--transition);font-size:.9rem;font-weight:500}.nav-pill:hover{color:#9f7aea;background:#9f7aea26;transform:translateY(-1px);box-shadow:0 2px 8px #9f7aea33}.nav-pill.active{color:#9f7aea!important;background:#9f7aea40!important;box-shadow:0 2px 12px #9f7aea66,0 0 0 1px #9f7aea4d!important;transform:translateY(-1px)}.header-actions{display:flex;gap:.75rem}.auth-btn{color:var(--text);padding:.5rem 1rem;border-radius:25px;transition:all var(--transition);font-size:.9rem;font-weight:500;background:transparent;border:none;display:inline-block;cursor:pointer}.auth-btn:hover{color:#9f7aea;background:#9f7aea26;transform:translateY(-1px);box-shadow:0 2px 8px #9f7aea33}.auth-btn.active{color:#9f7aea!important;background:#9f7aea40!important;box-shadow:0 2px 12px #9f7aea66,0 0 0 1px #9f7aea4d!important;transform:translateY(-1px)}.portal-btn{color:var(--text);padding:.5rem 1rem;border-radius:25px;transition:all var(--transition);font-size:.9rem;font-weight:500;background:#667eea26;border:1px solid rgba(102,126,234,.3)}.portal-btn:hover{color:#667eea;background:#667eea40;transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.portal-btn.active{color:#667eea!important;background:#667eea59!important;box-shadow:0 2px 12px #667eea80,0 0 0 1px #667eea66!important;transform:translateY(-1px)}.profile-btn{display:flex!important;align-items:center;gap:.5rem;background:#48bb7826;border:1px solid rgba(72,187,120,.3)}.profile-btn:hover{color:#48bb78;background:#48bb7840}.portal-btn.admin{background:#ed893626;border:1px solid rgba(237,137,54,.3);color:#ed8936}.portal-btn.admin:hover{background:#ed893640;box-shadow:0 2px 8px #ed89364d}.portal-btn.admin.active{color:#ed8936!important;background:#ed893659!important;box-shadow:0 2px 12px #ed893680,0 0 0 1px #ed893666!important}.logout-btn{color:#ff6b6b!important;background:#ff6b6b26!important;border:1px solid rgba(255,107,107,.3)!important}.logout-btn:hover{color:#ff5252!important;background:#ff6b6b40!important;box-shadow:0 2px 8px #ff6b6b4d!important}.hamburger-menu,.mobile-logo{display:none}@media (max-width: 768px){.about-splat{left:1rem;top:50%}}.app-footer{background:var(--bg);color:var(--text);padding:2rem 2rem 1rem;margin-top:auto;border-top:none;position:relative}.footer-content{display:flex;justify-content:center;align-items:center;gap:3rem;width:95%;max-width:none;margin:0 auto 1.5rem}.footer-section h3{margin:0 0 1rem;font-size:1.1rem;position:relative;color:var(--text);font-weight:600}.social-section h3:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:3px;background:#9f7aea;border-radius:2px}.social-section{text-align:center}.social-icons{display:flex;gap:1rem;justify-content:center;flex-direction:row}.social-icons a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:25px;background:#ffffff0d;border:1px solid var(--border);transition:all var(--transition)}.social-icons a:hover{background:#9f7aea1a;border-color:#9f7aea;transform:translateY(-2px)}.social-icons img{width:20px;height:20px;border-radius:4px;transition:transform var(--transition)}.social-icons a:hover img{transform:scale(1.1)}.decorative-section{display:flex;align-items:center;justify-content:center;text-align:center}.decorative-footer-img{max-width:100px;height:auto;opacity:.8;transition:opacity var(--transition)}.decorative-footer-img:hover{opacity:1}.footer-bottom{border-top:1px solid var(--border);padding-top:1rem;margin-top:1rem;text-align:center}.copyright-text{font-size:.875rem;color:var(--text-light);margin:0}@media (max-width:768px){.app-header{padding:1rem}.header-content{display:flex;justify-content:space-between;align-items:center;position:relative}.header-content .main-nav{display:none}.mobile-logo{display:flex;align-items:center}.mobile-logo img{height:36px;width:auto}.hamburger-menu{display:flex;position:static;z-index:1001;background:transparent;border:none;cursor:pointer;padding:10px;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;border-radius:8px}.hamburger-line{width:28px;height:3px;background:var(--text);border-radius:2px;transition:all .3s ease;transform-origin:center;margin:3px 0}.hamburger-menu.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-menu.open .hamburger-line:nth-child(2){opacity:0}.hamburger-menu.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.main-nav{position:fixed;top:0;right:-100%;width:300px;height:100vh;background:var(--card-bg);border-left:1px solid var(--border);padding:4rem 1.5rem 2rem;transition:right .3s ease;z-index:1000;display:flex;flex-direction:column;gap:0;overflow-y:auto}.main-nav.mobile-nav-open{right:0;display:flex}.main-nav .nav-pills-container{display:flex;flex-direction:column;background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;gap:.75rem;width:100%;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}.main-nav .nav-pill,.main-nav .auth-btn,.main-nav .portal-btn{display:block!important;width:100%;text-align:center;padding:.875rem 1rem!important;border:1px solid var(--border)!important;border-radius:10px!important;background:#ffffff14!important;color:var(--text)!important;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s ease;box-sizing:border-box;margin:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}.main-nav .nav-pill:hover,.main-nav .auth-btn:hover,.main-nav .portal-btn:hover{background:#9f7aea26!important;border:1px solid rgba(159,122,234,.4)!important;color:#9f7aea!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #9f7aea33!important}.main-nav .nav-pill.active,.main-nav .auth-btn.active,.main-nav .portal-btn.active{background:#9f7aea40!important;border:1px solid rgba(159,122,234,.6)!important;color:#9f7aea!important;box-shadow:0 2px 12px #9f7aea66,0 0 0 1px #9f7aea4d!important;transform:translateY(-1px)!important}.main-nav .site-logo{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.main-nav .site-logo a{display:flex;align-items:center;text-decoration:none}.main-nav .site-logo .app-logo{height:44px;width:auto}.mobile-menu-overlay{position:fixed;inset:0;background:#00000080;z-index:999;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.app-content{margin:1rem;padding:1.5rem;width:calc(100% - 2rem)}.section-title{font-size:2rem}.contact-main{grid-template-columns:1fr;gap:2rem}.contact-hero{padding:2rem 1.5rem}.contact-hero-content h2{font-size:1.5rem}.contact-form-section,.contact-info-section{padding:2rem}.contact-methods{gap:1.25rem}.auth-form-row{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:2rem;align-items:center}.decorative-footer-img{max-width:100px}.team-section{flex-direction:column;align-items:center;gap:1.5rem}.team-member{max-width:100%;min-width:auto;padding:1.5rem}.contact-method{padding:1.5rem 1rem;flex-direction:column;text-align:center;min-height:120px;display:flex;align-items:center;justify-content:center}.contact-method-icon{margin:0 auto .75rem;width:52px;height:52px;flex-shrink:0}.contact-method-content h3{font-size:1.2rem;margin-bottom:.75rem}.contact-method-content p{font-size:.95rem;margin-top:.5rem}.contact-link{font-size:1rem;font-weight:500;word-break:break-all}.events-grid{grid-template-columns:1fr;gap:1.5rem}.event-meta-grid,.featured-event-meta{grid-template-columns:1fr}.event-card-footer{flex-direction:column;gap:1rem;align-items:stretch}}@media (max-width:480px){.app-header{padding:.4rem .5rem;min-height:auto}.header-content{gap:.4rem}.app-logo{height:25px}.site-logo a{font-size:1.1rem}.main-nav{width:260px;padding:70px 1.5rem 2rem}.nav-pill,.auth-btn{padding:.6rem .8rem;font-size:.85rem}.app-content{margin:.5rem;padding:1rem;width:calc(100% - 1rem)}.footer-content{flex-direction:column;gap:1.5rem;align-items:center;padding:1rem}.decorative-section{margin-bottom:1.5rem}.decorative-footer-img{max-width:80px}.contact-form-section{padding:1.5rem}.contact-hero{padding:1.5rem 1rem}.contact-hero-content h2{font-size:1.3rem}.contact-method{padding:.75rem}.home-page{min-height:70vh}.section-title{font-size:1.5rem;line-height:1.3}h1{font-size:1.8rem;line-height:1.2}h2{font-size:1.4rem;line-height:1.3}h3{font-size:1.2rem;line-height:1.3}.btn,.auth-btn,.nav-pill{min-height:44px;touch-action:manipulation}}@media (max-width:360px){.app-header{padding:.3rem .4rem;min-height:auto}.header-content{gap:.3rem}.app-logo{height:22px}.site-logo a{font-size:1rem}.main-nav{margin:.15rem 0}.nav-pills-container{padding:.3rem;gap:1rem;border-radius:12px}.nav-pill{padding:.4rem .6rem;font-size:.65rem;min-height:auto}.header-actions{gap:.3rem;margin-top:.15rem}.auth-btn{padding:.35rem .6rem;font-size:.7rem}.app-content{margin:.25rem;padding:.75rem;width:calc(100% - .5rem)}.contact-form-section{padding:1rem}.contact-info-section,.contact-hero{padding:1rem .75rem}.footer-content{padding:.75rem}.contact-method{padding:1rem .75rem;min-height:100px}.contact-method-icon{width:44px;height:44px;margin-bottom:.5rem}.contact-method-content h3{font-size:1.1rem;margin-bottom:.5rem}.contact-method-content p{font-size:.85rem}.contact-link{font-size:.9rem}h1{font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:1.1rem}.section-title{font-size:1.3rem}}@supports (-webkit-appearance: none) and (stroke-color: transparent){@media (max-width:480px){.app-header{padding-top:max(.4rem,env(safe-area-inset-top));padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right));padding-bottom:.4rem}.header-content{gap:.3rem}.nav-pills-container{padding:.3rem;gap:1rem}.nav-pill{padding:.4rem .6rem;font-size:.7rem}}}@media (min-width:769px){.hamburger-menu{display:none!important}.main-nav{position:static!important;width:auto!important;height:auto!important;background:transparent!important;border:none!important;padding:0!important;flex-direction:row!important;gap:0!important}.nav-pills-container{flex-direction:row!important;background:#ffffff0d!important;border:1px solid var(--border)!important;border-radius:50px!important;padding:.5rem!important;gap:1.25rem!important}.nav-pill{padding:.5rem 1rem!important;border-radius:25px!important;text-align:center!important;width:auto!important;border:none!important;background:transparent!important;font-size:.9rem!important}.homepage-body .main-nav{background:transparent!important}.homepage-body .nav-pills-container{background:#000000d9!important;border:1px solid rgba(255,255,255,.1)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.homepage-body .nav-pill{background:transparent!important;border:none!important}.homepage-body .nav-pill.active{color:#9f7aea!important;background:#9f7aea40!important;box-shadow:0 2px 12px #9f7aea66,0 0 0 1px #9f7aea4d!important;transform:translateY(-1px)!important;border:1px solid rgba(159,122,234,.6)!important}}@media (min-width:769px) and (max-width:1024px){.app-content,.header-content{width:90%;max-width:1000px}.contact-main{gap:3rem}}@media (max-height:500px) and (orientation:landscape){.app-header{padding:.5rem 1rem}.nav-pills-container{padding:.3rem;gap:1rem}.nav-pill{padding:.4rem .8rem;font-size:.8rem}.app-content{padding:1rem;margin:.5rem}}@media (hover:none) and (pointer:coarse){.nav-pill,.auth-btn,.btn{min-height:48px;padding:.75rem 1rem}.contact-method:hover{transform:none;box-shadow:0 2px 10px #ffffff0d}}@media (min-width:769px) and (max-width:1024px){.contact-method{padding:1.75rem 1.25rem;min-height:140px}.contact-method-icon{width:56px;height:56px;margin-bottom:1rem}.contact-method-content h3{font-size:1.25rem;margin-bottom:.75rem}.contact-method-content p{font-size:1rem}.contact-link{font-size:1.1rem}}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #ffffff0d;transition:transform var(--transition);word-wrap:break-word;overflow-wrap:break-word}.card:hover{transform:translateY(-2px)}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.5rem;margin-bottom:1rem;line-height:1.2}.section-subtitle{font-size:1.125rem;color:var(--text-light);max-width:600px;margin:0 auto;line-height:1.4}.cta-section{text-align:center;padding:3rem;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-top:3rem}@media (max-width:768px){.card{padding:1rem;margin-bottom:1rem}.section-header{margin-bottom:2rem}.section-title{font-size:2rem;line-height:1.3}.section-subtitle{font-size:1rem;padding:0 1rem}.cta-section{padding:2rem 1rem;margin-top:2rem}}@media (max-width:480px){.card{padding:.75rem}.section-title{font-size:1.5rem}.section-subtitle{font-size:.9rem}.cta-section{padding:1.5rem .75rem}}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text)}.form-input,.form-textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:6px;font-size:1rem;transition:border-color var(--transition);box-sizing:border-box;background:var(--bg);color:var(--text)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #667eea33}.form-textarea{min-height:120px;resize:vertical}.form-error{color:#e53e3e;font-size:.875rem;margin-top:.25rem}.submit-button{background:var(--primary);color:#fff;padding:.75rem 2rem;border:none;border-radius:6px;font-weight:500;transition:background var(--transition);display:inline-block;text-align:center;text-decoration:none;cursor:pointer;min-height:44px;touch-action:manipulation}.submit-button:hover{background:#5a67d8;color:#fff}@media (max-width:768px){.form-input,.form-textarea{padding:1rem;font-size:16px;min-height:44px}.form-label{font-size:1rem;margin-bottom:.75rem}.submit-button{width:100%;padding:1rem;font-size:1rem}}@supports (-webkit-touch-callout:none){.form-input,.form-textarea{font-size:16px}}.modal-overlay{position:fixed;inset:0;background:#0000001a;display:flex;align-items:center;justify-content:center;z-index:999999;backdrop-filter:blur(5px);padding:1rem}.modal-content{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:0;max-width:600px;width:100%;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;position:relative}.modal-close{background:#ffffff1a;border:1px solid var(--border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text);cursor:pointer;font-size:1.5rem;line-height:1;transition:all var(--transition, .3s ease)}.modal-body{flex:1;padding:1.5rem;overflow-y:auto;max-height:calc(80vh - 120px)}.modal-footer .cancel-btn,.modal-footer .save-btn{flex:1;padding:.875rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.modal-footer .cancel-btn{background:transparent;border:1px solid var(--border);color:var(--text-light)}.modal-footer .save-btn{background:var(--primary);border:1px solid var(--primary);color:#fff;font-weight:600}.modal-footer .save-btn:hover{background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.modal-content.modal-md{max-width:600px}.modal-content.video-modal{max-width:1400px;width:90vw;height:85vh;max-height:85vh;padding:0;overflow:hidden;display:flex;flex-direction:column;background:#1a1a1a;border:1px solid #333;border-radius:12px}.modal-content.video-modal .modal-header{padding:20px 24px;border-bottom:1px solid #333;background:#222;flex-shrink:0;position:relative}.modal-content.video-modal .modal-close{position:absolute;top:16px;right:20px;background:#333;border:none;width:36px;height:36px;border-radius:6px;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.modal-content.video-modal .modal-close:hover{background:#555}.modal-content.video-modal h3{font-size:1.5rem;font-weight:600;color:#fff;margin:0;padding-right:60px;line-height:1.3}.modal-content.video-modal .modal-body{padding:0;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.modal-video{position:relative;width:100%;height:70%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.modal-video video{width:100%;max-height:100%;height:auto!important;object-fit:contain;border-radius:4px;display:block;background:transparent;z-index:1}.modal-video video::-webkit-media-controls-panel{display:flex!important;opacity:1!important;background:#000c!important}.modal-video video::-webkit-media-controls{overflow:visible!important}.modal-video video[controls]{min-height:200px;max-width:100%}.modal-video>div{width:100%;height:100%;object-fit:contain}.modal-content.video-modal p{color:#ccc;line-height:1.5;margin:0;padding:20px 24px;font-size:.95rem;background:#1a1a1a;height:30%;overflow-y:auto;flex-shrink:0}.modal-content.video-modal .modal-footer{padding:16px 24px;border-top:1px solid #333;background:#222;flex-shrink:0;display:flex;justify-content:center;gap:12px}.modal-actions{display:flex;justify-content:center}@media (max-width: 768px){.modal-overlay{padding:.5rem}.modal-content{width:95%;margin:.5rem;max-height:90vh}.modal-header{padding:1rem}.modal-header h3{font-size:1.1rem}.modal-body{padding:1rem;max-height:calc(90vh - 100px)}.modal-footer{padding:1rem;flex-direction:column;gap:.75rem}.modal-footer .cancel-btn,.modal-footer .save-btn{flex:none;width:100%}.modal-content.video-modal{width:95vw;height:90vh;max-height:90vh}.modal-content.video-modal .modal-header{padding:16px 20px}.modal-content.video-modal h3{font-size:1.3rem;padding-right:50px}.modal-content.video-modal .modal-close{top:14px;right:16px;width:32px;height:32px;font-size:16px}.modal-video{height:65%}.modal-content.video-modal p{padding:16px 20px;font-size:.9rem;height:35%}.modal-content.video-modal .modal-footer{padding:12px 20px}}@media (max-width: 480px){.modal-content{margin:.25rem;width:calc(100% - .5rem);max-height:95vh}.modal-header{padding:.75rem}.modal-header h3{font-size:1rem}.modal-body{padding:.75rem;max-height:calc(95vh - 80px)}.modal-footer{padding:.75rem}.modal-content.video-modal{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.modal-content.video-modal .modal-header{padding:12px 16px}.modal-content.video-modal h3{font-size:1.1rem;padding-right:40px}.modal-content.video-modal .modal-close{top:12px;right:12px;width:28px;height:28px;font-size:14px}.modal-video{height:60%}.modal-content.video-modal p{padding:12px 16px;font-size:.85rem;height:40%}.modal-content.video-modal .modal-footer{padding:10px 16px}}@media (max-width: 360px){.modal-content{margin:.125rem;width:calc(100% - .25rem);max-height:98vh}.modal-header{padding:.5rem}.modal-header h3{font-size:.9rem}.modal-body{padding:.5rem;max-height:calc(98vh - 60px)}.modal-footer{padding:.5rem}}body:has(.home-page){background:transparent}.global-video-background{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-1;opacity:1;display:none}body:has(.home-page) .global-video-background{display:block}.home-page{position:relative;min-height:100vh;display:block;overflow:visible}.hero-section{min-height:50vh;display:flex;align-items:flex-start;justify-content:center;position:relative;z-index:1;padding-top:1rem}.hero-content{text-align:center;max-width:800px;animation:fadeInUp 1s ease-out}.hero-logo{max-width:600px;width:100%;height:30rem}.hero-title{font-size:4rem;font-weight:800;margin:0 0 1.5rem;line-height:1.1}.hero-gradient-text{background:linear-gradient(135deg,#667eea,#9f7aea,#667eea);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}.hero-subtitle{font-size:1.25rem;color:#fffc;margin:0 0 2.5rem;line-height:1.6;font-weight:400}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button{padding:1rem 2rem;border-radius:50px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);border:2px solid transparent;position:relative;overflow:hidden}.cta-button.primary{background:linear-gradient(135deg,#667eea,#9f7aea);color:#fff}.cta-button.primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px #667eea66}.cta-button.secondary{background:transparent;color:#fff;border-color:#ffffff4d}.cta-button.secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-3px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-content{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;padding:0 20px}.top-section{display:flex;justify-content:center;align-items:center;gap:80px;width:100%;max-width:1400px;margin-bottom:80px}.meet-team-header{width:450px;flex-shrink:0}.meet-team-header img{width:100%;height:auto;transform:rotate(-15deg);transition:transform .4s ease;border-radius:8px;box-shadow:0 4px 20px #0000004d}.meet-team-header img:hover{transform:rotate(-6deg) scale(1.05) translateY(-8px);box-shadow:0 15px 40px #0006,0 0 25px #9f7aea33}.mission-box{transform:rotate(6deg)}.mission-box:hover{transform:rotate(6deg) translateY(-10px) scale(1.05);box-shadow:0 20px 60px #000000b3,0 0 35px #667eea4d}.team-showcase{display:flex;justify-content:center;align-items:center;max-width:1400px;width:100%;gap:200px;margin:0 0 80px}.team-triangle{position:relative;width:500px;height:500px;flex-shrink:0;transform:rotate(-15deg)}.info-boxes{display:flex;flex-direction:column;gap:60px;flex:1;max-width:500px}.scattered-images{display:flex;justify-content:center;align-items:flex-start;max-width:1200px;width:100%;gap:120px;margin-top:50px;margin-bottom:80px}.left-column,.right-column{display:flex;flex-direction:column;gap:90px;flex:1}.left-column{flex:1;max-width:45%}.right-column{flex:1;max-width:45%;margin-top:30px}.about-box{background:linear-gradient(135deg,#000000f2,#1e1e1ee6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:2rem;width:450px;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:0;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a;transform:rotate(8deg);transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.about-box img{width:100%;height:auto;object-fit:contain;border:none;margin-bottom:10px}.about-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(102,126,234,.1),transparent);transform:rotate(45deg);transition:opacity .4s ease;opacity:0;pointer-events:none}.about-box:hover:before{opacity:1}.about-box h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 1rem;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,#667eea,#9f7aea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-box p{color:#ffffffe6;font-size:16px;margin:0;line-height:1.6;font-weight:400;letter-spacing:.5px}.image-item{width:450px;height:300px;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0000004d;transition:transform .3s ease,box-shadow .3s ease;position:relative}.image-item img{width:100%;height:100%;object-fit:cover;border:none;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;backface-visibility:hidden;transform:translateZ(0)}.team-triangle .team-member{position:absolute;width:280px;height:280px;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #00000080;transition:box-shadow .3s ease,z-index 0s;cursor:pointer;border:1px solid rgba(255,255,255,.2)}.team-triangle .team-member img{width:100%;height:100%;object-fit:cover}.triangle-top{top:0;left:50%;transform:translate(-50%) rotate(-5deg);z-index:3}.triangle-left{bottom:20px;left:0;transform:rotate(8deg);z-index:2}.triangle-right{bottom:20px;right:0;transform:rotate(-8deg);z-index:1}.team-triangle .team-member:hover{box-shadow:0 15px 50px #667eea66,0 0 30px #9f7aea4d;z-index:10}.triangle-top:hover{transform:translate(-50%) rotate(-5deg)}.triangle-left:hover{transform:rotate(8deg)}.triangle-right:hover{transform:rotate(-8deg)}.info-boxes .about-box{width:100%;height:250px;padding:2rem;transform:rotate(0)}.info-boxes .about-box:hover{transform:rotate(0) translateY(-10px) scale(1.05);box-shadow:0 20px 60px #000000b3,0 0 35px #667eea4d}.team-member{cursor:pointer}.team-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#000000d9,#667eeabf);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.team-overlay h4{color:#fff;font-size:1.8rem;font-weight:800;margin:0 0 .5rem;letter-spacing:3px;text-transform:uppercase;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.team-overlay p{color:#ffffffe6;font-size:1.1rem;font-weight:500;margin:0;letter-spacing:1.5px;text-transform:uppercase;text-align:center}.team-member:hover .team-overlay{opacity:1}.left-column .image-item:nth-child(1){transform:rotate(6deg);margin-left:20px}.left-column .image-item:nth-child(1):hover{transform:rotate(6deg) translateY(-12px) scale(1.06);box-shadow:0 20px 40px #0006,0 0 25px #9f7aea33}.left-column .image-item:nth-child(2){transform:rotate(-8deg)}.left-column .image-item:nth-child(2):hover{transform:rotate(-8deg) translateY(-18px) scale(1.1) rotateX(5deg);box-shadow:0 30px 60px #00000080,0 0 30px #667eea66}.left-column .image-item:nth-child(3){transform:rotate(6deg);margin-left:20px}.left-column .image-item:nth-child(3):hover{transform:rotate(6deg) translateY(-15px) scale(1.08) translate(-5px);box-shadow:0 25px 50px #00000080,0 0 35px #9f7aea4d}.left-column .image-item:nth-child(4){transform:rotate(-5deg);margin-left:-10px}.left-column .image-item:nth-child(4):hover{transform:rotate(-5deg) translateY(-20px) scale(1.12) rotateY(-5deg);box-shadow:0 35px 70px #0009,0 0 40px #667eea80}.right-column .about-box:nth-child(1){transform:rotate(-6deg)}.right-column .about-box:nth-child(1):hover{transform:rotate(-6deg) translateY(-12px) scale(1.06);box-shadow:0 25px 70px #000000b3,0 0 35px #667eea4d}.right-column .about-box:nth-child(2){transform:rotate(8deg)}.right-column .about-box:nth-child(2):hover{transform:rotate(8deg) translateY(-15px) scale(1.08) translate(5px);box-shadow:0 30px 80px #000c,0 0 40px #9f7aea66}.right-column .about-box:nth-child(3){transform:rotate(-4deg)}.right-column .about-box:nth-child(3):hover{transform:rotate(-4deg) translateY(-18px) scale(1.1);box-shadow:0 35px 90px #000000e6,0 0 45px #667eea80}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-cta{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:280px}.top-section{flex-direction:column;gap:40px;margin-bottom:60px}.meet-team-header,.mission-box{width:100%;max-width:400px}.team-showcase{flex-direction:column;align-items:center;gap:60px;margin:30px 0 60px}.team-triangle{width:400px;height:400px}.team-triangle .team-member{width:220px;height:220px}.info-boxes{width:100%;max-width:400px;gap:40px}.scattered-images{flex-direction:column;align-items:center;gap:30px;margin-top:30px;margin-bottom:60px}.left-column .image-item:hover{transform:translateY(-8px) scale(1.03)!important;box-shadow:0 15px 30px #0006!important}.right-column .about-box:hover{transform:translateY(-8px) scale(1.03)!important;box-shadow:0 15px 30px #0009!important}.left-column,.right-column{max-width:100%;align-items:center;gap:40px}.right-column{margin-top:0}.image-item{width:400px;height:260px}.about-box{width:400px;height:260px;padding:1.5rem;margin-bottom:0}.about-box h2{font-size:36px;letter-spacing:1.5px;text-decoration-thickness:2.5px;text-underline-offset:6px}.about-box p{font-size:16px}.team-overlay h4{font-size:1.5rem;letter-spacing:2px}.team-overlay p{font-size:1rem;letter-spacing:1px}}@media (max-width: 480px){.hero-section{padding:3rem 10px 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem;margin-bottom:2rem}.cta-button{padding:.875rem 1.5rem;font-size:1rem}.home-content{padding:0 10px}.new-section{padding:60px 15px}.what-we-do-title{font-size:2rem;margin-bottom:40px}.service-row{flex-direction:column;gap:20px;margin-bottom:50px}.service-media,.service-text{flex:1 1 100%;max-width:100%}.service-text h3{font-size:1.5rem}.service-text p{font-size:1rem}.top-section{gap:30px;margin-bottom:40px}.meet-team-header,.mission-box{max-width:350px}.team-showcase{margin:20px 0 40px;gap:40px}.team-triangle{width:350px;height:350px}.team-triangle .team-member{width:180px;height:180px}.info-boxes{max-width:350px;gap:30px}.info-boxes .about-box{padding:1.25rem}.scattered-images{margin-top:20px;margin-bottom:40px;gap:25px}.left-column,.right-column{gap:30px}.image-item{width:350px;height:230px}.about-box{width:350px;height:230px;padding:1.25rem;margin-bottom:0}.about-box h2{font-size:32px;letter-spacing:1px;text-decoration-thickness:2px;text-underline-offset:5px}.about-box p{font-size:15px}.team-overlay h4{font-size:1.3rem;letter-spacing:1.5px}.team-overlay p{font-size:.9rem;letter-spacing:.8px}.left-column .image-item:hover,.right-column .about-box:hover{transform:translateY(-5px) scale(1.02)!important;box-shadow:0 10px 20px #0000004d!important}}.new-section{position:relative;z-index:1;width:100%;background:#000;display:flex;justify-content:center;align-items:center;padding:80px 20px}.what-we-do-content{max-width:1400px;width:100%}.what-we-do-title{color:#fff;font-size:3rem;font-weight:800;text-align:center;margin:0 0 60px;text-transform:uppercase;letter-spacing:4px;text-decoration:underline;text-decoration-color:#667eeacc;text-decoration-thickness:3px;text-underline-offset:12px}.service-row{display:flex;gap:200px;align-items:center;margin-bottom:60px;justify-content:space-between}.service-row:last-child{margin-bottom:0}.service-media{flex:0 0 33.333%;max-width:33.333%}.service-row:nth-child(2) .service-media{transform:rotate(0)}.service-row:nth-child(3) .service-media{transform:rotate(0)}.service-row:nth-child(4) .service-media{transform:rotate(0)}.service-text{flex:0 0 66.666%;max-width:66.666%;color:#fff}.service-text h3{color:#fff;font-size:2rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,#667eea,#9f7aea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.service-text p{color:#ffffffd9;font-size:1.1rem;line-height:1.8;margin:0}.video-placeholder,.photo-placeholder{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#667eea33,#9f7aea33);border:2px solid rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff9;font-size:1.2rem;font-weight:600}.home-logos-section{position:relative;z-index:1;display:flex;justify-content:center;background:#000;margin-top:0;border:none}body:has(.home-page) .app-header{background:transparent;border-bottom:none;backdrop-filter:none;-webkit-backdrop-filter:none}body:has(.home-page) .nav-pills-container{background:#0006!important;border:1px solid rgba(255,255,255,.2)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.app-content:has(.home-page){background:transparent;box-shadow:none;border-radius:0;margin:0;padding:0;width:100%}@media (max-width:768px){body:has(.home-page) .main-nav{background:#000000f2;backdrop-filter:blur(10px)}body:has(.home-page) .main-nav .nav-pills-container{background:transparent!important;border:none!important;border-radius:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}body:has(.home-page) .main-nav .nav-pill,body:has(.home-page) .main-nav .auth-btn{background:#ffffff14!important;border:1px solid var(--border)!important;border-radius:10px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;padding:.875rem 1rem!important;margin:0!important}body:has(.home-page) .main-nav .nav-pill:hover,body:has(.home-page) .main-nav .auth-btn:hover{background:#9f7aea26!important;border:1px solid rgba(159,122,234,.4)!important;box-shadow:0 4px 12px #9f7aea33!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body:has(.home-page) .main-nav .nav-pill.active,body:has(.home-page) .main-nav .auth-btn.active{color:#9f7aea!important;background:#9f7aea40!important;box-shadow:0 2px 12px #9f7aea66,0 0 0 1px #9f7aea4d!important;transform:translateY(-1px)!important;border:1px solid rgba(159,122,234,.6)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body:has(.home-page) .main-nav .site-logo{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}body:has(.home-page) .main-nav .site-logo a{display:flex;align-items:center;text-decoration:none;background:transparent!important;border:none!important;padding:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.home-page{min-height:80vh}}.contact-hero{background:linear-gradient(135deg,#667eea1a,#9f7aea1a);border:1px solid var(--border);border-radius:12px;padding:3rem 2rem;text-align:center;margin:2rem 0 3rem}.contact-hero-content h2{color:var(--primary);font-size:1.75rem;margin-bottom:1rem}.contact-hero-content p{color:var(--text-light);font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.contact-main{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem}.contact-form-section{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:2.5rem}.contact-form-header{margin-bottom:2rem}.contact-form-header h2{color:var(--text);font-size:1.5rem;margin-bottom:.5rem}.contact-form-header p{color:var(--text-light);font-size:1rem}.contact-info-section{display:flex;flex-direction:column;gap:2rem}.contact-info-header h2{color:var(--text);font-size:1.5rem;margin-bottom:.5rem}.contact-info-header p{color:var(--text-light);font-size:1rem}.contact-methods{display:flex;flex-direction:column;gap:1.5rem}.contact-method{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;transition:transform var(--transition),box-shadow var(--transition)}.contact-method:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffffff1a}.contact-method-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#667eea1a;border-radius:12px;color:var(--primary);flex-shrink:0}.contact-method-content h3{color:var(--text);font-size:1.1rem;margin:0 0 .5rem}.contact-method-content p{color:var(--text-light);font-size:.9rem;margin:.25rem 0 0}.contact-link{color:var(--primary);text-decoration:none;font-weight:500;transition:color var(--transition)}.contact-link:hover{color:#5a67d8}@media (max-width: 768px){.contact-hero{padding:2rem 1.5rem;margin:1rem 0 2rem}.contact-hero-content h2{font-size:1.5rem}.contact-hero-content p{font-size:1rem}.contact-main{grid-template-columns:1fr;gap:2rem;margin-top:2rem}.contact-form-section{padding:2rem 1.5rem}.contact-form-header h2,.contact-info-header h2{font-size:1.25rem}.contact-method{padding:1.25rem}.contact-method-icon{width:40px;height:40px}.contact-method-content h3{font-size:1rem}}@media (max-width: 480px){.contact-hero,.contact-form-section{padding:1.5rem 1rem}.contact-method{padding:1rem;flex-direction:column;text-align:center;gap:.75rem}.contact-method-icon{align-self:center}}.about-content{max-width:800px;margin:0 auto;text-align:center!important}.about-section{margin-bottom:3rem;text-align:center!important}.about-section h1,.about-section h2{color:var(--primary);margin-bottom:1.5rem;font-size:1.5rem;text-align:center!important}.about-section h3{color:var(--text);margin-bottom:1rem;font-size:1.2rem;text-align:center!important}.about-section p{line-height:1.8;margin-bottom:1.5rem;text-align:center!important}.team-section{margin:2rem 0;display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.team-member{text-align:center;padding:2rem;flex:1;min-width:250px;max-width:350px}.team-member h3{color:var(--primary);font-size:1.3rem;margin-bottom:.5rem}.team-member h4{color:var(--text-light);font-size:1rem;margin-bottom:1rem;font-weight:400}.events-hero{min-height:70vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0f0f0f);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem}.events-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 25%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(159,122,234,.1) 0%,transparent 50%);animation:floatingBg 15s ease-in-out infinite;z-index:1}.events-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea0d,#9f7aea0d);backdrop-filter:blur(20px);z-index:2}@keyframes floatingBg{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.1)}}.hero-content{position:relative;z-index:3;max-width:1200px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#667eea26;backdrop-filter:blur(15px);border:1px solid rgba(102,126,234,.3);padding:.75rem 1.5rem;border-radius:50px;font-size:.95rem;font-weight:600;color:#fff;margin-bottom:2rem;box-shadow:0 8px 32px #667eea33}.hero-badge svg{color:#667eea}.hero-title{font-size:4.5rem;font-weight:900;margin:0 0 2rem;background:linear-gradient(135deg,#fff,#667eea,#9f7aea);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite;line-height:1.1;text-shadow:0 0 30px rgba(102,126,234,.3)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-description{font-size:1.4rem;color:#ffffffd9;line-height:1.7;max-width:800px;margin:0 auto 4rem;font-weight:400;letter-spacing:.3px}.hero-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:1rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.5rem;background:#ffffff14;backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;transition:all .3s ease;min-width:160px}.stat-item:hover{transform:translateY(-5px);box-shadow:0 12px 40px #667eea33,inset 0 1px #fff3}.stat-item>div{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-icon{display:flex;justify-content:center;align-items:center;width:50px;height:50px;background:linear-gradient(135deg,#667eea33,#9f7aea33);border-radius:50%;margin-bottom:.5rem;box-shadow:0 4px 20px #667eea4d}.stat-item svg{color:#667eea;flex-shrink:0}.stat-number{display:block;font-size:2rem;font-weight:800;color:#fff;margin-bottom:.25rem;background:linear-gradient(135deg,#fff,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{display:block;font-size:.85rem;color:#ffffffb3;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.featured-event-section{margin:3rem 0 4rem;padding:0 2rem}.featured-event-card{background:linear-gradient(135deg,#667eea1a,#ffffff05);border:1px solid rgba(102,126,234,.2);border-radius:2rem;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1200px;margin:0 auto;backdrop-filter:blur(20px);box-shadow:0 20px 40px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.featured-event-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px #0003}.featured-event-image{position:relative;height:400px;overflow:hidden}.featured-event-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.featured-event-card:hover .featured-event-image img{transform:scale(1.05)}.featured-overlay{position:absolute;top:1.5rem;left:1.5rem;right:1.5rem;display:flex;justify-content:space-between;align-items:flex-start}.featured-badge{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,gold,#ffed4a);color:#1a1a1a;padding:.5rem 1rem;border-radius:1.5rem;font-size:.85rem;font-weight:600;box-shadow:0 4px 15px #ffd7004d}.partner-badge{background:#ffffffe6;backdrop-filter:blur(10px);color:#1a1a1a;padding:.5rem 1rem;border-radius:1.5rem;font-size:.85rem;font-weight:600}.featured-event-content{padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between}.featured-event-header{margin-bottom:2rem}.event-category-badge{display:inline-block;background:linear-gradient(135deg,var(--primary),rgba(102,126,234,.8));color:#fff;padding:.4rem 1rem;border-radius:1rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.featured-event-title{font-size:2.2rem;font-weight:700;color:var(--text);line-height:1.2;margin:0}.featured-event-meta{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0}.meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-light);font-size:.95rem}.meta-item svg{color:var(--primary)}.featured-event-description{color:var(--text-light);line-height:1.7;font-size:1rem;margin:2rem 0}.featured-event-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.featured-event-price{text-align:left}.price-label{display:block;font-size:.85rem;color:var(--text-light);margin-bottom:.25rem}.price-value{display:block;font-size:1.8rem;font-weight:700;color:var(--text)}.featured-event-btn{background:linear-gradient(135deg,var(--primary),rgba(102,126,234,.8));color:#fff;border:none;padding:1rem 2rem;border-radius:1rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #667eea4d}.featured-event-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.events-library{margin:4rem 0;padding:0 2rem}.library-header{text-align:center;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.library-header h2{font-size:2.5rem;font-weight:700;color:var(--text);margin-bottom:1rem}.library-header p{font-size:1.1rem;color:var(--text-light);line-height:1.6}.events-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1400px;width:100%;margin:0 auto;align-items:stretch}.event-card.modern{background:linear-gradient(135deg,#ffffff05,#ffffff0d);border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);position:relative;display:flex;flex-direction:column;min-height:600px;width:100%;max-width:100%}.event-card.modern:hover{transform:translateY(-8px);box-shadow:0 25px 50px #0003;border-color:#667eea4d}.event-card-header{position:relative}.event-image-container{position:relative;height:220px;overflow:hidden}.event-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.event-card.modern:hover .event-image{transform:scale(1.1)}.event-overlay{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:flex-start;z-index:2}.category-tag{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:capitalize;backdrop-filter:blur(10px)}.category-tag.sports{background:#ff6b6be6;color:#fff}.category-tag.workshop{background:#4834d4e6;color:#fff}.category-tag.networking{background:#00d2d3e6;color:#fff}.status-badge.filling-fast{background:linear-gradient(135deg,#ff4757,#ff3838);color:#fff;padding:.4rem .8rem;border-radius:1rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.event-card-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.event-title{font-size:1.4rem;font-weight:700;color:var(--text);margin:0 0 1rem;line-height:1.3;min-height:1.8rem;max-height:3.64rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1.5rem 0;padding:1rem;background:#ffffff08;border-radius:.75rem;border:1px solid rgba(255,255,255,.05)}.meta-row{display:flex;align-items:center;gap:.5rem;color:var(--text-light);font-size:.9rem}.meta-row svg{color:var(--primary);flex-shrink:0}.event-description{color:var(--text-light);line-height:1.6;font-size:.95rem;margin:1rem 0;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:4.56rem}.event-card-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:1.5rem}.event-price-tag{background:#667eea1a;border:1px solid rgba(102,126,234,.2);padding:.5rem 1rem;border-radius:.75rem;backdrop-filter:blur(10px)}.price{font-weight:600;color:var(--text);font-size:1rem}.event-action-btn{background:linear-gradient(135deg,var(--primary),rgba(102,126,234,.8));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #667eea33;position:relative;overflow:hidden;flex-shrink:0}.event-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.event-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.event-action-btn:hover:before{left:100%}.event-action-btn.sports{background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 4px 15px #ff6b6b33}.event-action-btn.sports:hover{box-shadow:0 8px 25px #ff6b6b4d}.event-action-btn.workshop{background:linear-gradient(135deg,#4834d4,#686de0);box-shadow:0 4px 15px #4834d433}.event-action-btn.workshop:hover{box-shadow:0 8px 25px #4834d44d}.event-action-btn.networking{background:linear-gradient(135deg,#00d2d3,#01a3a4);box-shadow:0 4px 15px #00d2d333}.event-action-btn.networking:hover{box-shadow:0 8px 25px #00d2d34d}.no-results{text-align:center;padding:4rem 2rem;background:#ffffff05;border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);max-width:400px;margin:0 auto}.no-results-icon{margin-bottom:1.5rem;color:var(--primary);display:flex;justify-content:center}.no-results h3{color:var(--text);font-size:1.5rem;margin-bottom:1rem}.no-results p{color:var(--text-light);line-height:1.6}.events-cta{margin:5rem 0 3rem;position:relative;overflow:hidden}.cta-container{padding:0 2rem}.cta-content{background:linear-gradient(135deg,#667eea1a,#ffffff0d);border:1px solid rgba(102,126,234,.2);border-radius:2rem;padding:3rem;backdrop-filter:blur(20px);display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:center;max-width:1200px;margin:0 auto;position:relative}.cta-content:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(102,126,234,.05),transparent);animation:shimmer 4s ease-in-out infinite;pointer-events:none}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.cta-text h2{font-size:2.2rem;font-weight:700;color:var(--text);margin-bottom:1rem}.cta-text>p{color:var(--text-light);line-height:1.7;font-size:1.1rem;margin-bottom:2rem}.cta-benefits{display:flex;flex-direction:column;gap:1.5rem}.benefit-item{display:flex;align-items:flex-start;gap:1rem}.benefit-icon{background:#667eea33;padding:.75rem;border-radius:.75rem;color:var(--primary);flex-shrink:0}.benefit-item h4{font-size:1.1rem;font-weight:600;color:var(--text);margin:0 0 .5rem}.benefit-item p{color:var(--text-light);margin:0;line-height:1.5}.cta-action{text-align:center;padding:2rem;background:#ffffff0d;border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.cta-action h3{font-size:1.5rem;color:var(--text);margin-bottom:1rem}.cta-action p{color:var(--text-light);line-height:1.6;margin-bottom:2rem}.events-cta-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--primary),rgba(102,126,234,.8));color:#fff;text-decoration:none;padding:1.2rem 2rem;border-radius:1rem;font-weight:600;font-size:1rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 20px #667eea4d}.events-cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #667eea66;text-decoration:none;color:#fff}.button-arrow{transition:transform .3s ease}.events-cta-button:hover .button-arrow{transform:translate(4px)}@media (max-width: 1024px){.featured-event-card{grid-template-columns:1fr}.featured-event-image{height:300px}.events-grid{grid-template-columns:repeat(2,1fr)}.cta-content{grid-template-columns:1fr;gap:2rem}}@media (max-width: 768px){.events-hero{min-height:60vh;padding:2rem}.hero-title{font-size:3.2rem}.hero-description{font-size:1.2rem;margin:0 auto 3rem}.hero-stats{gap:1.5rem}.events-grid{grid-template-columns:1fr;gap:1.5rem}.event-meta-grid,.featured-event-meta{grid-template-columns:1fr}.cta-content{padding:2rem}.events-hero{padding:2rem 1rem}.events-library,.featured-event-section{padding:0 1rem}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-stats{flex-direction:column;gap:1rem}.stat-item{justify-content:center}.event-card-footer{flex-direction:column;gap:1rem;align-items:stretch}.event-action-btn{width:100%}}.auth-container{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-form-container{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:3rem 2.5rem;width:100%;max-width:500px;box-shadow:0 8px 25px #ffffff0d;transition:all var(--transition)}.auth-form-container.register{max-width:600px}.auth-form-container:hover{transform:translateY(-2px);box-shadow:0 12px 35px #ffffff14}.auth-title{font-size:2rem;font-weight:600;color:var(--text);text-align:center;margin-bottom:.5rem}.auth-subtitle{color:var(--text-light);text-align:center;margin-bottom:2rem;font-size:1rem}.auth-error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;color:#ef4444;font-size:.9rem}.auth-error-banner .error-icon{font-size:1rem}.auth-success-banner{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;color:#22c55e;font-size:.9rem}.auth-forgot-password{text-align:center;margin-top:1rem}.auth-link-button{background:none;border:none;color:var(--primary);text-decoration:underline;cursor:pointer;font-size:.9rem;transition:color var(--transition)}.auth-link-button:hover{color:var(--primary-hover)}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.auth-input-group{display:flex;flex-direction:column;gap:.5rem}.auth-label{font-weight:500;color:var(--text);font-size:.9rem}.auth-input{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem;font-family:inherit;line-height:1.5;transition:all var(--transition)}select.auth-input{appearance:none;-webkit-appearance:none;-moz-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='%23a0a0a0' 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 .75rem center;background-size:1rem;padding-right:2.5rem}.loading-placeholder{color:var(--text-light);font-style:italic;cursor:not-allowed}.auth-textarea{min-height:120px;resize:vertical;font-family:inherit;line-height:1.5}.auth-input:focus{outline:none;border-color:var(--primary);background:#ffffff14;box-shadow:0 0 0 3px #667eea1a}.auth-input::placeholder{color:var(--text-light)}.auth-error{color:#ff6b6b;font-size:.875rem;margin-top:.25rem}.auth-help{color:var(--text-light);font-size:.75rem;margin-top:.25rem;font-style:italic}.auth-button{background:var(--primary);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.auth-button:hover{background:#5a67d8;transform:translateY(-1px)}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-toggle{display:flex;justify-content:center;margin-bottom:2rem;background:#ffffff0d;border-radius:50px;padding:.25rem;border:1px solid var(--border);position:relative;overflow:hidden}.auth-toggle:before{content:"";position:absolute;top:.25rem;left:.25rem;bottom:.25rem;background:var(--primary);border-radius:25px;transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:calc(33.333% - .167rem);z-index:1;box-shadow:0 2px 8px #667eea4d}.auth-toggle:has(.auth-toggle-button:nth-child(1).active):before{transform:translate(0)}.auth-toggle:has(.auth-toggle-button:nth-child(2).active):before{transform:translate(calc(100% + .167rem))}.auth-toggle:has(.auth-toggle-button:nth-child(3).active):before{transform:translate(calc(200% + .333rem))}.auth-toggle-button{flex:1;padding:.75rem;background:transparent;border:none;border-radius:25px;color:var(--text);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;z-index:2;white-space:nowrap}.auth-toggle-button.active{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.auth-toggle-button:hover:not(.active){background:#ffffff14;transform:translateY(-1px)}@media (max-width: 768px){.auth-container{padding:1rem}.auth-toggle-button{font-size:.8rem;padding:.75rem .5rem}.auth-form-container{padding:2rem 1.5rem}.auth-form-row{grid-template-columns:1fr}.auth-title{font-size:1.75rem}}@media (max-width: 480px){.auth-form-container{padding:1.5rem 1rem}.auth-title{font-size:1.5rem}}.auth-error-state{text-align:center;padding:2rem;color:var(--text)}.auth-error-state .error-icon.large{color:#ff6b6b;margin-bottom:1rem}.auth-error-state h3{color:var(--text);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.auth-error-state p{color:var(--text-light);margin:0 0 2rem;line-height:1.5}.error-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.auth-button.retry-button{background:linear-gradient(135deg,#ed8936,#c05621)}.auth-button.retry-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #ed89364d}.auth-button.secondary{background:#ffffff1a;color:var(--text);border:1px solid var(--border)}.auth-button.secondary:hover{background:#fff3;transform:translateY(-1px)}@media (max-width: 768px){.error-actions,.auth-button.retry-button,.auth-button.secondary{width:100%}}.portal-container{min-height:100vh;padding:2rem 1rem;background:var(--bg)}.portal-content{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.portal-header{margin-bottom:2rem}.header-main{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1rem;flex-wrap:wrap}.header-content{flex:1;min-width:0;text-align:center}.header-refresh{margin:0}.portal-title{font-size:2.5rem;font-weight:600;color:var(--text);margin-bottom:1.5rem;margin-top:2rem;line-height:1.2;display:block}.portal-subtitle{font-size:1.1rem;color:var(--text-light);line-height:1.5;margin:0 auto 2rem;max-width:700px;display:block}.loading-message,.error-message{text-align:center;padding:2rem;color:var(--text-light);font-size:1.1rem}.portal-stats-section{margin-top:1.5rem}.portal-stats{display:flex;gap:2rem;justify-content:flex-start;flex-wrap:wrap}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #ffffff0d;min-width:180px;flex:1;justify-content:center}.stat-item{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:.25rem}.stat-label{font-size:.9rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.header-account-summary{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #ffffff0d;min-width:300px;max-width:350px;flex-shrink:0}.header-account-summary .user-info-compact p{color:var(--text);margin-bottom:.4rem;font-size:.85rem;line-height:1.3}.header-account-summary .user-info-compact p:first-child{font-size:.95rem;margin-bottom:.6rem}.header-account-summary .user-role{font-weight:500;color:var(--primary);margin-bottom:.6rem!important}.header-account-summary .logout-button{width:100%;padding:.6rem 1rem;background:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:8px;color:#ff6b6b;font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition);margin-top:1rem}.header-account-summary .logout-button:hover{background:#ff6b6b33;transform:translateY(-1px)}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.download-progress{margin-top:1.5rem;max-width:400px;margin-left:auto;margin-right:auto}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#5a67d8);border-radius:4px;transition:width .3s ease}.progress-text{font-size:.9rem;color:var(--text-light);margin:0}.video-filters{display:flex;justify-content:center;align-items:center;gap:2rem;margin:2rem 0;padding:1.5rem;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 15px #ffffff0d}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.filter-group label{font-size:.9rem;font-weight:500;color:var(--text);text-align:left}.filter-select{padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:.9rem;cursor:pointer;transition:all var(--transition)}.filter-select:hover{border-color:var(--primary)}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.clear-filters-btn{background:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:8px;color:#ff6b6b;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition);align-self:flex-end}.clear-filters-btn:hover{background:#ff6b6b33;transform:translateY(-1px)}.portal-main-content{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start}.portal-content-area{min-width:0}.video-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.loading-placeholder,.error-placeholder,.empty-state{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-light);font-size:1.1rem;grid-column:1 / -1}.video-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 8px 25px #ffffff0d;transition:all var(--transition)}.video-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #ffffff14}.video-card.selected{border-color:var(--primary);box-shadow:0 8px 25px #667eea33}.video-card.selected:hover{box-shadow:0 12px 35px #667eea4d}.video-card.not-downloadable{opacity:.6;cursor:not-allowed}.video-thumbnail{position:relative!important;aspect-ratio:16/9;overflow:hidden;cursor:pointer;isolation:isolate;display:block}.video-thumbnail video{width:100%;height:100%;object-fit:cover;transition:transform var(--transition)}.video-thumbnail:hover video{transform:scale(1.05)}.video-checkbox{position:absolute;top:.75rem;right:.75rem;z-index:10;background:#000000b3;border-radius:4px;padding:.4rem;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.video-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;margin:0}.video-placeholder{width:100%;height:100%;background:var(--card-bg);display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:.9rem}.thumbnail-error{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.3);border-radius:4px}.thumbnail-error span{font-size:.8rem;margin-top:.5rem}.video-thumbnail .video-overlay .play-button{margin:0;padding:0;pointer-events:auto;background:#fff;border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary);cursor:pointer;transition:all var(--transition);box-shadow:0 4px 12px #00000026;outline:none}.video-thumbnail:hover .video-overlay{opacity:1}.video-duration{position:absolute;bottom:.75rem;right:.75rem;background:#000c;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.video-info{padding:1rem}.video-title{font-size:1.1rem;font-weight:600;color:var(--text);margin-bottom:.75rem;line-height:1.4}.video-description{font-size:.9rem;color:var(--text-light);line-height:1.5;margin-bottom:1rem}.video-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;font-size:.8rem;color:var(--text-light)}.video-meta-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.video-size{background:#667eea1a;color:var(--primary);padding:.25rem .5rem;border-radius:4px;font-weight:500}.video-date,.video-game-date,.video-opponent{font-size:.8rem;color:var(--text-light)}.video-actions{display:flex;gap:.5rem;padding:0 1rem 1rem}.preview-btn,.download-btn,.refresh-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem}.preview-btn{background:#ffffff1a;color:var(--text);border:1px solid var(--border)}.preview-btn:hover{background:#fff3;border-color:var(--primary)}.download-btn{background:var(--primary);color:#fff}.download-btn:hover{background:#5a67d8;transform:translateY(-1px)}.refresh-btn{background:linear-gradient(135deg,#f6ad55,#ed8936);color:#fff;font-size:.85rem}.refresh-btn:hover{background:linear-gradient(135deg,#ed8936,#dd6b20);transform:translateY(-1px)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.portal-sidebar{display:flex;flex-direction:column;gap:1.5rem}.account-summary{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:2rem;box-shadow:0 8px 25px #ffffff0d;position:sticky;top:2rem}.account-summary h3{font-size:1.1rem;font-weight:600;color:var(--text);margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.user-info-compact p{color:var(--text);margin-bottom:.5rem;font-size:.9rem}.user-role{font-weight:500;color:var(--primary)}.logout-button{width:100%;padding:.75rem 1rem;background:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:8px;color:#ff6b6b;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition);margin-top:1rem}.logout-button:hover{background:#ff6b6b33;transform:translateY(-1px)}@media (max-width: 1024px){.header-main{flex-direction:column;align-items:stretch;gap:1.5rem}.header-account-summary{min-width:auto;max-width:100%;width:100%;align-self:center}.portal-stats{justify-content:center}.stat-card{max-width:none;min-width:150px}.portal-main-content{grid-template-columns:1fr;gap:1.5rem}.portal-sidebar{order:-1}.video-gallery{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.video-filters{flex-direction:column;gap:1rem}.filter-group{min-width:auto;width:100%}}@media (max-width: 768px){.portal-container{padding:1rem}.portal-title{font-size:2rem}.portal-stats{gap:1rem;flex-direction:column}.stat-card{min-width:100%}.stat-number{font-size:1.5rem}.header-main{gap:1rem}.selection-controls{flex-direction:column;gap:.75rem}.video-gallery{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 480px){.portal-title{font-size:1.75rem}.portal-subtitle{font-size:1rem}.stat-card{padding:1rem}.video-actions{flex-direction:column}}.users-table-container,.teams-table-container{border-radius:12px;border:1px solid var(--border);background:var(--card-bg);box-shadow:0 4px 6px #0000001a;width:100%}.users-table,.teams-table{width:100%;border-collapse:collapse;background:var(--card-bg);table-layout:fixed}.users-table th,.teams-table th,.users-table td,.teams-table td{padding:1rem .75rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}.users-table th,.teams-table th{background:#ffffff14;font-weight:600;color:var(--text);font-size:.85rem;position:sticky;top:0;z-index:10;white-space:nowrap;text-align:left;border-bottom:2px solid var(--border)}.users-table td,.teams-table td{color:var(--text);font-size:.85rem}.users-table tbody tr:hover,.teams-table tbody tr:hover{background:#ffffff0d}.users-table th:nth-child(1),.users-table td:nth-child(1){width:16%;padding-left:.75rem}.users-table th:nth-child(2),.users-table td:nth-child(2){width:13%;text-align:center}.users-table th:nth-child(3),.users-table td:nth-child(3){width:20%}.users-table th:nth-child(4),.users-table td:nth-child(4){width:13%;text-align:center}.users-table th:nth-child(5),.users-table td:nth-child(5){width:12%;text-align:center}.users-table th:nth-child(6),.users-table td:nth-child(6){width:9%;text-align:center}.users-table th:nth-child(7),.users-table td:nth-child(7){width:14%;text-align:center}.users-table th:nth-child(8),.users-table td:nth-child(8){width:16%;text-align:center;padding-right:.75rem}.role-text{color:var(--text);font-weight:500;font-size:.85rem}.role-badge{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;text-align:center;line-height:1.1;max-width:100%;box-sizing:border-box;flex-shrink:0}.role-badge.super_admin{background:#ff6b6b33;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.role-badge.org_admin{background:#ed893633;color:#ed8936;border:1px solid rgba(237,137,54,.3)}.role-badge.team_member{background:#48bb7833;color:#48bb78;border:1px solid rgba(72,187,120,.3)}.users-table tbody tr:nth-child(2n){background:#ffffff05}.users-table td{vertical-align:middle}.users-table td:nth-child(1),.users-table td:nth-child(3){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-table td:nth-child(5),.users-table td:nth-child(6),.users-table td:nth-child(7){text-align:center}.table-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-start;flex-wrap:wrap}.action-btn{padding:.5rem .8rem;border:1px solid;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;white-space:nowrap;min-height:32px;line-height:1;min-width:70px;overflow:hidden;text-overflow:ellipsis}.action-btn:focus{outline:2px solid var(--primary);outline-offset:2px}.action-btn svg{flex-shrink:0;width:12px;height:12px}.action-btn.edit{background:#48bb781a;color:#48bb78;border-color:#48bb784d}.action-btn.edit:hover{background:#48bb7833;border-color:#48bb78;transform:translateY(-1px);box-shadow:0 2px 4px #48bb7833}.action-btn.delete{background:#ff6b6b1a;color:#ff6b6b;border-color:#ff6b6b4d}.action-btn.delete:hover{background:#ff6b6b33;border-color:#ff6b6b;transform:translateY(-1px);box-shadow:0 2px 4px #ff6b6b33}.action-btn:active{transform:translateY(0);box-shadow:none}@media (max-width: 768px){.users-table-container,.teams-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.users-table,.teams-table{min-width:800px;table-layout:auto}.users-table th:nth-child(2),.users-table td:nth-child(2),.users-table th:nth-child(4),.users-table td:nth-child(4){display:none}.users-table th:nth-child(1),.users-table td:nth-child(1){width:25%}.users-table th:nth-child(3),.users-table td:nth-child(3){width:22%}.users-table th:nth-child(5),.users-table td:nth-child(5){width:15%}.users-table th:nth-child(6),.users-table td:nth-child(6){width:12%}.users-table th:nth-child(7),.users-table td:nth-child(7){width:15%}.users-table th:nth-child(8),.users-table td:nth-child(8){width:18%}.users-table th,.users-table td{padding:.75rem .5rem;font-size:.8rem}.user-name .full-name{font-size:.8rem}.user-name .user-email{font-size:.7rem}.table-actions{gap:.375rem;flex-direction:column;align-items:stretch}.action-btn{padding:.375rem .5rem;font-size:.7rem;min-height:28px;width:100%}.action-btn svg{width:12px;height:12px}.role-text,.org-name,.team-name{font-size:.8rem}.password-status{font-size:.65rem;padding:.25rem .45rem}}@media (max-width: 480px){.users-table-container,.teams-table-container{border-radius:8px;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.users-table,.teams-table{min-width:600px;font-size:.75rem}.users-table th,.users-table td,.teams-table th,.teams-table td{padding:.6rem .3rem}.users-table th:nth-child(7),.users-table td:nth-child(7){display:none}.users-table th:nth-child(1),.users-table td:nth-child(1){width:30%}.users-table th:nth-child(3),.users-table td:nth-child(3){width:25%}.users-table th:nth-child(5),.users-table td:nth-child(5){width:18%}.users-table th:nth-child(6),.users-table td:nth-child(6){width:15%}.users-table th:nth-child(8),.users-table td:nth-child(8){width:20%}.user-name .full-name{font-size:.75rem}.user-name .user-email{font-size:.65rem}.table-actions{gap:.25rem}.action-btn{padding:.25rem .375rem;font-size:.65rem;min-height:24px}.action-btn svg{width:10px;height:10px}.role-text,.org-name,.team-name{font-size:.75rem}.password-status{font-size:.6rem;padding:.2rem .4rem}}@media (max-width: 768px){.search-controls{flex-direction:column;gap:1rem}.search-input,.filter-select{width:100%;margin-bottom:0}.controls-section{flex-direction:column;gap:1rem;align-items:stretch}.results-count{text-align:center;font-size:.9rem}}@media (max-width: 480px){.panel-header{flex-direction:column;gap:1rem;text-align:center}.panel-header h2{font-size:1.5rem}.create-btn{width:100%;padding:.75rem 1rem}}.form-container{display:flex;flex-direction:column;overflow:hidden;height:100%}.form-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--border);background:#ffffff05}.enhanced-form{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-input.readonly{background:#ffffff05;color:var(--text-light);cursor:not-allowed}.save-btn.primary{flex:1;padding:.875rem 1.5rem;background:var(--primary);border:1px solid var(--primary);border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.save-btn.primary:hover{background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.user-form{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;flex:1;overflow-y:auto;max-height:calc(80vh - 120px)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{color:var(--text);font-size:.9rem;font-weight:500}.form-field input,.form-field select,.form-field textarea{padding:.75rem;background:#ffffff0d;border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.9rem;transition:all var(--transition);width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--primary);background:#ffffff14}.form-field input[type=checkbox]{width:auto;margin-right:.5rem}.checkbox-label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.5rem!important;cursor:pointer}.form-field input.error,.form-field select.error,.form-field textarea.error{border-color:#ff6b6b;background:#ff6b6b0d}.permissions-section{border-top:1px solid var(--border);padding-top:1.5rem;margin-top:1rem}.permissions-section h4{color:var(--text);font-size:1rem;font-weight:600;margin:0 0 1rem}.checkbox-label.large{font-size:1rem!important;font-weight:500!important}.large-checkbox{width:20px!important;height:20px!important;margin-right:.75rem!important;accent-color:var(--primary)!important;cursor:pointer}@media (max-width: 768px){.form-row,.form-grid{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column;gap:.75rem}.cancel-btn,.save-btn{padding:.875rem}.form-header{padding:1rem;gap:.75rem}.form-icon{width:40px;height:40px}.form-title-section h4{font-size:1.1rem}.form-subtitle{font-size:.85rem}.enhanced-form{padding:1rem;gap:1.25rem}.checkbox-wrapper,.form-info-card{padding:.875rem;gap:.625rem}}.organizations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;width:100%;box-sizing:border-box}@media (min-width: 1200px){.organizations-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width: 1199px) and (min-width: 768px){.organizations-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (max-width: 767px){.organizations-grid{grid-template-columns:1fr;gap:1rem}}.org-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all var(--transition);width:100%;box-sizing:border-box;min-width:0;overflow:hidden;display:flex;flex-direction:column;height:auto}@media (max-width: 767px){.org-card{padding:1rem}}@media (max-width: 480px){.org-card{padding:.875rem}}.org-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--primary)}.org-card.inactive{opacity:.7}.org-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}@media (max-width: 480px){.org-header{flex-direction:column;align-items:stretch;gap:.75rem}}.org-info{flex:1;min-width:0}.org-info h3{margin:0 0 .25rem;color:var(--text);word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;font-size:1.1rem;line-height:1.3}@media (max-width: 767px){.org-info h3{font-size:1rem}}.org-slug{color:var(--text-light);font-size:.8rem;font-family:monospace;word-break:break-all;overflow-wrap:break-word;line-height:1.2}@media (max-width: 767px){.org-slug{font-size:.75rem}}.org-status{flex-shrink:0}@media (max-width: 480px){.org-status{align-self:flex-start}}.org-contact{margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}@media (max-width: 767px){.org-contact{flex-direction:column;align-items:flex-start;gap:.25rem}}.contact-label{color:var(--text-light);font-size:.9rem;flex-shrink:0}.contact-email{color:var(--primary);text-decoration:none;word-break:break-all;overflow-wrap:break-word;font-size:.9rem}@media (max-width: 767px){.contact-email{font-size:.85rem}}.org-description{color:var(--text-light);font-size:.9rem;line-height:1.5;margin-bottom:1.5rem;overflow-wrap:break-word;word-wrap:break-word}@media (max-width: 767px){.org-description{font-size:.85rem;margin-bottom:1rem}}.org-stats{margin-bottom:1rem;flex:1}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}@media (max-width: 1199px) and (min-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (max-width: 767px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}}.stat-item{text-align:center;min-width:0;background:#ffffff08;padding:.25rem .2rem;display:contents;flex-direction:column;justify-content:center;align-items:center;gap:.1rem}@media (max-width: 767px){.stat-item{padding:.2rem .15rem}}.stat-value{font-size:.8rem;font-weight:600;color:var(--text);order:1}@media (max-width: 767px){.stat-value{font-size:.75rem}}@media (max-width: 480px){.stat-value{font-size:.7rem}}@media (max-width: 767px){.stat-label{font-size:.5rem}}@media (max-width: 480px){.stat-label{font-size:.45rem}}.org-meta{border-top:1px solid var(--border);padding-top:1rem;margin-bottom:1rem;display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-light);gap:1rem}@media (max-width: 767px){.org-meta{flex-direction:column;gap:.5rem;font-size:.75rem}}.meta-item{display:flex;flex-direction:column;min-width:0;flex:1}@media (max-width: 767px){.meta-item{flex-direction:row;justify-content:space-between;align-items:center}}.meta-label{color:var(--text-light);margin-bottom:.2rem;font-size:.75rem}@media (max-width: 767px){.meta-label{margin-bottom:0;font-size:.7rem}}.org-actions{display:flex;gap:.75rem;margin-top:auto}@media (max-width: 480px){.org-actions{flex-direction:column;gap:.5rem}}.org-actions .action-btn{flex:1;padding:.6rem 1rem;text-align:center;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:none}@media (max-width: 767px){.org-actions .action-btn{padding:.5rem .75rem;font-size:.8rem}}@media (max-width: 480px){.org-actions .action-btn{padding:.6rem .75rem;width:100%}}.org-actions .edit-btn{background:#48bb781a;color:#48bb78;border:1px solid rgba(72,187,120,.3)}.org-actions .edit-btn:hover{background:#48bb7833;transform:translateY(-1px)}.org-actions .delete-btn{background:#ff6b6b1a;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.org-actions .delete-btn:hover{background:#ff6b6b33;transform:translateY(-1px)}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.team-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all var(--transition)}.team-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--primary)}.team-card.inactive{opacity:.7}.team-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.team-info h3{margin:0 0 .25rem;color:var(--text)}.team-slug{color:var(--primary);font-size:.8rem;font-family:monospace;background:#667eea1a;padding:.25rem .5rem;border-radius:4px;word-break:break-all;overflow-wrap:break-word}.team-org{display:block;color:var(--text-light);font-size:.75rem;margin-top:.25rem;opacity:.9}.team-stats{display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem;background:#ffffff08;border-radius:8px}.team-meta{border-top:1px solid var(--border);padding-top:1rem;margin-bottom:1rem;display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-light)}.team-actions{display:flex;gap:.5rem}.team-actions .action-btn{flex:1;padding:.6rem 1rem;text-align:center;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.team-actions .edit-btn{background:#48bb781a;color:#48bb78;border:1px solid rgba(72,187,120,.3)}.team-actions .edit-btn:hover{background:#48bb7833;transform:translateY(-1px)}.team-actions .delete-btn{background:#ff6b6b1a;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.team-actions .delete-btn:hover{background:#ff6b6b33;transform:translateY(-1px)}.no-org-selected,.no-results{text-align:center;padding:3rem;color:var(--text-light)}.no-org-icon,.no-results-icon{font-size:3rem;margin-bottom:1rem}.no-org-selected h3,.no-results h3{color:var(--text);margin-bottom:.5rem}@media (max-width: 1024px){.teams-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}}@media (max-width: 768px){.teams-grid{grid-template-columns:1fr;gap:1rem}.org-card,.team-card{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (max-width: 480px){.org-card,.team-card{padding:.75rem}.org-header,.team-header{flex-direction:column;align-items:flex-start;gap:.5rem}.stats-grid{grid-template-columns:1fr;gap:.5rem}.stat-item{display:flex;justify-content:space-between;align-items:center;text-align:left}.org-actions,.team-actions{flex-direction:column;gap:.5rem}.edit-btn,.delete-btn{padding:.6rem 1.2rem;text-align:center;min-width:80px;font-size:.85rem}}.team-activation-key{background:#667eea0d;border:1px solid rgba(102,126,234,.2);border-radius:8px;padding:1rem;margin:1rem 0}.activation-key-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--primary);margin-bottom:.75rem;font-size:.9rem}.activation-key-content{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.activation-key{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;font-family:Courier New,monospace;font-size:.9rem;color:var(--primary);font-weight:600;flex:1;letter-spacing:.5px}.activation-key-actions{display:flex;gap:.25rem}.key-action-btn{background:var(--card-bg);border:1px solid var(--border);border-radius:4px;padding:.5rem;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;color:var(--text-light)}.key-action-btn:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.key-action-btn:disabled{opacity:.5;cursor:not-allowed}.activation-key-help{font-size:.8rem;color:var(--text-light);font-style:italic}@media (max-width: 768px){.activation-key-content{flex-direction:column;align-items:stretch;gap:.75rem}.activation-key-actions{justify-content:center}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.section-header h2{font-size:1.5rem;font-weight:600;color:var(--text);margin:0 0 .5rem}.section-header p{color:var(--text-light);font-size:.9rem;margin:0}.error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;color:#dc2626}.error-banner svg{flex-shrink:0}.error-close{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1.5rem;margin-left:auto;padding:0;line-height:1}.filters-section{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;padding:1rem;background:#ffffff05;border:1px solid var(--border);border-radius:8px}.search-box{position:relative;flex:1;min-width:250px}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-light);z-index:1}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);color:var(--text);font-size:.9rem;transition:all var(--transition)}.search-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.filter-group{display:flex;align-items:center;gap:.5rem;color:var(--text-light)}.filter-group select{padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);color:var(--text);font-size:.9rem;cursor:pointer;transition:all var(--transition)}.filter-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.filter-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--text)}.filter-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.events-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;width:100%}.event-admin-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all var(--transition);box-shadow:0 2px 8px #0000000d;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.event-admin-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-color:var(--primary-light)}.event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.event-category-icon{background:var(--primary-light);color:var(--primary);padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.event-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-icon{background:transparent;border:1px solid var(--border);border-radius:6px;padding:.5rem;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;color:var(--text-light);width:32px;height:32px}.btn-icon:hover{background:var(--card-hover);border-color:var(--border-hover);color:var(--text)}.btn-edit:hover{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.btn-delete:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.btn-delete.confirm{background:#ef4444;color:#fff;border-color:#dc2626}.event-content{display:flex;flex-direction:column;gap:1rem;flex:1}.event-title{font-size:1.25rem;font-weight:600;color:var(--text);margin:0;line-height:1.3}.event-description{color:var(--text-light);font-size:.9rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.event-meta{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-light);font-size:.85rem}.meta-item svg{color:var(--primary);flex-shrink:0}.meta-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border);margin-top:auto;gap:.5rem}.event-price{font-weight:600;color:var(--primary);font-size:.9rem}.event-category{background:var(--bg-light);color:var(--text-light);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;text-transform:capitalize;font-weight:500;border:1px solid var(--border);white-space:nowrap}.event-status-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.status-badge{padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;display:flex;align-items:center;gap:.25rem}.status-badge.inactive{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.status-badge.has-payment{background:#22c55e1a;color:#059669;border:1px solid rgba(34,197,94,.2)}.status-badge svg{width:10px;height:10px}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-light);grid-column:1 / -1}.no-results svg{margin-bottom:1rem;opacity:.5}.no-results h3{color:var(--text);margin-bottom:.5rem;font-size:1.25rem}.no-results p{margin-bottom:1.5rem;font-size:.95rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:var(--text-light)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:20px;height:20px;border-width:2px;border-color:#ffffff4d;border-top-color:#fff}.btn.btn-primary{padding:.75rem 1.5rem;background:var(--primary);border:1px solid var(--primary);border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.btn.btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group.full-width{grid-column:1 / -1}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--text);font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid var(--border);border-radius:6px;background:#ffffff0d;color:var(--text);font-size:.9rem;transition:all var(--transition);width:100%;box-sizing:border-box}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-light)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);background:#ffffff14}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ff6b6b;background:#ff6b6b0d}.error-text{color:#ff6b6b;font-size:.8rem;font-weight:500}.form-group textarea{resize:vertical;min-height:100px;line-height:1.5}.form-group select{cursor:pointer}@media (max-width: 1200px){.events-admin-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.section-header{flex-direction:column;align-items:stretch;gap:1rem}.filters-section{flex-direction:column;align-items:stretch;gap:.75rem}.search-box{min-width:auto}.events-admin-grid{grid-template-columns:1fr;gap:1rem}.event-meta{grid-template-columns:1fr;gap:.5rem}.event-footer{flex-direction:column;align-items:stretch;gap:.75rem}.form-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.event-admin-card{padding:1rem}.event-header{flex-direction:column;gap:1rem}.event-actions{align-self:flex-end}.section-header h2{font-size:1.25rem}.filters-section{padding:.75rem}}.admin-container{min-height:100vh;background:var(--bg)}.admin-header{background:var(--card-bg);border-bottom:1px solid var(--border);padding:2rem 1rem}.admin-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.admin-title{font-size:2rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.admin-subtitle{font-size:1rem;color:var(--text-light)}.admin-user-info{display:flex;align-items:center;gap:1rem;color:var(--text)}.admin-logout-btn{background:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:8px;color:#ff6b6b;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:all var(--transition)}.admin-logout-btn:hover{background:#ff6b6b33}.admin-content{max-width:1400px;margin:0 auto;padding:2rem 1rem;display:grid;grid-template-columns:180px 1fr;gap:1.5rem}.admin-nav{display:flex;flex-direction:column;gap:.5rem;position:sticky;top:2rem;height:fit-content}.admin-nav-btn{background:#ffffff0d;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.75rem;font-size:.85rem;text-align:center;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:.4rem;min-width:120px;white-space:nowrap}.admin-nav-btn:hover{background:#ffffff1a;border-color:var(--primary)}.admin-nav-btn.active{background:#ed893626;border-color:#ed8936;color:#ed8936}.admin-main{min-height:600px;overflow-x:hidden;width:100%}.admin-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:2rem;box-shadow:0 8px 25px #ffffff0d;overflow:hidden;width:100%;box-sizing:border-box;max-width:100%}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.panel-header h2{font-size:1.5rem;font-weight:600;color:var(--text);margin:0}.create-btn{background:linear-gradient(135deg,var(--primary),#5a67d8);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:.5rem}.create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #667eea4d}.search-section{margin-bottom:2rem}.search-input{width:100%;max-width:500px;padding:.875rem 1rem;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;transition:all var(--transition)}.search-input:focus{outline:none;border-color:var(--primary);background:#ffffff14}.user-name{display:flex;flex-direction:column;gap:.1rem;color:var(--text);font-weight:500;line-height:1.3}.user-name .full-name{font-weight:600;color:var(--text);font-size:.85rem}.user-name .user-email{font-size:.75rem;color:var(--text-light);opacity:.8}.admin-badge{background:#ed8936;color:#fff;font-size:.7rem;padding:.2rem .4rem;border-radius:4px;font-weight:600}.user-email,.user-org,.user-role,.user-login{color:var(--text-light);font-size:.9rem}.user-actions{display:flex;gap:.5rem}.edit-btn,.delete-btn{padding:.4rem .8rem;border:none;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all var(--transition)}.edit-btn{background:#48bb781a;color:#48bb78;border:1px solid rgba(72,187,120,.3)}.edit-btn:hover{background:#48bb7833}.delete-btn{background:#ff6b6b1a;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.delete-btn:hover:not(:disabled){background:#ff6b6b33}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.status-badge{display:inline-flex!important;align-items:center;justify-content:center;padding:.35rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;text-align:center;line-height:1.1;min-width:auto;box-sizing:border-box;flex-shrink:0}.status-badge.active{background:#48bb7833!important;color:#2d7a3d!important;border:1px solid rgba(72,187,120,.4)!important}.status-badge.inactive{background:#a0aec033!important;color:#6b7280!important;border:1px solid rgba(160,174,192,.4)!important}.form-actions{display:flex;gap:1rem;margin-top:1rem}.cancel-btn,.save-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.cancel-btn{background:#ffffff1a;color:var(--text);border:1px solid var(--border)}.cancel-btn:hover{background:#fff3}.save-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #48bb784d}.events-grid{display:grid;gap:2rem}.events-cards{display:grid;gap:1.5rem}.event-card{background:#ffffff05;border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all var(--transition)}.event-card:hover{border-color:var(--primary);background:#ffffff0d}.event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.event-title{color:var(--text);font-size:1.1rem;font-weight:600;margin:0}.event-status{color:#fff;font-size:.7rem;padding:.3rem .6rem;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.event-description{color:var(--text-light);font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.event-details{display:grid;gap:.75rem;margin-bottom:1.5rem}.event-detail{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.detail-label{min-width:80px;color:var(--text-light);font-weight:500}.event-actions{display:flex;gap:1rem}.event-editor{background:#ffffff05;border:1px solid var(--border);border-radius:8px;padding:1.5rem;position:relative;max-height:80vh;overflow-y:auto}.event-editor h3{color:var(--text);margin-bottom:1.5rem;font-size:1.1rem}.event-form{display:flex;flex-direction:column;gap:1rem}@media (max-width: 1200px){.admin-header-content{max-width:100%;padding:0 1rem}.admin-content{max-width:100%;padding:1.5rem;grid-template-columns:200px 1fr;gap:1.5rem}.admin-nav-btn{padding:.75rem;font-size:.85rem}.users-table-container,.teams-table-container{font-size:.85rem}}@media (max-width: 1024px){.admin-content{grid-template-columns:1fr;gap:1.5rem;padding:1rem}.admin-nav{flex-direction:row;position:static;overflow-x:auto;padding-bottom:1rem;gap:.5rem}.admin-nav-btn{min-width:160px;white-space:nowrap;flex-shrink:0}.events-grid{grid-template-columns:1fr;gap:1rem}.event-editor{position:static;max-height:none;order:-1;margin-bottom:2rem}.teams-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.users-table,.teams-table{min-width:750px}.admin-panel{padding:1.5rem;max-width:100%}.users-table-container,.teams-table-container{max-width:100%}}@media (max-width: 768px){.admin-header{padding:1.5rem 1rem}.admin-header-content{flex-direction:column;text-align:center;gap:1rem}.admin-title{font-size:1.75rem}.admin-user-info{flex-direction:column;gap:.75rem;width:100%}.admin-logout-btn{padding:.75rem 1.5rem;width:auto;align-self:center}.admin-content{padding:1rem}.admin-nav{order:-1;margin-bottom:1rem}.admin-panel{padding:1rem}.panel-header{flex-direction:column;gap:1rem;align-items:stretch;text-align:center}.panel-header h2{font-size:1.25rem}.create-btn{width:100%;justify-content:center}.search-input{max-width:none}.teams-grid{grid-template-columns:1fr;gap:1rem}.org-card,.team-card{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.form-row,.form-grid{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column;gap:.75rem}.cancel-btn,.save-btn{padding:.875rem}.admin-nav-btn{min-width:140px;padding:.75rem .5rem;text-align:center}.controls-section{padding:.75rem;gap:.75rem}.search-controls{gap:.75rem}.filter-select,.org-select{min-width:120px}}@media (max-width: 480px){.admin-header{padding:1rem .75rem}.admin-title{font-size:1.5rem}.admin-subtitle{font-size:.9rem}.admin-content{padding:.75rem}.admin-nav{flex-direction:column;gap:.5rem}.admin-nav-btn{min-width:auto;padding:1rem;justify-content:center}.admin-panel{padding:.75rem}.panel-header h2{font-size:1.1rem}.create-btn{padding:.75rem 1rem;font-size:.85rem}.users-table-container,.teams-table-container{border-radius:8px;max-width:100%}.users-table,.teams-table{min-width:500px;font-size:.8rem}.users-table th,.users-table td,.teams-table th,.teams-table td{padding:.5rem .25rem}.users-table th:nth-child(1),.users-table td:nth-child(1){min-width:120px}.users-table th:nth-child(2),.users-table td:nth-child(2){min-width:80px}.users-table th:nth-child(3),.users-table td:nth-child(3){min-width:90px}.users-table th:nth-child(4),.users-table td:nth-child(4){min-width:70px}.users-table th:nth-child(5),.users-table td:nth-child(5){min-width:70px}.users-table th:nth-child(6),.users-table td:nth-child(6){min-width:60px}.users-table th:nth-child(7),.users-table td:nth-child(7){min-width:70px}.users-table th:nth-child(8),.users-table td:nth-child(8){min-width:60px}.org-card,.team-card{padding:.75rem}.org-header,.team-header{flex-direction:column;align-items:flex-start;gap:.5rem}.stats-grid{grid-template-columns:1fr;gap:.5rem}.stat-item{display:flex;justify-content:space-between;align-items:center;text-align:left}.form-field input,.form-field select,.form-field textarea{padding:.625rem;font-size:.85rem}.form-field label{font-size:.85rem}.org-actions,.team-actions,.event-actions{flex-direction:column;gap:.5rem}.edit-btn,.delete-btn{padding:.5rem 1rem;text-align:center}.controls-section{padding:.5rem;flex-direction:column;align-items:stretch}.search-controls{flex-direction:column;gap:.5rem}.filter-select,.org-select{min-width:auto;width:100%}.admin-main{overflow-x:hidden}.user-name .full-name{font-size:.85rem}.user-name .user-email{font-size:.7rem}.role-badge,.status-badge,.password-status{font-size:.6rem;padding:.15rem .3rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:80px}}@media (max-width: 360px){.admin-title{font-size:1.25rem}.admin-content,.admin-panel{padding:.5rem}.panel-header{padding-bottom:.75rem}.panel-header h2{font-size:1rem}.create-btn{padding:.625rem .75rem;font-size:.8rem}.admin-nav-btn{padding:.875rem;font-size:.8rem}.role-badge,.status-badge,.password-status{font-size:.55rem;padding:.1rem .25rem;max-width:65px}}@media (max-width: 1024px) and (orientation: landscape){.admin-content{grid-template-columns:180px 1fr;gap:1rem}.admin-nav{flex-direction:column}.admin-nav-btn{min-width:auto;padding:.625rem;font-size:.8rem}}.controls-section{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:#ffffff08;border:1px solid var(--border);border-radius:8px}.search-controls{display:flex;gap:1rem;flex:1}.filter-select,.org-select{padding:.5rem;background:#ffffff0d;border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.9rem;min-width:150px}select{background:#ffffff0d!important;color:var(--text)!important}select option{background:#2a2a2a!important;color:#fff!important;padding:.5rem!important;border:none!important}select option:hover{background:#404040!important;color:#fff!important}select option:checked{background:#ed8936!important;color:#fff!important}.filter-select option,.org-select option,.form-field select option,.search-controls select option,.controls-section select option{background:#2a2a2a!important;color:#fff!important;padding:.5rem!important}.results-count{color:var(--text-light);font-size:.9rem;font-weight:500}.header-actions{display:flex;gap:1rem}.create-btn.secondary{background:#ffffff1a;color:var(--text);border:1px solid var(--border)}.create-btn.secondary:hover{background:#ffffff26;transform:translateY(-1px)}.password-status{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;letter-spacing:.2px;white-space:nowrap;text-align:center;line-height:1.1;max-width:100%;box-sizing:border-box;flex-shrink:0}.password-status.needs-setup{background:#f5bc4233;color:#f5bc42}.password-status.setup{background:#48bb7833;color:#48bb78}.no-team,.no-phone{color:var(--text-light);font-style:italic;font-size:.85rem}.user-contact{color:var(--text)}.org-name,.team-name{color:var(--text);font-weight:500}.users-table tbody tr:nth-child(2n){background:#ffffff03}.table-actions{display:flex;gap:.5rem}.action-btn{padding:.4rem .8rem;border:none;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all var(--transition);text-decoration:none;display:inline-flex;align-items:center;gap:.3rem}.action-btn.edit{background:#48bb781a;color:#48bb78;border:1px solid rgba(72,187,120,.2)}.action-btn.edit:hover{background:#48bb7833}.org-selector{display:flex;align-items:center;gap:1rem}.org-selector label{color:var(--text);font-weight:500}.video-upload-manager{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:2rem;box-shadow:0 8px 25px #ffffff0d;overflow:hidden;width:100%;box-sizing:border-box}.upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.header-content h2.upload-title{font-size:1.5rem;font-weight:600;color:var(--text);margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.upload-subtitle{color:var(--text-light);font-size:.9rem;margin:0}.mux-badge{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border)}.mux-logo{font-weight:700;color:var(--primary);font-size:.8rem}.integration-status{color:#48bb78;font-size:.8rem;display:flex;align-items:center;gap:.25rem}.upload-workflow{margin-bottom:2rem}.workflow-step{margin-bottom:1.5rem;background:#ffffff05;border:1px solid var(--border);border-radius:8px;overflow:hidden}.step-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-bottom:1px solid var(--border)}.step-number{background:var(--primary);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.step-info h3{color:var(--text);margin:0 0 .25rem;font-size:1rem;font-weight:600}.step-info p{color:var(--text-light);margin:0;font-size:.85rem}.step-content{padding:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.field-label{color:var(--text);font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.label-text{display:flex;align-items:center;gap:.25rem}.required-indicator{color:#ff6b6b}.form-input,.form-select,.form-textarea{padding:.75rem;background:#ffffff0d;border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.9rem;transition:all var(--transition);width:100%;box-sizing:border-box}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);background:#ffffff14}.form-select option{background:#2a2a2a!important;color:#fff!important;padding:.5rem!important}.url-preview{background:#ffffff08;border:1px solid var(--border);border-radius:6px;padding:.75rem;margin-top:1rem}.url-label{color:var(--text-light);font-size:.85rem;margin-right:.5rem}.url-preview code{color:var(--primary);background:#ffffff0d;padding:.25rem .5rem;border-radius:4px;font-family:monospace;font-size:.85rem}.file-upload-area{margin-top:1.5rem}.upload-dropzone{border:2px dashed var(--border);border-radius:8px;padding:2rem;text-align:center;background:#ffffff05;transition:all var(--transition);cursor:pointer}.upload-dropzone:hover{border-color:var(--primary);background:#ffffff0d}.file-input-hidden{display:none}.dropzone-label{cursor:pointer;display:block}.dropzone-icon{color:var(--text-light);margin-bottom:1rem}.dropzone-text{color:var(--text)}.dropzone-text strong{color:var(--primary);display:block;margin-bottom:.5rem}.dropzone-text span{color:var(--text-light);font-size:.9rem}.upload-specs{margin-top:1rem}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.5rem}.spec-item{text-align:center;background:#ffffff08;padding:.75rem;border-radius:6px}.spec-label{display:block;color:var(--text-light);font-size:.8rem;margin-bottom:.25rem}.spec-value{color:var(--text);font-weight:500;font-size:.85rem}.selected-files{margin-bottom:2rem}.files-header h4{color:var(--text);font-size:1rem;font-weight:600;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.files-list{display:flex;flex-direction:column;gap:1rem}.file-card{background:#ffffff08;border:1px solid var(--border);border-radius:8px;padding:1rem;transition:all var(--transition)}.file-card.invalid{border-color:#ff6b6b;background:#ff6b6b0d}.file-card.valid{border-color:#48bb78}.file-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.file-icon{color:var(--primary)}.file-details{flex:1}.file-name{color:var(--text);font-weight:500;display:block;margin-bottom:.25rem}.file-meta{color:var(--text-light);font-size:.8rem}.remove-button{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#ff6b6b;cursor:pointer;transition:all var(--transition)}.remove-button:hover{background:#ff6b6b33}.validation-messages{margin-top:.5rem}.message{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem}.message.error{color:#ff6b6b}.message.warning{color:#f5bc42}.message-icon{flex-shrink:0}.upload-progress{margin-bottom:2rem}.progress-header h4{color:var(--text);font-size:1rem;font-weight:600;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.progress-list{display:flex;flex-direction:column;gap:.75rem}.progress-item{background:#ffffff08;border:1px solid var(--border);border-radius:8px;padding:1rem}.progress-item.status-completed{border-color:#48bb78}.progress-item.status-error{border-color:#ff6b6b}.progress-header-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-file-info{display:flex;align-items:center;gap:.5rem}.progress-icon{color:var(--text-light)}.progress-item.status-completed .progress-icon{color:#48bb78}.progress-item.status-error .progress-icon{color:#ff6b6b}.progress-filename{color:var(--text);font-weight:500}.progress-status{color:var(--text-light);font-size:.85rem}.progress-bar-container{margin-top:.5rem}.progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#5a67d8);border-radius:3px;transition:width .3s ease}.error-details{margin-top:.5rem;display:flex;align-items:center;gap:.5rem;color:#ff6b6b;font-size:.85rem}.integration-status{margin-bottom:2rem}.status-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.mux-icon{background:var(--primary);color:#fff;padding:.5rem;border-radius:6px;font-weight:700;font-size:.8rem}.status-info h4{color:var(--text);margin:0 0 .25rem;font-size:1rem}.status-info p{color:var(--text-light);margin:0;font-size:.9rem}.video-destination{background:#ffffff08;border:1px solid var(--border);border-radius:6px;padding:.75rem}.destination-label{color:var(--text-light);font-size:.85rem;margin-right:.5rem}.destination-url{color:var(--primary);background:#ffffff0d;padding:.25rem .5rem;border-radius:4px;font-family:monospace;font-size:.85rem}.upload-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border)}.action-summary{color:var(--text-light);font-size:.9rem}.upload-button{background:linear-gradient(135deg,var(--primary),#5a67d8);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:.5rem}.upload-button:hover:not(.disabled){transform:translateY(-1px);box-shadow:0 4px 15px #667eea4d}.upload-button.disabled{opacity:.5;cursor:not-allowed}.upload-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.upload-header{flex-direction:column;align-items:stretch;gap:1rem}.form-grid,.spec-grid{grid-template-columns:1fr}.upload-actions{flex-direction:column;gap:1rem;align-items:stretch}.upload-button{justify-content:center}}.team-form-container{display:flex;flex-direction:column;max-height:80vh;overflow:hidden}.form-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--border);background:#ffffff05;flex-shrink:0}.form-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:12px;color:var(--primary);flex-shrink:0}.form-title-section h4{margin:0;font-size:1.25rem;font-weight:600;color:var(--text)}.form-subtitle{margin:.25rem 0 0;font-size:.9rem;color:var(--text-light)}.team-form{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.field-label{display:flex;align-items:center;gap:.5rem;color:var(--text);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.field-label svg{color:var(--text-light)}.form-input,.form-select{width:100%;padding:.875rem;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem;transition:all .2s ease;box-sizing:border-box}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary);background:#ffffff14;box-shadow:0 0 0 3px #667eea1a}.form-input.error,.form-select.error{border-color:#ff6b6b;background:#ff6b6b0d}.field-error{display:flex;align-items:center;gap:.375rem;color:#ff6b6b;font-size:.8rem;margin-top:.5rem;font-weight:500}.field-help{display:flex;align-items:center;gap:.375rem;color:var(--text-light);font-size:.8rem;margin-top:.5rem}.field-help.success{color:#48bb78}.field-warning{color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);padding:.5rem .75rem;border-radius:4px;font-size:.8rem;margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.organization-preview{background:#ffffff08;border:1px solid var(--border);border-radius:8px;padding:1rem;margin-top:.5rem}.org-preview-header{display:flex;align-items:center;gap:.5rem;color:var(--text-light);font-size:.8rem;font-weight:500;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.org-preview-content{display:flex;align-items:center;gap:.5rem;color:var(--text);font-size:.9rem}.org-preview-content strong{font-weight:600}.org-slug-preview{color:var(--primary)!important;background:#667eea1a;padding:.25rem .5rem;border-radius:4px;font-family:monospace;font-size:.85rem;margin-left:.5rem}.url-preview{background:#ffffff08;border:1px solid var(--border);border-radius:6px;padding:.75rem;margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.url-label{color:var(--text-light);font-size:.85rem;font-weight:500}.url-preview code{color:var(--primary);background:#667eea1a;padding:.25rem .5rem;border-radius:4px;font-family:monospace;font-size:.85rem;font-weight:500}.checkbox-wrapper{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#ffffff08;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease}.checkbox-wrapper:hover{background:#ffffff0d;border-color:#667eea4d}.checkbox-input{position:absolute;opacity:0;width:0;height:0}.checkbox-indicator{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--border);border-radius:4px;background:transparent;transition:all .2s ease;flex-shrink:0;margin-top:2px}.checkbox-input:checked+.checkbox-indicator{background:var(--primary);border-color:var(--primary);color:#fff}.checkbox-input:not(:checked)+.checkbox-indicator svg{opacity:0}.checkbox-input:checked+.checkbox-indicator svg{opacity:1}.checkbox-content{display:flex;flex-direction:column;gap:.25rem}.checkbox-label{color:var(--text);font-weight:500;font-size:.9rem}.checkbox-description{color:var(--text-light);font-size:.8rem;line-height:1.4}.form-info-card{display:flex;gap:.75rem;padding:1rem;background:#667eea0d;border:1px solid rgba(102,126,234,.2);border-radius:8px}.info-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.info-content{display:flex;flex-direction:column;gap:.5rem}.info-content strong{color:var(--text);font-size:.9rem;font-weight:600}.info-content ul{margin:0;padding-left:1rem;color:var(--text-light);font-size:.8rem;line-height:1.5}.info-content li{margin-bottom:.25rem}.form-actions{display:flex;gap:1rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}.cancel-btn{flex:1;padding:.875rem 1.5rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-light);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#ffffff0d;border-color:var(--text-light);color:var(--text)}.save-btn{flex:1;padding:.875rem 1.5rem;background:var(--primary);border:1px solid var(--primary);border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.save-btn:hover{background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}@media (max-width: 768px){.form-header{padding:1rem;gap:.75rem}.form-icon{width:40px;height:40px}.form-title-section h4{font-size:1.1rem}.form-subtitle{font-size:.85rem}.team-form{padding:1rem;gap:1.25rem}.form-actions{flex-direction:column;gap:.75rem}.cancel-btn,.save-btn{flex:none;width:100%}.checkbox-wrapper,.form-info-card{padding:.875rem;gap:.625rem}}.activation-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:24px;margin:24px 0}.activation-panel.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center}.activation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.activation-header h3{margin:0;color:var(--text);font-size:1.25rem;font-weight:600}.refresh-btn{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--border);color:var(--text-light);padding:8px 16px;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:#ffffff0d;color:var(--text);border-color:var(--primary)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.error-banner{display:flex;align-items:center;gap:8px;background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#fca5a5;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.875rem}.no-pending-users{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-light)}.no-pending-users svg{color:var(--primary);margin-bottom:16px}.no-pending-users h4{margin:0 0 8px;color:var(--text);font-size:1.125rem;font-weight:600}.no-pending-users p{margin:0;font-size:.875rem;line-height:1.5;max-width:400px}.pending-users-list{display:grid;gap:16px}.pending-user-card{background:#ffffff05;border:1px solid var(--border);border-radius:8px;padding:20px;display:flex;justify-content:space-between;align-items:flex-start;transition:all .2s ease}.pending-user-card:hover{background:#ffffff0a;border-color:var(--primary)}.user-info{flex:1;min-width:0}.user-info h4{margin:0 0 4px;color:var(--text);font-size:1.125rem;font-weight:600}.user-email{margin:0 0 4px;color:var(--primary);font-size:.875rem;font-weight:500}.user-phone{margin:0 0 12px;color:var(--text-light);font-size:.875rem}.user-details{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.role-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.super_admin{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff}.role-badge.org_admin{background:linear-gradient(135deg,var(--primary),#5a67d8);color:#fff}.role-badge.team_member{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.3)}.org-badge{display:inline-flex;align-items:center;padding:4px 8px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);color:var(--primary);border-radius:4px;font-size:.75rem;font-weight:500}.user-meta{margin-top:8px}.user-meta small{color:var(--text-light);font-size:.75rem}.user-actions{display:flex;gap:8px;flex-shrink:0;margin-left:16px}.activate-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px;justify-content:center}.activate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.activate-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.reject-btn{display:flex;align-items:center;gap:6px;background:#dc26261a;color:#fca5a5;border:1px solid rgba(220,38,38,.3);padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px;justify-content:center}.reject-btn:hover:not(:disabled){background:#dc262633;border-color:#dc262680;color:#f87171}.reject-btn:disabled{opacity:.7;cursor:not-allowed}.loading-spinner.small{width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin .8s linear infinite}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-light);background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin:24px 0}.access-denied svg{color:#dc2626b3;margin-bottom:16px}.access-denied h3{margin:0 0 8px;color:var(--text);font-size:1.25rem;font-weight:600}.access-denied p{margin:0;font-size:.875rem;line-height:1.5;max-width:400px}@media (max-width: 768px){.activation-panel{padding:16px;margin:16px 0}.activation-header{flex-direction:column;gap:12px;align-items:stretch}.pending-user-card{flex-direction:column;gap:16px}.user-actions{margin-left:0;justify-content:flex-start}.user-details{flex-direction:column;gap:4px}}.modal-overlay{position:fixed;inset:0;background:#0000001a;display:flex;align-items:center;justify-content:center;z-index:1050;backdrop-filter:blur(5px);padding:1rem;cursor:default}.modal-content{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:0;max-width:600px;width:100%;max-height:80vh;min-height:0;overflow:hidden;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border);flex-shrink:0;background:#ffffff05}.modal-header h3{color:var(--text);margin:0;font-size:1.25rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:1rem}.modal-close{appearance:none;background:#ffffff1a;border:1px solid var(--border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text);cursor:pointer;font-size:1.5rem;line-height:1;transition:all var(--transition, .3s ease)}.modal-close:hover{background:#fff3;color:#ff6b6b}.modal-close:focus{outline:2px solid var(--primary, #667eea);outline-offset:2px}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-footer{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid var(--border);flex-shrink:0}.modal-footer .cancel-btn,.modal-footer .save-btn{appearance:none;text-decoration:none;border:1px solid;line-height:1;flex:1;padding:.875rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition, .2s ease);display:flex;align-items:center;justify-content:center;gap:.5rem}.modal-footer .cancel-btn:focus,.modal-footer .save-btn:focus{outline:2px solid var(--primary, #667eea);outline-offset:2px}.modal-footer .cancel-btn{background:transparent;border-color:var(--border);color:var(--text-light)}.modal-footer .cancel-btn:hover{background:#ffffff0d;border-color:var(--text-light);color:var(--text)}.modal-footer .save-btn{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.modal-footer .save-btn:hover{background:var(--primary-hover, #5a67d8);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.modal-content.modal-sm{max-width:400px}.modal-content.modal-lg{max-width:800px}.modal-content.modal-xl{max-width:1000px}.modal-content.modal-fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}@media (max-width: 768px){.modal-overlay{padding:.5rem}.modal-content{width:95%;margin:.5rem;max-height:90vh}.modal-header{padding:1rem}.modal-header h3{font-size:1.1rem}.modal-body{padding:1rem}.modal-footer{padding:1rem;flex-direction:column;gap:.75rem}.modal-footer .cancel-btn,.modal-footer .save-btn{flex:none;width:100%}}@media (max-width: 480px){.modal-content{margin:.25rem;width:calc(100% - .5rem);max-height:95vh}.modal-header{padding:.75rem}.modal-header h3{font-size:1rem}.modal-body,.modal-footer{padding:.75rem}}@media (max-width: 360px){.modal-content{margin:.125rem;width:calc(100% - .25rem);max-height:98vh}.modal-header{padding:.5rem}.modal-header h3{font-size:.9rem}.modal-body,.modal-footer{padding:.5rem}}