:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#c8ff00;text-decoration:inherit}a:hover{color:#a8d900}body{margin:0;min-width:320px;min-height:100vh;background-color:#000}#root{min-height:100vh;background-color:#000}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#c8ff00}button:focus,button:focus-visible{outline:none}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:10px;background:#1a1a1a;border:1px solid #333;box-shadow:0 10px 40px #00000080;animation:slideIn .3s ease,fadeOut .3s ease 3.7s forwards;pointer-events:auto;max-width:360px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.toast-message{color:#fff;font-size:14px;line-height:1.4}.toast-success{border-color:#00ff644d;background:linear-gradient(135deg,#1a1a1a,#00ff641a)}.toast-success .toast-icon{background:#00ff6433;color:#00ff64}.toast-error{border-color:#ff64644d;background:linear-gradient(135deg,#1a1a1a,#ff64641a)}.toast-error .toast-icon{background:#ff646433;color:#ff6464}.toast-info{border-color:#64c8ff4d;background:linear-gradient(135deg,#1a1a1a,#64c8ff1a)}.toast-info .toast-icon{background:#64c8ff33;color:#64c8ff}.toast-warning{border-color:#ffc8004d;background:linear-gradient(135deg,#1a1a1a,#ffc8001a)}.toast-warning .toast-icon{background:#ffc80033;color:#ffc800}@media(max-width:480px){.toast-container{inset:auto 20px 20px}.toast{max-width:100%}}.landing-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;color:#fff;background:#0a0a0a}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0a0a;border-bottom:1px solid rgba(200,255,0,.1)}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.nav-logo img{height:40px;width:auto}.nav-logo .logo-text{font-size:1.5rem;font-weight:700;color:#c8ff00;letter-spacing:-.5px}.nav-links{display:flex;gap:2rem}.nav-links a{color:#fff;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:#c8ff00}.nav-login-btn{background:#c8ff00;color:#0a0a0a;padding:.6rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:.9rem;transition:transform .2s,box-shadow .2s}.nav-login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c8ff004d}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:6rem 2rem 4rem;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.hero-content h1{font-size:4rem;font-weight:700;margin-bottom:1.5rem;line-height:1.1}.hero-content h1 .highlight{color:#c8ff00}.hero-content p{font-size:1.25rem;color:#888;margin-bottom:2.5rem}.hero-cta{display:inline-block;background:transparent;color:#c8ff00;border:2px solid #c8ff00;padding:1rem 2.5rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .2s}.hero-cta:hover{background:#c8ff00;color:#0a0a0a}.services-section{padding:0}.services-container{max-width:100%}.service-card{display:flex;align-items:stretch;min-height:300px}.service-card.light{background:#d4dbe8;color:#0a0a0a}.service-card.green{background:#c8ff00;color:#0a0a0a}.service-number{font-size:8rem;font-weight:800;line-height:1;padding:2rem 3rem;display:flex;align-items:center;opacity:.3;min-width:250px;justify-content:center}.service-content{flex:1;padding:3rem 4rem;display:flex;flex-direction:column;justify-content:center}.service-content h3{font-size:2rem;font-weight:700;margin-bottom:1rem}.service-content p{font-size:1.1rem;line-height:1.7;max-width:600px}.pricing-section{padding:6rem 2rem;background:#0a0a0a}.pricing-container{max-width:1200px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:4rem}.pricing-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.pricing-header p{color:#888;font-size:1.1rem}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.pricing-card{background:#111;border:2px solid #c8ff00;border-radius:12px;padding:2.5rem;position:relative;transition:transform .2s}.pricing-card:hover{transform:translateY(-8px)}.pricing-card.recommended{border-width:3px}.recommended-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#c8ff00;color:#0a0a0a;padding:.4rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px}.tier-icon{width:60px;height:60px;border-radius:50%;margin:0 auto 1.5rem}.tier-icon.bronze{background:linear-gradient(135deg,#cd7f32,#8b4513)}.tier-icon.silver{background:linear-gradient(135deg,silver,gray)}.tier-icon.gold{background:linear-gradient(135deg,gold,#b8860b)}.pricing-card h3{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.price{text-align:center;font-size:2.5rem;font-weight:700;color:#c8ff00;margin-bottom:2rem}.price span{font-size:1rem;font-weight:400;color:#888}.tier-features{border-top:1px solid #333;padding-top:1.5rem}.feature-category{margin-bottom:1.5rem}.feature-category:last-child{margin-bottom:0}.feature-category h4{font-size:.85rem;font-weight:600;color:#c8ff00;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.feature-category ul{list-style:none;padding:0;margin:0}.feature-category li{padding:.4rem 0 .4rem 1.5rem;position:relative;color:#ccc;font-size:.95rem}.feature-category li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#c8ff00;border-radius:50%}.about-section{padding:6rem 2rem;background:#d4dbe8;color:#0a0a0a}.about-container{max-width:800px;margin:0 auto;text-align:center}.about-container h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem}.about-container p{font-size:1.15rem;line-height:1.8;color:#333}.contact-section{padding:6rem 2rem;background:#111}.contact-container{max-width:600px;margin:0 auto;text-align:center}.contact-container h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.contact-intro{color:#888;font-size:1.1rem;margin-bottom:1rem}.contact-email{color:#c8ff00;font-size:1.2rem;text-decoration:none;display:inline-block;margin-bottom:3rem}.contact-email:hover{text-decoration:underline}.contact-form{text-align:left}.form-group{margin-bottom:1.25rem}.form-group input,.form-group textarea{width:100%;padding:1rem;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#c8ff00}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{width:100%;padding:1rem;background:#c8ff00;color:#0a0a0a;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #c8ff004d}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.landing-footer{background:#0a0a0a;border-top:1px solid #222;padding:4rem 2rem 2rem}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:4rem}.footer-brand{display:flex;flex-direction:column}.footer-logo img{height:36px;width:auto;margin-bottom:1rem}.footer-logo .logo-text{font-size:1.3rem;font-weight:700;color:#c8ff00}.tagline{color:#666;font-size:.95rem}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-column h4{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;color:#888}.footer-column a{display:block;color:#ccc;text-decoration:none;padding:.4rem 0;font-size:.95rem;transition:color .2s}.footer-column a:hover{color:#c8ff00}.social-icons{display:flex;gap:1rem}.social-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#222;border-radius:8px;color:#fff;transition:background .2s,color .2s}.social-icon:hover{background:#c8ff00;color:#0a0a0a}.social-icon svg{width:18px;height:18px}.footer-bottom{max-width:1200px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid #222;text-align:center}.footer-bottom p{color:#666;font-size:.9rem}@media(max-width:1024px){.service-number{font-size:6rem;min-width:180px;padding:2rem}.service-content{padding:2rem 3rem}.pricing-cards{grid-template-columns:1fr;max-width:400px;margin:0 auto}}@media(max-width:768px){.nav-container{padding:1rem}.nav-links{display:none}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1rem}.service-card{flex-direction:column;min-height:auto}.service-number{font-size:5rem;min-width:auto;padding:2rem;justify-content:flex-start}.service-content{padding:0 2rem 2rem}.service-content h3{font-size:1.5rem}.service-content p{font-size:1rem}.pricing-header h2,.about-container h2,.contact-container h2{font-size:2rem}.footer-container{grid-template-columns:1fr;gap:3rem}.footer-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.nav-container{padding:.75rem 1rem}.nav-logo img{height:32px}.nav-login-btn{padding:.5rem 1rem;font-size:.85rem}.hero-section{padding:5rem 1.5rem 3rem}.hero-content h1{font-size:2rem}.hero-cta{padding:.875rem 2rem;font-size:.9rem}.service-number{font-size:4rem;padding:1.5rem}.service-content{padding:0 1.5rem 1.5rem}.pricing-section,.about-section,.contact-section{padding:4rem 1.5rem}.pricing-card{padding:2rem 1.5rem}.footer-links{grid-template-columns:1fr;gap:1.5rem}.landing-footer{padding:3rem 1.5rem 1.5rem}}*{box-sizing:border-box}.home{min-height:100vh;background:#000;color:#fff}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#000;border-bottom:1px solid #222}.header h1{margin:0;font-size:28px;color:#c8ff00}.header-actions{display:flex;align-items:center;gap:15px}.header-actions button{background:#111!important;border:1px solid #c8ff00!important;color:#c8ff00!important;padding:10px 20px!important;border-radius:6px!important;cursor:pointer!important;font-weight:500!important}.header-actions button:hover{background:#222!important}.bulk-actions{display:flex;align-items:center;gap:10px;padding:8px 15px;background:#111;border:1px solid #c8ff00;border-radius:8px}.bulk-actions span{font-weight:500;color:#c8ff00}.btn-primary{padding:10px 20px;background:#c8ff00!important;color:#000!important;border:none!important;border-radius:6px;cursor:pointer;font-weight:600}.btn-primary:hover{background:#b8ef00!important}.btn-primary:disabled{background:#333!important;color:#666!important;cursor:not-allowed}.btn-secondary{padding:10px 20px;background:#111!important;border:1px solid #c8ff00!important;color:#c8ff00!important;border-radius:6px;cursor:pointer}.btn-secondary:hover{background:#222!important}.btn-danger{padding:10px 20px;background:#f44!important;color:#fff!important;border:none!important;border-radius:6px;cursor:pointer}.btn-danger:hover{background:#c00!important}.modal-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#000;border:1px solid #c8ff00;padding:30px;border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto}.modal-lg{max-width:800px}.modal h2{margin:0 0 20px;color:#c8ff00}.form-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #333}.form-section:last-of-type{border-bottom:none}.form-section h4{margin:0 0 15px;color:#c8ff00;font-size:14px;font-weight:600;text-transform:uppercase}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#c8ff00;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;background:#111!important;border:1px solid #333!important;border-radius:8px;font-size:14px;box-sizing:border-box;color:#fff!important}.form-group input::placeholder{color:#666}.form-group input:focus,.form-group select:focus{outline:none;border-color:#c8ff00!important}.form-group select option{background:#111;color:#fff}.form-group small{display:block;margin-top:6px;color:#888;font-size:12px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #333}.video-source-tabs{display:flex;gap:8px;margin-bottom:15px}.source-tab{padding:10px 16px;background:#111;border:1px solid #333;border-radius:8px;cursor:pointer;color:#888;font-weight:500}.source-tab:hover{border-color:#c8ff00;color:#c8ff00}.source-tab.active{background:#c8ff00;border-color:#c8ff00;color:#000}.filters-bar{display:flex;align-items:center;gap:20px;padding:15px 32px;background:#000;border-bottom:1px solid #222}.filters-bar .filter-group{display:flex;align-items:center;gap:8px}.filters-bar label{font-weight:500;color:#c8ff00}.filters-bar select{padding:10px 14px;background:#111;border:1px solid #333;border-radius:8px;min-width:150px;color:#fff}.filters-bar select:focus{outline:none;border-color:#c8ff00}.matches-section{padding:24px 32px;background:#000}.org-group{margin-bottom:32px}.org-title{color:#c8ff00;font-size:20px;margin:0 0 16px}.org-title .match-count{color:#888;font-weight:400}.matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.match-card{background:#000!important;border:1px solid #c8ff00;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s}.match-card:hover{background:#111!important;box-shadow:0 0 15px #c8ff0033}.match-card.selected{background:#c8ff001a!important;box-shadow:0 0 20px #c8ff004d}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-header input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#c8ff00}.match-card h3{margin:0 0 10px;color:#c8ff00;font-size:18px}.match-card p{margin:5px 0;color:#888;font-size:14px}.match-meta{display:flex;gap:8px;flex-wrap:wrap}.team-badge{background:#c8ff0026;color:#c8ff00;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.dropdown{position:relative}.btn-menu{background:#000!important;border:1px solid #c8ff00!important;font-size:18px;cursor:pointer;padding:6px 10px;border-radius:6px;color:#c8ff00!important}.btn-menu:hover{background:#111!important}.dropdown-menu{position:absolute;right:0;top:100%;margin-top:4px;background:#000;border:1px solid #c8ff00;border-radius:8px;box-shadow:0 4px 12px #00000080;z-index:1000;min-width:140px;overflow:hidden}.dropdown-menu button{display:block;width:100%;padding:12px 15px;border:none;background:#000!important;text-align:left;cursor:pointer;font-size:14px;color:#c8ff00!important}.dropdown-menu button:hover{background:#111!important}.dropdown-menu button.danger{color:#f44!important}.dropdown-menu button.danger:hover{background:#ff44441a!important}.video-badges{display:flex;gap:6px;margin-top:10px}.video-badge{font-size:10px;padding:3px 8px;border-radius:4px;text-transform:uppercase;font-weight:600}.video-badge.mux{background:#c8ff00;color:#000}.video-badge.youtube{background:red;color:#fff}.video-badge.url{background:#666;color:#fff}.upload-progress{padding:15px;background:#111;border:1px solid #333;border-radius:8px;text-align:center;color:#fff}.progress-bar{height:8px;background:#222;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:#c8ff00}.mt-2{margin-top:8px}.form-group input[type=file]{padding:10px;background:#111!important;border:1px solid #333!important;color:#888!important}.admin-players-page{min-height:100vh;background:#0a0a0a;padding:20px 40px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-header h1{color:#c8ff00;font-size:28px;margin:0}.btn-back{background:transparent;border:1px solid #444;color:#888;padding:10px 20px;border-radius:6px;cursor:pointer;transition:all .2s}.admin-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid #333;padding-bottom:15px}.admin-tabs button{background:#1a1a1a;border:1px solid #333;color:#888;padding:10px 25px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.admin-tabs button:hover{border-color:#555;color:#fff}.admin-tabs button.active{background:#c8ff00;border-color:#c8ff00;color:#000;font-weight:600}.admin-filters{display:flex;align-items:center;gap:15px;margin-bottom:20px}.admin-filters label{color:#888;font-size:14px}.admin-filters select{background:#1a1a1a;border:1px solid #333;color:#fff;padding:8px 15px;border-radius:6px;font-size:14px}.admin-actions{margin-bottom:20px}.btn-create{background:#c8ff00;border:none;color:#000;padding:12px 25px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-create:hover{background:#b8ef00}.admin-table{width:100%;border-collapse:collapse;background:#1a1a1a;border-radius:8px;overflow:hidden}.admin-table th{background:#252525;color:#888;text-align:left;padding:15px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.admin-table td{padding:15px;color:#fff;border-bottom:1px solid #252525}.admin-table tr:hover{background:#222}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.approved{background:#c8ff0033;color:#c8ff00}.status-badge.pending{background:#ffc10733;color:#ffc107}.status-badge.rejected{background:#f4433633;color:#f44336}.btn-edit,.btn-delete{padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;margin-right:8px;border:none}.btn-edit{background:#333;color:#fff}.btn-edit:hover{background:#444}.btn-delete{background:transparent;border:1px solid #f44336;color:#f44336}.btn-delete:hover{background:#f443361a}.event-count-badge{display:inline-block;background:#c8ff00;color:#000;padding:4px 10px;border-radius:12px;font-weight:600;font-size:12px}.admin-form-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-form{background:#1a1a1a;padding:30px;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.admin-form h2{color:#c8ff00;margin:0 0 25px;font-size:20px;text-transform:capitalize}.form-group{margin-bottom:20px}.form-group label{display:block;color:#888;font-size:13px;margin-bottom:8px}.form-group input[type=text],.form-group input[type=email],.form-group input[type=number],.form-group select{width:100%;background:#252525;border:1px solid #333;color:#fff;padding:12px 15px;border-radius:6px;font-size:14px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#c8ff00}.form-group input[type=checkbox]{margin-right:8px}.form-actions{display:flex;gap:15px;margin-top:25px}.btn-cancel{flex:1;background:transparent;border:1px solid #444;color:#888;padding:12px;border-radius:6px;cursor:pointer}.btn-cancel:hover{border-color:#666;color:#fff}.btn-save{flex:1;background:#c8ff00;border:none;color:#000;padding:12px;border-radius:6px;font-weight:600;cursor:pointer}.btn-save:hover{background:#b8ef00}.admin-filters-row{display:flex;align-items:center;gap:15px;margin-bottom:20px}.search-input-admin{background:#1a1a1a;border:1px solid #333;color:#fff;padding:10px 15px;border-radius:6px;font-size:14px;width:250px}.search-input-admin:focus{outline:none;border-color:#c8ff00}.results-count{color:#888;font-size:14px}.tagged-players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.tagged-player-card{background:#1a1a1a;border:1px solid #333;border-radius:10px;padding:15px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .2s}.tagged-player-card:hover{border-color:#c8ff00;transform:translateY(-2px)}.tagged-player-initials{width:50px;height:50px;background:linear-gradient(135deg,#333,#1a1a1a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#c8ff00;font-size:18px;font-weight:700;flex-shrink:0}.tagged-player-info{flex:1;min-width:0}.tagged-player-name{color:#fff;font-size:15px;font-weight:500;margin-bottom:5px}.tagged-player-teams{display:flex;flex-wrap:wrap;gap:5px}.team-tag{background:#252525;color:#888;padding:2px 8px;border-radius:4px;font-size:11px}.view-clips-btn{color:#c8ff00;font-size:12px;white-space:nowrap}.no-results{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#888;font-size:16px}.filter-select{background:#1a1a1a;border:1px solid #333;color:#fff;padding:10px 15px;border-radius:6px;font-size:14px;min-width:200px}.btn-activity{background:#c8ff00;color:#000;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;margin-right:10px;transition:all .2s}.btn-activity:hover{background:#b8ef00}.match-detail{min-height:100vh;background:#000;color:#fff}.detail-header{display:flex;align-items:center;gap:20px;padding:20px 40px;background:#000;border-bottom:1px solid #222}.btn-back{padding:8px 16px;border:1px solid #333;border-radius:6px;background:#111;color:#fff;cursor:pointer}.btn-back:hover{border-color:#c8ff00;color:#c8ff00}.detail-header h1{margin:0;font-size:24px;color:#c8ff00}.match-date{color:#888}.detail-content{display:grid;grid-template-columns:1fr 300px;grid-template-rows:auto 1fr;gap:20px;padding:20px 40px;max-width:1600px;margin:0 auto}.video-section{grid-column:1;background:#111;border:1px solid #222;border-radius:12px;padding:20px}.no-video{height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;border-radius:8px;color:#888}.playback-controls{display:flex;align-items:center;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid #222}.btn-primary{padding:10px 20px;background:#c8ff00;color:#000!important;border:none;border-radius:6px;cursor:pointer;font-weight:600}.btn-primary:hover{background:#b8ef00}.btn-primary:disabled{background:#333;color:#666!important;cursor:not-allowed}.btn-secondary{padding:8px 16px;background:#111;border:1px solid #333;border-radius:6px;cursor:pointer;color:#fff}.btn-secondary:hover{border-color:#c8ff00;color:#c8ff00}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.event-counter{margin-left:auto;color:#c8ff00;font-weight:500}.filters-section{grid-column:2;grid-row:1 / 3;background:#111;border:1px solid #222;border-radius:12px;padding:20px;max-height:calc(100vh - 140px);overflow-y:auto}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.filters-header h3{margin:0;color:#c8ff00}.btn-clear{padding:5px 10px;background:none;border:1px solid #ff4444;color:#f44;border-radius:4px;cursor:pointer;font-size:12px}.btn-clear:hover{background:#ff44441a}.filter-group{margin-bottom:20px}.filter-group h4{margin:0 0 10px;font-size:14px;color:#888}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:6px 12px;background:#222;border:1px solid #333;border-radius:20px;font-size:13px;cursor:pointer;color:#fff;transition:all .2s}.tag:hover{border-color:#c8ff00;color:#c8ff00}.tag.active{background:#c8ff00;color:#000;border-color:#c8ff00}.events-list{grid-column:1;background:#111;border:1px solid #222;border-radius:12px;padding:20px}.events-list h3{margin:0 0 15px;color:#c8ff00}.events-scroll{max-height:300px;overflow-y:auto}.event-item{display:flex;align-items:center;gap:15px;padding:10px;border-radius:6px;cursor:pointer;transition:background .2s;color:#fff}.event-item:hover{background:#222}.event-item.active{background:#c8ff001a;border-left:3px solid #c8ff00}.event-time{font-family:monospace;font-size:14px;color:#c8ff00;min-width:50px}.event-tag{font-weight:500;color:#fff}.event-player{color:#888;font-size:13px;margin-left:auto}.event-match{font-size:11px;background:#222;padding:2px 6px;border-radius:4px;margin-left:auto;color:#888}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:#c8ff00;background:#000}.match-tabs{display:flex;gap:10px;padding:10px 40px;background:#000;border-bottom:1px solid #222}.match-tab{padding:8px 16px;border:1px solid #333;border-radius:6px;background:#111;cursor:pointer;color:#fff}.match-tab:hover{border-color:#c8ff00;color:#c8ff00}.match-tab.active{background:#c8ff00;color:#000;border-color:#c8ff00}.modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#000;border:1px solid #333;padding:30px;border-radius:12px;max-width:500px;width:100%}.modal h2{margin:0 0 15px;color:#c8ff00}.modal p{color:#888}.offset-modal .offset-help{color:#888;margin-bottom:20px}.offset-method{margin-bottom:20px;padding:15px;background:#111;border-radius:8px}.offset-method h4{margin:0 0 10px;color:#c8ff00;font-size:14px}.offset-method p{margin:0 0 10px;font-size:13px}.offset-inputs{display:flex;gap:15px}.offset-inputs label{display:flex;flex-direction:column;gap:5px;color:#888;font-size:13px}.offset-inputs input{width:80px;padding:8px;background:#222;border:1px solid #333;border-radius:4px;color:#fff}.offset-inputs input:focus{outline:none;border-color:#c8ff00}.offset-preview{margin-top:15px;padding:10px;background:#c8ff001a;border-radius:4px;color:#c8ff00;font-size:13px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #222}.activity-filters{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap}.activity-filters .filter-input{background:#1a1a1a;border:1px solid #333;color:#fff;padding:10px 15px;border-radius:8px;font-size:14px;min-width:250px}.activity-filters .filter-select{background:#1a1a1a;border:1px solid #333;color:#fff;padding:10px 15px;border-radius:8px;font-size:14px}.refresh-btn{background:#333;border:none;color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.refresh-btn:hover{background:#444}.activity-stats{display:flex;gap:20px;margin-bottom:25px;flex-wrap:wrap}.stat-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:20px 30px;display:flex;flex-direction:column;align-items:center;min-width:120px}.stat-number{font-size:32px;font-weight:700;color:#c8ff00}.stat-label{font-size:13px;color:#888;margin-top:5px}.activity-table-wrapper{background:#1a1a1a;border-radius:12px;overflow:hidden;border:1px solid #333}.activity-table{width:100%;border-collapse:collapse}.activity-table th{background:#252525;color:#888;font-size:12px;font-weight:600;text-align:left;padding:15px 20px;border-bottom:1px solid #333}.activity-table td{padding:15px 20px;border-bottom:1px solid #2a2a2a;color:#fff;font-size:14px}.activity-table tr:hover{background:#222}.user-info{display:flex;flex-direction:column}.user-name{font-weight:500;color:#fff}.user-email{font-size:12px;color:#888}.details-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#888}.back-btn{background:transparent;border:1px solid #444;color:#888;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.back-btn:hover{border-color:#666;color:#fff}@media(max-width:768px){.activity-filters{flex-direction:column}.activity-filters .filter-input{min-width:100%}.activity-stats{justify-content:center}.activity-table th,.activity-table td{padding:10px;font-size:12px}}.skeleton{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-circle{border-radius:50%}.skeleton-rect{border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-player{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:8px;margin-bottom:8px}.skeleton-team{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff08;border-radius:8px;margin-bottom:8px}.skeleton-invite{padding:12px 16px;background:#ffffff08;border-radius:8px;margin-bottom:8px}.client-login-page{min-height:100vh;width:100vw;background:#000;display:flex;align-items:center;justify-content:center;position:relative}.client-login-logo{position:absolute;top:24px;left:24px}.client-login-logo img{height:50px;width:auto}.client-login-box{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:16px;padding:48px;width:100%;max-width:420px}.client-login-box h1{color:#c8ff00;font-size:32px;margin:0 0 8px;text-align:center}.client-login-box .subtitle{color:#666;text-align:center;margin-bottom:32px}.login-tabs{display:flex;gap:8px;margin-bottom:24px}.login-tabs button{flex:1;padding:12px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;color:#888;font-weight:600;cursor:pointer;transition:all .2s}.login-tabs button:hover{border-color:#c8ff00}.login-tabs button.active{background:#c8ff00;border-color:#c8ff00;color:#000}.login-message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.login-message.error{background:#ff44441a;border:1px solid #ff4444;color:#f44}.login-message.success{background:#00ff881a;border:1px solid #c8ff00;color:#c8ff00}.client-login-box .form-group{margin-bottom:20px}.client-login-box label{display:block;color:#c8ff00;font-size:14px;margin-bottom:8px}.client-login-box input,.client-login-box select{width:100%;padding:14px 16px;background:#111;border:1px solid #2a2a2a;border-radius:8px;color:#fff;font-size:15px;box-sizing:border-box;transition:border-color .2s}.client-login-box input::placeholder{color:#555}.client-login-box input:focus,.client-login-box select:focus{outline:none;border-color:#c8ff00}.client-login-box select option{background:#111}.client-login-box .login-btn{width:100%;padding:14px;background:#c8ff00;border:none;border-radius:8px;color:#000;font-size:16px;font-weight:600;cursor:pointer;margin-top:8px;transition:background .2s}.client-login-box .login-btn:hover{background:#a8d900}.client-login-box .login-btn:disabled{background:#333;color:#666;cursor:not-allowed}.login-note{color:#666;font-size:13px;margin-top:16px;text-align:center}.client-container{min-height:100vh;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.client-header{display:flex;justify-content:space-between;align-items:center;padding:18px 35px;background:#0a0a0a;border-bottom:1px solid #1a1a1a}.client-logo{display:flex;align-items:center;gap:12px}.client-logo img{height:44px;width:auto}.client-logo h1{font-size:24px;font-weight:700;color:#c8ff00;margin:0}.client-logo span{color:#666;font-size:14px}.client-nav{display:flex;gap:32px}.client-nav a{color:#888;text-decoration:none;font-size:15px;font-weight:500;transition:color .2s}.client-nav a:hover,.client-nav a.active{color:#c8ff00}.client-user{display:flex;align-items:center;gap:16px}.client-user-info{text-align:right}.client-user-info .org{color:#c8ff00;font-size:14px;font-weight:500}.client-user-info .team{color:#666;font-size:12px}.client-logout{padding:8px 16px;background:transparent;border:1px solid #333;color:#888;border-radius:6px;cursor:pointer;transition:all .2s}.client-logout:hover{border-color:#c8ff00;color:#c8ff00}.client-main{padding:32px;max-width:1400px;margin:0 auto}.client-filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#c8ff00}.filter-btn.active{border-color:#c8ff00;background:#00ff881a}.filter-btn .icon{color:#c8ff00}.matches-table thead{background:#111}.matches-table th{padding:16px;text-align:left;font-size:12px;font-weight:600;color:#c8ff00;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #1a1a1a}.matches-table td{padding:16px;border-bottom:1px solid #1a1a1a;font-size:14px;color:#fff}.matches-table tr:hover{background:#111}.matches-table .date{color:#888}.matches-table .category{color:#c8ff00}.matches-table .team-name{display:flex;align-items:center;gap:10px}.matches-table .team-logo{width:28px;height:28px;border-radius:50%;background:#1a1a1a;display:flex;align-items:center;justify-content:center;font-size:12px}.matches-table .score{text-align:center;font-weight:600;color:#c8ff00}.matches-table .video-btn,.matches-table .analysis-btn{padding:6px 12px;border-radius:6px;border:none;cursor:pointer;font-size:13px;transition:all .2s}.matches-table .video-btn{background:#c8ff00;color:#000}.matches-table .video-btn:hover{background:#a8d900}.matches-table .analysis-btn{background:transparent;border:1px solid #c8ff00;color:#c8ff00}.matches-table .analysis-btn:hover{background:#00ff881a}.pagination{display:flex;justify-content:center;gap:8px;margin-top:24px}.pagination button{width:36px;height:36px;border-radius:8px;border:1px solid #2a2a2a;background:#0a0a0a;color:#888;cursor:pointer;transition:all .2s}.pagination button:hover{border-color:#c8ff00;color:#c8ff00}.pagination button.active{background:#c8ff00;border-color:#c8ff00;color:#000}.pagination button:disabled{opacity:.3;cursor:not-allowed}.match-header{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;padding:24px;margin-bottom:24px}.match-header-content{display:flex;justify-content:space-between;align-items:center}.match-teams{display:flex;align-items:center;gap:32px}.match-team{text-align:center}.match-team .logo{width:64px;height:64px;background:#1a1a1a;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:24px}.match-team .name{font-size:16px;font-weight:500;color:#fff}.match-score{font-size:48px;font-weight:700;color:#c8ff00}.match-info{text-align:right;color:#666}.match-info .date{font-size:18px;color:#c8ff00;margin-bottom:4px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-value{font-size:36px;font-weight:700;color:#c8ff00}.stat-label{color:#666;font-size:13px;margin-top:4px}.events-section{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;padding:24px}.events-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #1a1a1a;padding-bottom:16px}.events-tab{padding:10px 20px;background:transparent;border:1px solid #2a2a2a;border-radius:8px;color:#888;cursor:pointer;transition:all .2s}.events-tab:hover{border-color:#c8ff00;color:#c8ff00}.events-tab.active{background:#c8ff00;border-color:#c8ff00;color:#000}.events-list{display:flex;flex-direction:column;gap:8px}.event-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#111;border-radius:8px;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.event-time{color:#c8ff00;font-family:monospace;font-size:14px;min-width:60px}.event-name{flex:1;font-weight:500;color:#fff}.event-player{color:#888;font-size:13px}.event-outcome{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.event-outcome.successful{background:#0f83;color:#c8ff00}.event-outcome.unsuccessful{background:#f443;color:#f44}@media(max-width:768px){.client-header{flex-direction:column;gap:12px;padding:12px 16px}.client-logo img{height:32px}.client-nav.header-nav{width:100%;justify-content:center;gap:8px}.client-nav a{padding:8px 16px;font-size:13px}.team-setup-btn{padding:8px 14px;font-size:12px}.client-user{width:100%;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.client-user-info{flex-direction:row;gap:8px;align-items:center}.client-user-info .name{font-size:13px}.client-user-info .org,.client-user-info .team{font-size:11px}.client-filters{flex-direction:column;gap:12px}.date-filter-wrapper{width:100%}.date-filter-btn{width:100%;justify-content:center}.filter-select{width:100%}.calendar-popup{left:0;right:0;width:auto;margin:0 10px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:12px}.stat-card .value{font-size:24px}.matches-section h2{font-size:18px}.matches-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}.matches-table{min-width:600px}.matches-table th,.matches-table td{padding:10px 12px;font-size:13px;white-space:nowrap}.client-login-logo{position:static;text-align:center;padding:24px}}@media(max-width:480px){.client-header{padding:10px 12px}.client-logo img{height:28px}.client-nav a{padding:6px 12px;font-size:12px}.client-user-info .org,.client-user-info .team{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:10px}.stat-card .value{font-size:20px}.stat-card .label{font-size:11px}.submit-match-btn{width:100%}}.match-view .match-header{margin-bottom:30px}.match-view .back-link{color:#c8ff00;text-decoration:none;font-size:14px;margin-bottom:10px;display:inline-block}.match-view .back-link:hover{text-decoration:underline}.match-view h1{color:#fff;font-size:28px;margin:10px 0 5px}.match-view .match-date{color:#888;font-size:14px}.match-content{display:grid;grid-template-columns:2fr 1fr;gap:30px}.video-section .video-wrapper{background:#111;border-radius:8px;aspect-ratio:16/9;overflow:hidden}.video-section .no-video{background:#111;border-radius:8px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:#666}.events-section h2{color:#c8ff00;font-size:18px;margin-bottom:15px}.events-list{background:#111;border-radius:8px;max-height:500px;overflow-y:auto}.event-item{padding:12px 15px;border-bottom:1px solid #222;cursor:pointer;transition:background .2s}.event-item:hover{background:#1a1a1a}.event-item.selected{background:#1a2a1a;border-left:3px solid #c8ff00}.event-time{color:#c8ff00;font-family:monospace;margin-right:15px;font-size:14px}.event-name{color:#fff;font-size:14px}.event-labels{margin-top:5px}.event-labels .label{display:inline-block;background:#333;color:#aaa;font-size:11px;padding:2px 8px;border-radius:10px;margin-right:5px}@media(max-width:900px){.match-content{grid-template-columns:1fr}}.match-player-container{min-height:100vh;background:#0a0a0a;display:flex;flex-direction:column}.match-player-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#000;border-bottom:1px solid #1a1a1a}.match-player-header .back-btn{color:#c8ff00;text-decoration:none;font-size:14px;padding:8px 16px;border:1px solid #c8ff00;border-radius:6px;transition:all .2s}.match-player-header .back-btn:hover{background:#c8ff00;color:#000}.match-player-header .match-title{color:#fff;font-size:18px;font-weight:600}.match-player-header .events-toggle{background:#1a1a1a;border:1px solid #333;color:#c8ff00;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.match-player-header .events-toggle:hover{background:#222;border-color:#c8ff00}.match-player-content{flex:1;display:flex;overflow:hidden}.video-container{flex:1;display:flex;flex-direction:column;background:#000;position:relative}.video-container.with-sidebar{flex:1}.video-container.full-width{width:100%}.video-container mux-player{flex:1;width:100%;height:100%}.video-container .no-video{flex:1;display:flex;align-items:center;justify-content:center;color:#666;font-size:18px}.video-bottom-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#111;border-top:1px solid #222}.video-info{display:flex;align-items:center;gap:12px}.video-logo{height:32px;width:auto}.video-label{color:#fff;font-size:14px;font-weight:500}.video-actions{display:flex;align-items:center;gap:8px}.speed-control{position:relative}.speed-btn{background:#222;border:1px solid #333;color:#c8ff00;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px}.speed-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:8px;margin-bottom:8px;display:flex;flex-direction:column;gap:4px;min-width:80px}.speed-menu button{background:transparent;border:none;color:#fff;padding:8px 12px;cursor:pointer;border-radius:4px;text-align:center}.speed-menu button:hover{background:#222}.speed-menu button.active{background:#c8ff00;color:#000}.action-btn{background:#222;border:1px solid #333;color:#fff;width:36px;height:36px;border-radius:6px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn:hover{border-color:#c8ff00;color:#c8ff00}.events-sidebar{width:350px;background:#0a0a0a;border-left:1px solid #1a1a1a;display:flex;flex-direction:column;overflow:hidden}.events-header{padding:16px 20px;border-bottom:1px solid #1a1a1a}.events-header h2{color:#c8ff00;font-size:16px;margin:0}.events-sidebar .events-list{flex:1;overflow-y:auto;padding:8px}.events-sidebar .event-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#111;border-radius:8px;margin-bottom:8px;cursor:pointer;border-left:3px solid transparent;transition:all .2s}.events-sidebar .event-item:hover{background:#1a1a1a;border-left-color:#c8ff00}.events-sidebar .event-item.selected{background:#1a2a1a;border-left-color:#c8ff00}.events-sidebar .event-time{color:#c8ff00;font-family:monospace;font-size:13px;min-width:50px}.events-sidebar .event-details{flex:1}.events-sidebar .event-name{color:#fff;font-size:14px;display:block;margin-bottom:4px}.events-sidebar .event-labels{display:flex;flex-wrap:wrap;gap:4px}.events-sidebar .event-labels .label{background:#222;color:#888;font-size:11px;padding:2px 8px;border-radius:10px}.share-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.share-modal{background:#1a1a1a;border-radius:16px;padding:24px;width:400px;max-width:90vw}.share-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.share-header h3{color:#fff;font-size:20px;margin:0}.share-header .close-btn{background:transparent;border:none;color:#888;font-size:24px;cursor:pointer}.share-header .close-btn:hover{color:#fff}.share-options{display:flex;justify-content:space-around;margin-bottom:24px}.share-options button{background:#2a2a2a;border:none;border-radius:12px;padding:16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;font-size:12px;transition:all .2s;width:70px}.share-options button:hover{background:#333}.share-options .share-icon{font-size:24px;width:40px;height:44px;background:#3a3a3a;border-radius:50%;display:flex;align-items:center;justify-content:center}.share-link{display:flex;gap:8px}.share-link input{flex:1;background:#0a0a0a;border:1px solid #333;border-radius:8px;padding:12px;color:#888;font-size:13px}.share-link button{background:transparent;border:1px solid #c8ff00;color:#c8ff00;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.share-link button:hover{background:#c8ff00;color:#000}@media(max-width:900px){.events-sidebar{position:fixed;top:60px;right:0;bottom:0;width:300px;z-index:100;box-shadow:-4px 0 20px #00000080}.video-container.with-sidebar{width:100%}}.video-container{max-height:75vh}.video-container mux-player{max-height:calc(75vh - 60px)}.match-player-content{padding:20px;gap:20px;background:#000}.video-container.with-sidebar{border-radius:8px;overflow:hidden}.matches-table td.score{text-align:center;font-weight:600}.filter-select{padding:10px 14px;background:#111;border:1px solid #333;border-radius:6px;color:#fff;font-size:14px;cursor:pointer}.filter-select option{background:#111;color:#fff}.admin-badge{background:#c8ff00;color:#000;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:1px}.filter-badge{background:#c8ff0026;border:1px solid #c8ff00;color:#c8ff00;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600}.matches-table-wrapper{padding:24px 32px}.matches-table{width:100%;border-collapse:collapse;background:#0a0a0a;border-radius:12px;overflow:hidden}.matches-table th{text-align:left;padding:16px 20px;background:#111;color:#888;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #222}.matches-table td{padding:16px 20px;border-bottom:1px solid #1a1a1a;color:#fff;font-size:14px}.matches-table tr:hover td{background:#111}.matches-table th:nth-child(4),.matches-table td:nth-child(4){text-align:center}.score-cell{text-align:center;font-weight:600;color:#c8ff00}.competition-badge{background:#c8ff00;color:#000;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600}.team-cell{display:flex;align-items:center;gap:8px}.team-icon{font-size:16px}.btn-watch{padding:8px 16px;background:#c8ff00;border:none;border-radius:6px;color:#000;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.btn-watch:hover{background:#b8ef00}.btn-view{padding:8px 16px;background:#111;border:1px solid #c8ff00;border-radius:6px;color:#c8ff00;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-view:hover{background:#c8ff001a}.no-matches{text-align:center;padding:60px 20px;color:#666}.no-matches p{font-size:18px}.event-item.playing{border-left:3px solid #c8ff00;background:#c8ff001a}.event-player{font-size:12px;color:#888}.event-outcome{font-size:11px;padding:2px 6px;border-radius:4px;margin-left:8px}.event-outcome.success{background:#00c80033;color:#0f0}.event-outcome.fail{background:#c8000033;color:#f66}.event-duration{font-size:11px;color:#666}.auto-play-indicator{color:#c8ff00;font-size:12px}.action-btn.active{background:#c8ff00;color:#000}.match-date{font-size:12px;color:#666;margin-left:12px}.category-buttons{display:flex;gap:12px;padding:16px 24px;background:#0a0a0a;border-bottom:1px solid #222;overflow-x:auto}.category-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#1a1a1a;border:2px solid #333;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s;white-space:nowrap}.category-btn:hover{border-color:#c8ff00;background:#222}.category-btn.active{background:#c8ff00;color:#000;border-color:#c8ff00}.category-icon{font-size:18px}.category-label{font-weight:600}.category-count{background:#fff3;padding:2px 8px;border-radius:12px;font-size:12px}.category-btn.active .category-count{background:#0003}.event-player{font-size:12px;color:#888;display:block}.reel-controls{background:#111;padding:16px 24px;border-top:1px solid #333}.reel-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.reel-logo{height:24px}.reel-details{display:flex;flex-direction:column}.reel-title{color:#fff;font-weight:600;font-size:14px}.reel-meta{color:#888;font-size:12px}.reel-progress-container{display:flex;align-items:center;gap:12px}.reel-btn{background:#333;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}.reel-btn:hover:not(:disabled){background:#c8ff00;color:#000}.reel-btn:disabled{opacity:.3;cursor:not-allowed}.reel-btn.play-btn{width:44px;height:44px;background:#c8ff00;color:#000;font-size:18px}.reel-progress{flex:1;height:6px;background:#333;border-radius:3px;display:flex;gap:2px;cursor:pointer;overflow:hidden}.reel-segment{height:100%;background:#444;position:relative;transition:background .2s}.reel-segment.completed{background:#c8ff00}.reel-segment.active{background:#666}.segment-progress{position:absolute;left:0;top:0;height:100%;background:#c8ff00;transition:width .1s linear}.reel-time{color:#888;font-size:12px;min-width:50px;text-align:right}.filter-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999}.filter-popup{background:#1a1a1a;border-radius:8px;width:90%;max-width:1200px;max-height:85vh;display:flex;flex-direction:column;position:relative;border:1px solid #333}.filter-close-btn{position:absolute;top:12px;right:16px;background:none;border:none;color:#888;font-size:24px;cursor:pointer;z-index:10;padding:8px}.filter-close-btn:hover{color:#fff}.filter-columns-container{display:flex;padding:50px 20px 20px;overflow-x:auto;overflow-y:auto;max-height:calc(85vh - 80px);gap:10px}.filter-column{flex:1;min-width:180px;padding:0 10px}.filter-column h3{color:#c8ff00;font-size:13px;font-weight:700;margin:0 0 15px;letter-spacing:.5px}.filter-items{display:flex;flex-direction:column;gap:2px}.filter-item{display:flex;align-items:center;padding:6px 0;cursor:pointer;-webkit-user-select:none;user-select:none}.filter-item input{display:none}.checkbox-custom{width:16px;height:16px;border:2px solid #c8ff00;border-radius:2px;margin-right:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;transition:background .15s}.filter-item input:checked+.checkbox-custom{background:#c8ff00}.filter-item input:checked+.checkbox-custom:after{content:"✓";color:#000;font-size:11px;font-weight:700}.filter-label{color:#fff;font-size:13px}.filter-item:hover .filter-label{color:#c8ff00}.filter-actions{display:flex;justify-content:center;gap:15px;padding:20px;border-top:1px solid #333;background:#111;border-radius:0 0 8px 8px}.filter-btn{padding:12px 45px;font-size:13px;font-weight:700;border:none;border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.filter-btn.confirm{background:#c8ff00;color:#000}.filter-btn.confirm:hover{background:#b8ef00}.filter-btn.reset{background:#c8ff00;color:#000}.filter-btn.reset:hover{background:#b8ef00}.no-items{color:#666;font-size:13px;font-style:italic}@media(max-width:768px){.match-player-header{padding:10px 12px;gap:8px}.match-player-header .back-btn{font-size:12px;padding:6px 10px}.match-player-header .match-title{font-size:14px;text-align:center;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-player-header .action-btn{padding:6px 10px;font-size:14px}.category-buttons{padding:10px 12px;gap:8px;-webkit-overflow-scrolling:touch}.category-btn{padding:10px 14px;gap:6px;font-size:13px}.category-icon{font-size:16px}.category-label{font-size:12px}.category-count{font-size:10px;padding:2px 6px}.filter-popup{width:95%;max-width:100%;max-height:90vh;margin:10px}.filter-columns-container{flex-direction:column;padding:50px 16px 16px;gap:20px}.filter-column{min-width:100%;padding:0 0 16px;border-bottom:1px solid #333}.filter-column:last-child{border-bottom:none}.filter-column h3{font-size:14px;margin-bottom:12px}.filter-items{display:grid;grid-template-columns:1fr 1fr;gap:4px}.filter-item{padding:8px 4px}.filter-label{font-size:12px}.checkbox-custom{width:18px;height:18px}.filter-actions{padding:16px;gap:10px}.filter-btn{padding:12px 30px;font-size:12px}.reel-controls{padding:12px;flex-direction:column;gap:12px}.reel-info{width:100%;justify-content:flex-start}.reel-logo{height:24px}.reel-title{font-size:13px}.reel-meta{font-size:11px}.reel-progress-container{width:100%;gap:8px}.reel-btn{width:36px;height:36px;font-size:14px}.reel-time{font-size:11px}.video-bottom-bar{padding:10px 12px}.video-logo{height:20px}.video-label{font-size:12px}}@media(max-width:380px){.category-btn{padding:8px 10px}.category-label{display:none}.category-icon{font-size:18px}.filter-items{grid-template-columns:1fr}.match-player-header .match-title{font-size:12px}}.players-filter-bar{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#1a1a1a;border-bottom:1px solid #333;flex-wrap:wrap}.filter-dropdown{position:relative}.filter-select{background:#252525;border:1px solid #444;border-radius:8px;color:#fff;padding:10px 35px 10px 15px;font-size:14px;cursor:pointer;appearance:none;min-width:150px}.filter-select:focus{outline:none;border-color:#c8ff00}.filter-dropdown:after{content:"▼";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#888;font-size:10px;pointer-events:none}.filter-search{flex:1;max-width:300px}.search-input{width:100%;background:#252525;border:1px solid #444;border-radius:8px;color:#fff;padding:10px 15px;font-size:14px}.search-input:focus{outline:none;border-color:#c8ff00}.search-input::placeholder{color:#888}.filters-btn{display:flex;align-items:center;gap:8px;background:#252525;border:1px solid #444;border-radius:8px;color:#fff;padding:10px 20px;font-size:14px;cursor:pointer;transition:all .2s}.filters-btn:hover{border-color:#c8ff00}.filter-icon{font-size:12px}.filter-count{background:#c8ff00;color:#000;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:30px 20px;max-width:1400px;margin:0 auto}.no-players-message{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#888;font-size:16px}.player-card{background:#1a1a1a;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer}.player-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #c8ff001a}.player-photo{position:relative;width:100%;aspect-ratio:1;background:#252525;display:flex;align-items:center;justify-content:center}.player-photo img{width:100%;height:100%;object-fit:cover}.player-jersey-placeholder{font-size:64px;font-weight:700;color:#444}.player-jersey-badge{position:absolute;bottom:10px;right:10px;background:#c8ff00;color:#000;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.player-info{padding:15px}.player-name{font-size:16px;font-weight:600;color:#fff;margin:0 0 5px}.player-position{font-size:13px;color:#888;margin:0 0 10px}.player-org{display:flex;align-items:center;gap:8px;font-size:12px;color:#666}.org-icon{width:20px;height:20px;border-radius:50%}.players-filter-popup{max-width:500px;width:90%}.filter-title{color:#fff;font-size:20px;margin:0 0 25px;padding:0 0 15px;border-bottom:1px solid #333}.filter-sections{display:flex;flex-direction:column;gap:20px;max-height:60vh;overflow-y:auto;padding-right:10px}.filter-section h3{color:#c8ff00;font-size:14px;font-weight:600;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.filter-items.scrollable{max-height:150px;overflow-y:auto}.filter-search-input{width:100%;background:#252525;border:1px solid #444;border-radius:6px;color:#fff;padding:10px 15px;font-size:14px}.filter-search-input:focus{outline:none;border-color:#c8ff00}.filter-search-input::placeholder{color:#666}.header-nav{display:flex;gap:30px}.nav-link{color:#888;text-decoration:none;font-size:14px;font-weight:500;padding:5px 0;border-bottom:2px solid transparent;transition:all .2s}.nav-link:hover{color:#fff}.nav-link.active{color:#fff;border-bottom-color:#c8ff00}.header-left{display:flex;align-items:center}.header-logo{height:44px;width:auto}.header-right{display:flex;align-items:center;gap:15px}.user-name{color:#888;font-size:14px}.logout-btn{background:transparent;border:1px solid #444;color:#fff;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.player-detail-bar{display:flex;align-items:center;gap:20px;padding:15px 20px;background:#1a1a1a;border-bottom:1px solid #333}.back-btn{background:transparent;border:1px solid #444;color:#888;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.back-btn:hover{border-color:#c8ff00;color:#c8ff00}.player-detail-name{color:#c8ff00;font-size:24px;margin:0;flex:1}.clip-count{color:#888;font-size:14px;background:#252525;padding:6px 12px;border-radius:20px}.no-clips-message{text-align:center;padding:100px 20px;color:#888;font-size:18px}.player-detail-content{display:grid;grid-template-columns:1fr 350px;gap:20px;padding:20px;max-width:1600px;margin:0 auto}.player-video-section{background:#1a1a1a;border-radius:12px;overflow:hidden}.player-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:15px;background:#252525}.control-btn{background:#333;border:none;color:#fff;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.control-btn:hover:not(:disabled){background:#c8ff00;color:#000}.control-btn:disabled{opacity:.5;cursor:not-allowed}.clip-indicator{color:#888;font-size:14px}.autoplay-toggle{display:flex;align-items:center;gap:8px;color:#888;font-size:13px;cursor:pointer}.autoplay-toggle input{accent-color:#c8ff00}.current-clip-info{padding:15px 20px;border-top:1px solid #333}.current-clip-info h3{color:#fff;font-size:16px;margin:0 0 5px}.current-clip-info p{color:#888;font-size:13px;margin:0}.clips-list-section{background:#1a1a1a;border-radius:12px;overflow:hidden;max-height:calc(100vh - 200px);display:flex;flex-direction:column}.clips-list-section h2{color:#fff;font-size:16px;margin:0;padding:15px 20px;border-bottom:1px solid #333}.clips-list{overflow-y:auto;flex:1}.clip-item{display:flex;align-items:center;gap:15px;padding:12px 20px;cursor:pointer;transition:background .2s;border-bottom:1px solid #252525}.clip-item:hover{background:#252525}.clip-item.active{background:#252525;border-left:3px solid #c8ff00}.clip-number{width:30px;height:30px;background:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#888;font-size:12px;font-weight:700;flex-shrink:0}.clip-item.active .clip-number{background:#c8ff00;color:#000}.clip-details{flex:1;min-width:0}.clip-match{color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-time{color:#888;font-size:12px;margin-top:3px;display:flex;justify-content:space-between}.clip-date{color:#666}@media(max-width:1024px){.player-detail-content{grid-template-columns:1fr}.clips-list-section{max-height:300px}}@media(max-width:768px){.players-view-toggle{padding:12px;gap:6px;flex-wrap:wrap;justify-content:center}.players-view-toggle button{padding:10px 16px;font-size:13px;flex:1;min-width:100px}.players-filter-bar{padding:12px;gap:10px}.team-filter-select,.search-input{flex:1;min-width:140px}.players-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px}.player-card{border-radius:10px}.player-photo{aspect-ratio:1}.player-jersey-placeholder{font-size:48px}.player-info{padding:10px}.player-name{font-size:14px}.player-position,.player-team{font-size:11px}.player-badges{gap:4px}.badge,.player-teams .team-badge{font-size:9px;padding:2px 6px}.player-detail-bar{padding:12px;gap:12px;flex-wrap:wrap}.player-detail-name{font-size:18px;width:100%;order:1}.back-btn{font-size:12px;padding:6px 12px}.clip-count{font-size:12px;padding:4px 10px}.player-detail-content{padding:12px;gap:12px}.player-controls{padding:12px;gap:12px;flex-wrap:wrap}.control-btn{width:40px;height:40px;font-size:16px}.clips-list-section{max-height:250px}.clip-item{padding:10px;gap:10px}.clip-type-badge{font-size:10px;padding:2px 6px}.clip-match{font-size:12px}.clip-time{font-size:11px}}@media(max-width:380px){.players-grid{grid-template-columns:1fr 1fr;gap:8px;padding:8px}.player-jersey-placeholder{font-size:36px}.player-info{padding:8px}.player-name{font-size:12px}.player-detail-name{font-size:16px}}.view-toggle{display:flex;gap:5px;background:#1a1a1a;padding:4px;border-radius:8px}.view-toggle button{background:transparent;border:none;color:#888;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.view-toggle button:hover{color:#fff}.view-toggle button.active{background:#c8ff00;color:#000;font-weight:600}.player-card.clickable{cursor:pointer;transition:all .2s}.player-card.clickable:hover{border-color:#c8ff00;transform:translateY(-2px)}.player-arrow{color:#444;font-size:18px;transition:all .2s}.player-card.clickable:hover .player-arrow{color:#c8ff00;transform:translate(3px)}.player-initials{width:60px;height:60px;background:linear-gradient(135deg,#333,#1a1a1a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#c8ff00;font-size:20px;font-weight:700}.no-players{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#888;font-size:16px}.team-filter-select{background:#1a1a1a;border:1px solid #333;color:#fff;padding:10px 15px;border-radius:8px;font-size:14px;min-width:200px;cursor:pointer}.team-filter-select:focus{outline:none;border-color:#c8ff00}.player-teams{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.team-badge{background:#252525;color:#888;padding:3px 8px;border-radius:4px;font-size:11px}.date-filter-wrapper{position:relative;display:flex;align-items:center;gap:5px}.date-filter-btn{display:flex;align-items:center;gap:8px;background:#1a1a1a;border:1px solid #333;color:#888;padding:10px 15px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.date-filter-btn:hover{border-color:#555;color:#fff}.date-filter-btn.has-date{border-color:#c8ff00;color:#fff}.calendar-icon{font-size:16px}.date-range-text{white-space:nowrap}.clear-date-btn{background:transparent;border:none;color:#888;font-size:14px;cursor:pointer;padding:5px 8px;border-radius:4px}.clear-date-btn:hover{color:#f44336;background:#f443361a}.calendar-popup{position:absolute;top:100%;left:0;margin-top:8px;background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:15px;z-index:1000;box-shadow:0 10px 40px #00000080;min-width:280px}.calendar-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.month-select,.year-select{background:#252525;border:1px solid #333;color:#fff;padding:6px 10px;border-radius:6px;font-size:14px;cursor:pointer}.month-select:focus,.year-select:focus{outline:none;border-color:#c8ff00}.calendar-nav{display:flex;gap:5px}.calendar-nav button{background:#252525;border:1px solid #333;color:#fff;width:30px;height:30px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.calendar-nav button:hover{background:#333;border-color:#c8ff00}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:5px}.calendar-weekdays div{text-align:center;color:#666;font-size:11px;font-weight:600;padding:5px;text-transform:uppercase}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{text-align:center;padding:8px;color:#fff;font-size:13px;border-radius:6px;cursor:pointer;transition:all .15s}.calendar-day:hover:not(.empty){background:#333}.calendar-day.empty{cursor:default}.calendar-day.in-range{background:#c8ff0026;border-radius:0}.calendar-day.start-date{background:#c8ff00;color:#000;font-weight:600;border-radius:6px 0 0 6px}.calendar-day.end-date{background:#c8ff00;color:#000;font-weight:600;border-radius:0 6px 6px 0}.calendar-day.start-date.end-date{border-radius:6px}.calendar-footer{margin-top:10px;padding-top:10px;border-top:1px solid #333}.calendar-hint{color:#888;font-size:12px}.btn-submit-match{background:#c8ff00;color:#000;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-submit-match:hover{background:#b8ef00;transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.submit-modal{background:#1a1a1a;border:1px solid #333;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #333}.modal-header h2{color:#fff;font-size:20px;margin:0}.modal-close{background:transparent;border:none;color:#888;font-size:28px;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:#fff}.submit-modal form{padding:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.submit-modal .form-group{margin-bottom:20px}.submit-modal .form-group label{display:block;color:#888;font-size:13px;margin-bottom:8px}.submit-modal .form-group input,.submit-modal .form-group select,.submit-modal .form-group textarea{width:100%;background:#252525;border:1px solid #333;color:#fff;padding:12px 15px;border-radius:8px;font-size:14px;box-sizing:border-box}.submit-modal .form-group input:focus,.submit-modal .form-group select:focus,.submit-modal .form-group textarea:focus{outline:none;border-color:#c8ff00}.submit-modal .form-group textarea{resize:vertical;min-height:80px}.video-source-options{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.source-option{display:flex;align-items:center;gap:8px;background:#252525;border:1px solid #333;padding:10px 15px;border-radius:8px;cursor:pointer;transition:all .2s;color:#888;font-size:13px}.source-option:hover{border-color:#555}.source-option.active{border-color:#c8ff00;color:#fff}.source-option input{display:none}.email-exchange{background:#252525;border-radius:8px;padding:15px}.email-exchange p{color:#888;font-size:13px;margin:0 0 10px}.email-copy{display:flex;align-items:center;gap:10px}.email-address{background:#1a1a1a;color:#c8ff00;padding:10px 15px;border-radius:6px;font-size:16px;font-weight:500;flex:1}.btn-copy{background:#333;border:none;color:#fff;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.btn-copy:hover{background:#c8ff00;color:#000}.hint{color:#666;font-size:12px;margin-top:10px}.upload-section input[type=file]{background:#252525;border:1px solid #333;border-radius:8px;padding:15px;width:100%;color:#fff;cursor:pointer}.url-section input{width:100%}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:10px;border-top:1px solid #333;margin-top:10px}.modal-actions .btn-cancel{background:transparent;border:1px solid #444;color:#888;padding:12px 25px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.modal-actions .btn-cancel:hover{border-color:#666;color:#fff}.modal-actions .btn-submit{background:#c8ff00;border:none;color:#000;padding:12px 25px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.modal-actions .btn-submit:hover:not(:disabled){background:#b8ef00}.modal-actions .btn-submit:disabled{opacity:.6;cursor:not-allowed}.status-badge{display:inline-block;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.analyzed{background:#4caf5033;color:#4caf50}.status-badge.processing{background:#ffc10733;color:#ffc107}.status-badge.submitted{background:#ffffff1a;color:#888}@media(max-width:768px){.submit-modal{max-width:100%;margin:10px;max-height:95vh}.form-row{grid-template-columns:1fr}.video-source-options{flex-direction:column}.source-option{justify-content:center}.email-copy{flex-direction:column}.email-address{text-align:center}}.team-setup{min-height:100vh;background:#0a0a0a;padding:40px 20px}.team-setup.modal-mode{position:fixed;inset:0;z-index:1000;overflow-y:auto}.setup-container{max-width:700px;margin:0 auto;background:#1a1a1a;border-radius:16px;border:1px solid #333;padding:30px}.setup-header{text-align:center;margin-bottom:30px}.setup-header h1{color:#c8ff00;font-size:28px;margin:0 0 5px}.setup-header p{color:#888;margin:0}.setup-progress{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.progress-step{padding:10px 20px;background:#252525;border-radius:20px;color:#666;font-size:13px}.progress-step.active{background:#c8ff00;color:#000;font-weight:600}.setup-step h2{color:#fff;font-size:22px;margin:0 0 8px}.step-desc{color:#888;margin:0 0 25px}.setup-step .form-group{margin-bottom:20px}.setup-step .form-group label{display:block;color:#888;font-size:13px;margin-bottom:8px}.setup-step .form-group input,.setup-step .form-group select{width:100%;background:#252525;border:1px solid #333;color:#fff;padding:12px 15px;border-radius:8px;font-size:14px;box-sizing:border-box}.setup-step .form-group input:focus,.setup-step .form-group select:focus{outline:none;border-color:#c8ff00}.upload-area{background:#252525;border:2px dashed #444;border-radius:8px;padding:20px;text-align:center}.upload-area input[type=file]{width:auto}.preview-image{display:flex;flex-direction:column;align-items:center;gap:10px}.preview-image img{max-width:150px;max-height:150px;border-radius:8px}.preview-image button{background:#f44336;color:#fff;border:none;padding:5px 15px;border-radius:5px;cursor:pointer;font-size:12px}.kit-section{background:#202020;border-radius:10px;padding:20px;margin-bottom:20px}.kit-section h3{color:#fff;font-size:16px;margin:0 0 15px}.kit-toggle{display:flex;gap:20px;margin-bottom:15px}.kit-toggle label{color:#888;cursor:pointer;display:flex;align-items:center;gap:5px}.kit-toggle input[type=radio]{width:auto}.color-picker{width:60px!important;height:50px;padding:5px!important;cursor:pointer}.step-actions{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid #333}.btn-primary{background:#c8ff00;color:#000;border:none;padding:12px 25px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:#b8ef00}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:#888;border:1px solid #444;padding:12px 25px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:#666;color:#fff}.add-team-form,.add-player-form{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.add-team-form input,.add-team-form select,.add-player-form input,.add-player-form select{background:#252525;border:1px solid #333;color:#fff;padding:10px 15px;border-radius:8px;font-size:14px}.jersey-input{width:70px!important;flex:none!important}.btn-add{background:#c8ff00;color:#000;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer}.teams-list,.roster-list{background:#202020;border-radius:10px;overflow:hidden}.team-item,.player-item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #333;gap:15px}.team-info{color:#888;font-size:13px}.player-number{background:#333;color:#c8ff00;padding:5px 10px;border-radius:5px;font-weight:600;font-size:13px}.player-name{flex:1;color:#fff}.player-position{color:#888;font-size:13px;width:40px}.btn-delete-small{background:transparent;color:#f44336;border:1px solid #f44336;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:16px}.btn-qr{background:#333;color:#c8ff00;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:12px}.no-items{color:#666;text-align:center;padding:30px}.team-selector{margin-bottom:20px}.team-selector label{color:#888;margin-right:10px}.team-selector select{background:#252525;border:1px solid #333;color:#fff;padding:10px 15px;border-radius:8px}.roster-actions{margin-bottom:15px}.csv-import{background:#202020;border-radius:10px;padding:20px;margin-bottom:20px}.csv-import p{color:#888;margin:0 0 10px}.csv-import textarea{width:100%;background:#252525;border:1px solid #333;color:#fff;padding:15px;border-radius:8px;font-family:monospace;font-size:13px;margin-bottom:10px;box-sizing:border-box}.qr-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000}.qr-content{background:#1a1a1a;border-radius:16px;padding:30px;text-align:center;max-width:350px}.qr-content h3{color:#fff;margin:0 0 20px}.qr-content img{max-width:200px;border-radius:10px;margin-bottom:15px}.qr-url{color:#888;font-size:12px;word-break:break-all;margin-bottom:20px}.qr-content .btn-secondary{margin-right:10px}@media(max-width:768px){.setup-container{padding:20px}.setup-progress{flex-direction:column;align-items:center}.add-team-form,.add-player-form{flex-direction:column}.add-team-form input,.add-player-form input{min-width:100%}.step-actions{flex-direction:column;gap:10px}.step-actions button{width:100%}}.team-setup-btn{background:#333;color:#c8ff00;border:1px solid #c8ff00;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;margin-right:10px;transition:all .2s}.team-setup-btn:hover{background:#c8ff00;color:#000}.client-user-info .name{margin-right:10px}.client-user-info .org{margin-left:0}.kit-section-veo{background:#202020;border-radius:12px;padding:25px;margin-bottom:20px}.kit-section-veo h3{color:#fff;font-size:18px;margin:0 0 20px}.kit-boxes{display:flex;gap:20px;margin-bottom:25px}.kit-box{flex:1;background:#2a2a2a;border:2px solid #333;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .2s}.kit-box.active{border-color:#c8ff00}.kit-box:hover{border-color:#555}.kit-label{display:block;color:#888;font-size:13px;margin-bottom:15px}.kit-jersey{width:80px;height:70px;margin:0 auto 15px;border-radius:8px;display:flex;align-items:center;justify-content:center}.jersey-icon{width:50px;height:40px;color:#fffc}.kit-color-name{display:block;color:#fff;font-size:12px;font-weight:500}.color-circles{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}.color-circle{width:32px;height:32px;border-radius:50%;cursor:pointer;transition:transform .2s;padding:0;border:none}.color-circle:hover{transform:scale(1.1)}.color-circle.selected{box-shadow:0 0 0 3px #c8ff00}.custom-color{position:relative;background:linear-gradient(135deg,red,#0f0,#00f,#ff0);display:flex;align-items:center;justify-content:center}.custom-icon{color:#fff;font-size:18px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.color-hint{text-align:center;color:#666;font-size:11px;letter-spacing:1px;margin:0}.team-setup{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a);padding:40px 20px;display:flex;align-items:center;justify-content:center}.team-setup.modal-mode{position:fixed;inset:0;z-index:1000;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9}.setup-container{max-width:720px;width:100%;margin:0 auto;background:linear-gradient(145deg,#1e1e23f2,#141419fa);border-radius:24px;border:1px solid rgba(200,255,0,.1);padding:40px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff0d}.setup-header{text-align:center;margin-bottom:35px}.setup-header h1{color:#c8ff00;font-size:32px;font-weight:700;margin:0 0 8px;letter-spacing:-.5px;text-shadow:0 0 30px rgba(200,255,0,.3)}.setup-header p{color:#ffffff80;margin:0;font-size:14px;letter-spacing:2px;text-transform:uppercase}.setup-progress{display:flex;justify-content:center;gap:12px;margin-bottom:40px}.progress-step{padding:12px 24px;background:#ffffff08;border-radius:50px;color:#fff6;font-size:13px;font-weight:500;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.progress-step.active{background:linear-gradient(135deg,#c8ff00,#a8df00);color:#000;font-weight:600;box-shadow:0 8px 20px #c8ff0040;border-color:transparent}.setup-step h2{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px;letter-spacing:-.3px}.step-desc{color:#ffffff80;margin:0 0 30px;font-size:15px}.setup-step .form-group{margin-bottom:24px}.setup-step .form-group label{display:block;color:#ffffffb3;font-size:13px;font-weight:500;margin-bottom:10px;letter-spacing:.3px}.setup-step .form-group input,.setup-step .form-group select{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#fff;padding:14px 18px;border-radius:12px;font-size:15px;box-sizing:border-box;transition:all .2s ease}.setup-step .form-group input:focus,.setup-step .form-group select:focus{outline:none;border-color:#c8ff0080;background:#c8ff0008;box-shadow:0 0 0 4px #c8ff001a}.upload-area{background:#ffffff05;border:2px dashed rgba(255,255,255,.15);border-radius:16px;padding:30px;text-align:center;transition:all .2s ease}.upload-area:hover{border-color:#c8ff004d;background:#c8ff0005}.upload-area input[type=file]{width:auto;background:transparent;border:none;color:#fff9}.preview-image{display:flex;flex-direction:column;align-items:center;gap:12px}.preview-image img{max-width:120px;max-height:120px;border-radius:12px;box-shadow:0 8px 20px #0000004d}.preview-image button{background:#f4433633;color:#ff6b6b;border:1px solid rgba(244,67,54,.3);padding:8px 18px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.preview-image button:hover{background:#f443364d}.kit-section-veo{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:28px;margin-bottom:24px}.kit-section-veo h3{color:#ffffffe6;font-size:16px;font-weight:600;margin:0 0 24px}.kit-boxes{display:flex;gap:16px;margin-bottom:28px}.kit-box{flex:1;background:#ffffff05;border:2px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;text-align:center;cursor:pointer;transition:all .3s ease}.kit-box.active{border-color:#c8ff00;background:#c8ff000d;box-shadow:0 0 30px #c8ff001a}.kit-box:hover:not(.active){border-color:#fff3;background:#ffffff08}.kit-label{display:block;color:#ffffff80;font-size:12px;font-weight:500;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.kit-jersey{width:90px;height:80px;margin:0 auto 16px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0003;transition:transform .3s ease}.kit-box.active .kit-jersey{transform:scale(1.05)}.jersey-icon{width:50px;height:40px;color:#0006}.kit-color-name{display:block;color:#ffffffb3;font-size:11px;font-weight:600;font-family:SF Mono,Monaco,monospace;letter-spacing:.5px}.color-circles{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.color-circle{width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .2s ease;padding:0;border:2px solid transparent;box-shadow:0 4px 10px #0003}.color-circle:hover{transform:scale(1.15);box-shadow:0 6px 15px #0000004d}.color-circle.selected{border-color:#c8ff00;box-shadow:0 0 0 3px #c8ff004d,0 4px 15px #0000004d;transform:scale(1.1)}.custom-color{position:relative;background:conic-gradient(from 0deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);display:flex;align-items:center;justify-content:center}.custom-color input[type=color]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.custom-icon{color:#fff;font-size:20px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.color-hint{text-align:center;color:#ffffff4d;font-size:10px;letter-spacing:2px;text-transform:uppercase;margin:0}.step-actions{display:flex;justify-content:space-between;margin-top:35px;padding-top:25px;border-top:1px solid rgba(255,255,255,.05)}.btn-primary{background:linear-gradient(135deg,#c8ff00,#a8df00);color:#000;border:none;padding:14px 32px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #c8ff0040}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #c8ff0059}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);padding:14px 32px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#ffffff14;border-color:#fff3;color:#fff}.add-team-form,.add-player-form{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.add-team-form input,.add-team-form select,.add-player-form input,.add-player-form select{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px 16px;border-radius:10px;font-size:14px;transition:all .2s ease}.add-team-form input:focus,.add-player-form input:focus{border-color:#c8ff0080;background:#c8ff0008;outline:none}.add-team-form input{flex:1;min-width:150px}.add-player-form input{flex:1}.jersey-input{width:70px!important;flex:none!important;text-align:center}.btn-add{background:linear-gradient(135deg,#c8ff00,#a8df00);color:#000;border:none;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add:hover{transform:translateY(-1px);box-shadow:0 6px 15px #c8ff004d}.teams-list,.roster-list{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden}.team-item,.player-item{display:flex;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.05);gap:16px;transition:background .2s ease}.team-item:hover,.player-item:hover{background:#ffffff05}.team-item:last-child,.player-item:last-child{border-bottom:none}.team-name{flex:1;color:#fff;font-weight:500}.team-info{color:#fff6;font-size:13px}.player-number{background:#c8ff0026;color:#c8ff00;padding:6px 12px;border-radius:8px;font-weight:600;font-size:13px;min-width:45px;text-align:center}.player-name{flex:1;color:#fff;font-weight:500}.player-position{color:#fff6;font-size:13px;width:45px;text-align:center}.btn-delete-small{background:#f443361a;color:#ff6b6b;border:1px solid rgba(244,67,54,.2);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:16px;transition:all .2s ease}.btn-delete-small:hover{background:#f4433633;border-color:#f4433666}.btn-qr{background:#c8ff001a;color:#c8ff00;border:1px solid rgba(200,255,0,.2);padding:6px 12px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.btn-qr:hover{background:#c8ff0033}.no-items{color:#ffffff4d;text-align:center;padding:40px;font-size:14px}.team-selector{margin-bottom:24px}.team-selector label{color:#fff9;margin-right:12px;font-size:13px}.team-selector select{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px 16px;border-radius:10px;min-width:200px}.roster-actions{margin-bottom:20px}.csv-import{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;margin-bottom:24px}.csv-import p{color:#fff9;margin:0 0 12px;font-size:13px}.csv-import textarea{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:16px;border-radius:12px;font-family:SF Mono,Monaco,monospace;font-size:13px;margin-bottom:12px;box-sizing:border-box;resize:vertical}.qr-modal{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000}.qr-content{background:linear-gradient(145deg,#1e1e23fa,#141419fc);border-radius:24px;border:1px solid rgba(255,255,255,.1);padding:40px;text-align:center;max-width:380px;box-shadow:0 25px 50px #00000080}.qr-content h3{color:#fff;margin:0 0 24px;font-size:20px;font-weight:600}.qr-content img{max-width:200px;border-radius:16px;margin-bottom:20px;box-shadow:0 8px 20px #0000004d}.qr-url{color:#ffffff80;font-size:11px;word-break:break-all;margin-bottom:24px;padding:12px;background:#0000004d;border-radius:8px;font-family:SF Mono,Monaco,monospace}.qr-content .btn-secondary{margin-right:12px}@media(max-width:768px){.setup-container{padding:24px;border-radius:20px}.setup-progress{flex-direction:column;align-items:center}.progress-step{width:100%;text-align:center}.kit-boxes,.add-team-form,.add-player-form{flex-direction:column}.add-team-form input,.add-player-form input{min-width:100%}.step-actions{flex-direction:column;gap:12px}.step-actions button{width:100%}}.setup-close-btn{position:absolute;top:20px;right:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.setup-close-btn:hover{background:#ffffff26;color:#fff;border-color:#ffffff4d}.setup-container{position:relative}.team-setup.modal-mode{padding:20px;overflow-y:auto;align-items:flex-start}.team-setup.modal-mode .setup-container{margin:20px auto;max-height:none}.setup-close-btn{position:fixed!important;top:30px!important;right:30px!important;z-index:1001;background:#000c!important;border:2px solid #c8ff00!important;color:#c8ff00!important}.setup-close-btn:hover{background:#c8ff00!important;color:#000!important}.setup-close-btn{width:44px!important;height:44px!important;border-radius:50%!important;font-size:28px!important;font-weight:300!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;box-shadow:0 4px 15px #00000080!important}.player-filter-item{margin-bottom:8px}.player-actions{display:flex;flex-wrap:wrap;gap:4px;margin-left:24px;margin-top:4px}.player-action-tag{font-size:10px;background:#c8ff0026;color:#a0cc00;padding:2px 6px;border-radius:3px;border:1px solid rgba(200,255,0,.3)}.selection-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 32px;background:linear-gradient(135deg,#c8ff0026,#c8ff000d);border-bottom:1px solid rgba(200,255,0,.3)}.selection-count{color:#c8ff00;font-weight:600;font-size:14px}.selection-actions{display:flex;gap:10px}.btn-watch-selected,.btn-view-selected{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-watch-selected{background:#c8ff00;color:#000;border:none}.btn-watch-selected:hover{background:#b8ef00}.btn-view-selected{background:transparent;color:#c8ff00;border:1px solid #c8ff00}.btn-view-selected:hover{background:#c8ff001a}.btn-clear-selection{background:transparent;color:#888;border:1px solid #444;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.btn-clear-selection:hover{border-color:#666;color:#fff}.matches-table th.checkbox-col,.matches-table td.checkbox-col{width:50px;text-align:center;padding-left:16px;padding-right:8px}.matches-table th.checkbox-col input[type=checkbox],.matches-table td.checkbox-col input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#c8ff00}.matches-table tr.selected td{background:#c8ff0014}.matches-table tr.selected:hover td{background:#c8ff001f}.player-stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 32px;margin-bottom:24px}.player-stat-card{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;padding:20px;text-align:center}.player-stat-card .stat-value{font-size:32px;font-weight:700;color:#c8ff00;margin-bottom:4px}.player-stat-card .stat-label{font-size:13px;color:#888;text-transform:uppercase;letter-spacing:.5px}.player-view-tabs{display:flex;gap:8px;padding:0 32px;margin-bottom:20px}.view-tab{padding:10px 24px;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:8px;color:#888;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.view-tab:hover{border-color:#c8ff00;color:#fff}.view-tab.active{background:#c8ff00;border-color:#c8ff00;color:#000}.player-skill-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:0 32px;margin-bottom:20px}.skill-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:20px;color:#888;font-size:13px;cursor:pointer;transition:all .2s}.skill-tab:hover{border-color:#c8ff00;color:#fff}.skill-tab.active{background:#c8ff0026;border-color:#c8ff00;color:#c8ff00}.skill-tab .skill-count{background:#1a1a1a;padding:2px 8px;border-radius:10px;font-size:11px;color:#666}.skill-tab.active .skill-count{background:#c8ff00;color:#000}.clip-action-badge{display:inline-block;padding:4px 12px;background:#c8ff0026;border:1px solid #c8ff00;border-radius:4px;color:#c8ff00;font-size:12px;font-weight:500;margin-right:8px}.clip-outcome-badge{display:inline-block;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500}.clip-outcome-badge.successful,.clip-outcome-badge.success{background:#00c85326;border:1px solid #00c853;color:#00c853}.clip-outcome-badge.unsuccessful,.clip-outcome-badge.missed,.clip-outcome-badge.failed,.clip-outcome-badge.fail{background:#ff525226;border:1px solid #ff5252;color:#ff5252}.clip-meta{display:flex;gap:6px;margin-top:6px}.clip-action-tag{padding:2px 8px;background:#c8ff001a;border-radius:4px;color:#c8ff00;font-size:11px}.clip-outcome-tag{padding:2px 8px;border-radius:4px;font-size:11px}.clip-outcome-tag.successful,.clip-outcome-tag.success{background:#00c8531a;color:#00c853}.clip-outcome-tag.unsuccessful,.clip-outcome-tag.missed,.clip-outcome-tag.failed,.clip-outcome-tag.fail{background:#ff52521a;color:#ff5252}.player-stats-view{padding:0 32px 32px}.stats-chart-section{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;padding:24px;margin-bottom:24px}.stats-chart-section h2{color:#c8ff00;font-size:18px;margin:0 0 20px}.stats-chart-container{width:100%}.stats-table-section{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;padding:24px;margin-bottom:24px}.stats-table-section h2{color:#c8ff00;font-size:18px;margin:0 0 20px}.player-stats-table{width:100%;border-collapse:collapse}.player-stats-table th{text-align:left;padding:12px 16px;background:#111;color:#c8ff00;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #2a2a2a}.player-stats-table td{padding:12px 16px;border-bottom:1px solid #1a1a1a;color:#fff;font-size:14px}.player-stats-table tr:hover td{background:#ffffff05}.player-stats-table td.success{color:#00c853}.player-stats-table td.unsuccessful{color:#ff5252}.rate-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.rate-badge.high{background:#00c85326;color:#00c853}.rate-badge.medium{background:#ffc10726;color:#ffc107}.rate-badge.low{background:#ff525226;color:#ff5252}.stats-category-section{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;padding:24px}.stats-category-section h2{color:#c8ff00;font-size:18px;margin:0 0 20px}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.category-card{background:#111;border:1px solid #2a2a2a;border-radius:8px;padding:16px;text-align:center}.category-card .category-count{font-size:28px;font-weight:700;color:#c8ff00;margin-bottom:4px}.category-card .category-name{font-size:12px;color:#888;text-transform:capitalize}@media(max-width:768px){.player-stats-cards{grid-template-columns:repeat(2,1fr);padding:0 16px}.player-view-tabs,.player-skill-tabs{padding:0 16px}.player-stats-view{padding:0 16px 16px}.player-stat-card .stat-value{font-size:24px}}.invite-welcome-banner{background:linear-gradient(135deg,#c8ff0026,#c8ff000d);border:1px solid #c8ff00;border-radius:12px;padding:20px;margin-bottom:20px;text-align:center}.invite-welcome-banner .invite-icon{font-size:32px;margin-bottom:8px}.invite-welcome-banner h3{color:#c8ff00;margin:0 0 12px;font-size:18px}.invite-welcome-banner p{margin:4px 0;color:#fff}.invite-welcome-banner .invite-team{font-size:16px;font-weight:600;color:#c8ff00}.invite-welcome-banner .invite-org{font-size:13px;color:#888}.invite-error-banner{background:#ff64641a;border:1px solid #ff6464;border-radius:8px;padding:16px;margin-bottom:20px;text-align:center;color:#ff6464}.invite-error-banner p{margin:4px 0}.invite-loading{text-align:center;padding:20px;color:#888}.field-locked,.client-login-box select.field-locked{background:#ffffff0d!important;color:#888!important;cursor:not-allowed}.player-photo-wrapper{position:relative;flex-shrink:0}.player-photo{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #333}.player-photo-placeholder{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#333,#222);border:2px solid #444;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#888}.player-photo-upload{position:absolute;bottom:-4px;right:-4px;width:22px;height:22px;background:#c8ff00;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,background .2s}.player-photo-upload:hover{transform:scale(1.1);background:#d4ff33}.photo-upload-icon{font-size:12px;line-height:1}.roster-list .player-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:8px;margin-bottom:8px}.roster-list .player-number{font-weight:700;color:#c8ff00;min-width:40px}.roster-list .player-name{flex:1;font-weight:500}.roster-list .player-position{color:#888;min-width:40px;text-align:center}.roster-list .player-actions{display:flex;gap:8px}.roster-list .player-item .btn-qr{padding:6px 10px;font-size:11px;background:#c8ff001a;border:1px solid #c8ff00;color:#c8ff00;border-radius:4px;cursor:pointer}.roster-list .player-item .btn-qr:hover{background:#c8ff0033}.roster-list .player-item .btn-delete-small{padding:6px 10px;font-size:14px;background:#ff64641a;border:1px solid #ff6464;color:#ff6464;border-radius:4px;cursor:pointer}.roster-list .player-item .btn-delete-small:hover{background:#ff646433}.staff-invite-form{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.staff-invite-form input[type=email]{flex:1;min-width:200px}.staff-invite-form select{min-width:120px}.staff-invites-list h3{font-size:14px;color:#888;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.staff-invite-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff08;border-radius:8px;margin-bottom:8px}.staff-invite-item .invite-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.staff-invite-item .invite-email{font-weight:500}.staff-invite-item .invite-role{padding:4px 8px;border-radius:4px;font-size:12px;text-transform:uppercase;font-weight:600}.staff-invite-item .role-coach{background:#64c8ff33;color:#64c8ff}.staff-invite-item .role-analyst{background:#c864ff33;color:#c864ff}.staff-invite-item .invite-team{color:#888;font-size:13px}.staff-invite-item .invite-status{display:flex;align-items:center;gap:8px}.status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.status-badge.pending{background:#ffc80033;color:#ffc800}.status-badge.claimed{background:#00ff6433;color:#00ff64}.status-badge.expired{background:#ff646433;color:#ff6464}.btn-copy{padding:6px 10px;background:#ffffff1a;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-copy:hover{background:#fff3}.invite-welcome-banner.staff-invite{background:linear-gradient(135deg,#64c8ff26,#64c8ff0d);border-color:#64c8ff}.invite-welcome-banner.staff-invite h3{color:#64c8ff}.invite-welcome-banner .invite-email-note{font-size:12px;color:#64c8ff;margin-top:8px}.setup-required-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.setup-required-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #c8ff00;border-radius:20px;padding:40px;max-width:500px;width:90%;text-align:center;box-shadow:0 20px 60px #c8ff0033}.setup-modal-icon{font-size:64px;margin-bottom:20px}.setup-required-modal h2{color:#c8ff00;font-size:28px;margin-bottom:16px}.setup-required-modal>p{color:#ccc;font-size:15px;line-height:1.6;margin-bottom:30px}.setup-checklist{background:#0000004d;border-radius:12px;padding:20px;margin-bottom:30px;text-align:left}.setup-checklist-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.setup-checklist-item:last-child{border-bottom:none}.check-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.check-icon.complete{background:#00ff6433;color:#00ff64}.check-icon.incomplete{background:#ffc80033;color:#ffc800}.setup-checklist-item span:last-child{color:#fff;font-size:14px}.setup-modal-btn{background:linear-gradient(135deg,#c8ff00,#a8d900);color:#000;border:none;padding:16px 40px;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.setup-modal-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #c8ff004d}.setup-loading-overlay{position:fixed;inset:0;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000}.setup-loading-overlay p{color:#c8ff00;margin-top:16px;font-size:16px}@media(max-width:600px){.setup-progress{flex-wrap:wrap;gap:8px}.progress-step{font-size:12px;padding:8px 12px;flex:1 1 45%;text-align:center}.setup-container{padding:20px 16px}.setup-header h1{font-size:24px}.setup-step h2{font-size:20px}}@media(max-width:600px){.kit-boxes{flex-direction:column;gap:12px}.kit-box{width:100%}.color-circles{justify-content:center}.color-circle{width:36px;height:36px}}@media(max-width:600px){.add-team-form{flex-direction:column}.add-team-form input,.add-team-form select,.add-team-form button{width:100%}}@media(max-width:600px){.player-item{flex-wrap:wrap;padding:12px;gap:8px}.player-photo-wrapper{order:1}.player-number{order:2;min-width:auto}.player-name{order:3;flex:1 1 60%}.player-position{order:4;min-width:auto}.player-actions{order:5;width:100%;justify-content:flex-end;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.add-player-form{flex-direction:column}.add-player-form input,.add-player-form select,.add-player-form button{width:100%}.jersey-input{width:100%!important}}@media(max-width:600px){.staff-invite-form{flex-direction:column}.staff-invite-form input,.staff-invite-form select,.staff-invite-form button{width:100%;min-width:auto}.staff-invite-item{flex-direction:column;align-items:flex-start;gap:12px}.staff-invite-item .invite-info{width:100%}.staff-invite-item .invite-status{width:100%;justify-content:flex-start}}@media(max-width:600px){.step-actions{flex-direction:column-reverse;gap:12px}.step-actions button{width:100%}}@media(max-width:600px){.csv-import textarea{font-size:14px}}@media(max-width:600px){.team-selector{flex-direction:column;align-items:stretch}.team-selector select{width:100%}}@media(max-width:600px){.qr-content{padding:20px;margin:20px;max-width:calc(100% - 40px)}.qr-content img{max-width:200px}.qr-url{font-size:11px;word-break:break-all}}@media(max-width:480px){.client-login-box{padding:24px 20px;margin:20px}.login-tabs{flex-direction:column;gap:8px}.login-tabs button{width:100%}.invite-welcome-banner{padding:16px}.invite-welcome-banner h3{font-size:16px}}.dashboard-tabs{display:flex;gap:0;border-bottom:1px solid #222}.tab-btn{background:none;border:none;color:#888;padding:14px 24px;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab-btn:hover{color:#fff}.tab-btn.active{color:#c8ff00;border-bottom-color:#c8ff00}.teams-section{padding:20px 0}.teams-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.teams-header h2{color:#fff;font-size:20px;margin:0}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.team-card{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff08;border:1px solid #222;border-radius:12px;cursor:pointer;transition:all .2s}.team-card:hover{background:#ffffff0d;border-color:#c8ff00;transform:translateY(-2px)}.teams-section .team-icon{font-size:32px;width:56px;height:56px;background:#c8ff001a;border-radius:12px;display:flex;align-items:center;justify-content:center}.team-info{flex:1}.team-info h3{color:#fff;font-size:16px;margin:0 0 4px}.team-info p{color:#888;font-size:13px;margin:0}.team-arrow{color:#c8ff00;font-size:18px}.roster-view .back-btn{background:none;border:none;color:#c8ff00;font-size:14px;cursor:pointer;padding:0;margin-bottom:20px;display:flex;align-items:center;gap:8px}.roster-view .back-btn:hover{text-decoration:underline}.roster-header{margin-bottom:24px}.roster-header h2{color:#fff;font-size:24px;margin:0 0 4px}.roster-header .team-meta{color:#888;font-size:14px}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.teams-section .player-card{display:flex;align-items:center;gap:14px;padding:16px;background:#ffffff08;border:1px solid #222;border-radius:12px;cursor:pointer;transition:all .2s}.teams-section .player-card:hover{background:#ffffff0d;border-color:#444}.player-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#222,#1a1a1a);display:flex;align-items:center;justify-content:center;flex-shrink:0}.player-avatar img{width:100%;height:100%;object-fit:cover}.player-avatar .avatar-initial{color:#666;font-size:22px;font-weight:600}.player-details{display:flex;flex-direction:column;gap:2px}.player-details .player-number{color:#c8ff00;font-size:13px;font-weight:700}.player-details .player-name{color:#fff;font-size:15px;font-weight:500}.player-details .player-position{color:#666;font-size:12px}.empty-state{text-align:center;padding:60px 20px}.empty-state .empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{color:#fff;font-size:20px;margin:0 0 8px}.empty-state p{color:#888;font-size:14px;margin:0 0 24px}.loading-state{text-align:center;padding:40px;color:#888}@media(max-width:480px){.dashboard-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{padding:12px 16px;font-size:13px;white-space:nowrap}.teams-header{flex-direction:column;align-items:flex-start;gap:12px}.teams-header .btn-secondary{width:100%}.teams-grid,.roster-grid{grid-template-columns:1fr}.team-card{padding:16px}.teams-section .team-icon{width:48px;height:48px;font-size:24px}}@media(max-width:600px){.setup-required-modal{padding:24px 20px;margin:16px}.setup-modal-icon{font-size:36px}.setup-required-modal h2{font-size:20px}.checklist-item{padding:10px}.checklist-item .check-icon{width:24px;height:24px;font-size:12px}}@media(max-width:480px){.dashboard-nav,.secondary-nav{display:flex;gap:0;border-bottom:1px solid #222;margin:0 -12px;padding:0 12px}.dashboard-nav a,.dashboard-nav button,.secondary-nav a,.secondary-nav button{flex:1;text-align:center;padding:12px 8px;font-size:14px}.team-setup-btn{width:100%;margin:12px 0;padding:14px;font-size:14px}.dashboard-filters,.filters-row{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.dashboard-filters select,.dashboard-filters input,.dashboard-filters button,.filters-row select,.filters-row input,.filters-row button{width:100%;padding:14px 12px;font-size:14px;min-height:48px}.org-badge,.filter-pill{font-size:12px;padding:10px 14px;width:100%;text-align:center}.submit-match-btn{width:100%;padding:14px;font-size:15px;font-weight:600}.matches-table-container{margin:0 -12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.matches-table{min-width:600px;font-size:13px}.matches-table th,.matches-table td{padding:12px 8px;white-space:nowrap}.matches-table th:first-child,.matches-table td:first-child{padding-left:12px}.match-actions{display:flex;gap:6px}.match-actions button{padding:8px 12px;font-size:12px}.status-badge{font-size:11px;padding:4px 8px}.dashboard-content,.client-content{padding:12px}.date-selector,.date-picker-wrapper,.date-selector input,.date-picker-wrapper input{width:100%}}@media(max-width:768px){.dashboard-sidebar,.sidebar{display:none}.dashboard-main,.main-content{width:100%;margin-left:0}}@media(max-width:768px){.btn-add,.btn-primary,.btn-secondary,.btn-qr,.btn-delete-small,.btn-copy{min-height:44px;min-width:44px}.color-circle{min-width:44px;min-height:44px}select,input[type=text],input[type=email],input[type=password],input[type=number]{min-height:44px;font-size:16px}.player-photo-upload{width:28px;height:28px}button,a.nav-link,.clickable{min-height:44px}input[type=checkbox]{width:22px;height:22px}.matches-table tbody tr{border-bottom:1px solid #222}.matches-table tbody tr:active{background:#c8ff000d}}.loading-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:999}.loading-spinner{width:48px;height:48px;border:3px solid rgba(200,255,0,.2);border-top-color:#c8ff00;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#fff;margin-top:16px;font-size:14px}.client-page{min-height:100vh;background:#0a0a0a;display:flex;flex-direction:column}.client-content{flex:1;display:flex;flex-direction:column}.account-page{display:flex;flex:1;max-width:1200px;margin:0 auto;width:100%;padding:40px 24px;gap:40px}.account-sidebar{width:300px;flex-shrink:0}.account-sidebar h2{color:#fff;font-size:24px;margin:0 0 8px}.sidebar-subtitle{color:#666;font-size:14px;margin:0 0 24px}.account-nav{display:flex;flex-direction:column;gap:8px}.account-nav button{display:flex;align-items:flex-start;gap:12px;padding:16px;background:transparent;border:1px solid transparent;border-radius:12px;cursor:pointer;text-align:left;transition:all .2s}.account-nav button:hover{background:#ffffff08}.account-nav button.active{background:#c8ff001a;border-color:#c8ff004d}.account-nav .nav-icon{font-size:18px;opacity:.7;margin-top:2px}.account-nav .nav-title{display:block;color:#fff;font-weight:500;margin-bottom:4px}.account-nav .nav-desc{display:block;color:#666;font-size:13px}.account-nav button.active .nav-title{color:#c8ff00}.account-content{flex:1}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:40px}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#1a1a2e,#0a0a1e);border:2px solid #2a2a3e;display:flex;align-items:center;justify-content:center;font-size:32px;color:#666}.profile-name h1{color:#fff;font-size:28px;margin:0 0 4px}.profile-name .username{color:#c8ff00;font-size:16px}.info-form{display:flex;flex-direction:column;gap:24px}.info-form .form-field label{display:block;color:#888;font-size:13px;margin-bottom:8px}.field-header{display:flex;justify-content:space-between;align-items:center}.change-link{background:none;border:none;color:#c8ff00;font-size:13px;cursor:pointer}.change-link:hover{text-decoration:underline}.field-input{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#1a1a2e;border:1px solid #2a2a3e;border-radius:8px;color:#fff;font-size:15px}.field-input.readonly{color:#ccc}.field-icon{opacity:.5}.field-hint{color:#555;font-size:12px;margin-top:8px}.change-form{margin-top:12px;display:flex;flex-direction:column;gap:12px}.change-form input{padding:12px 16px;background:#0a0a1e;border:1px solid #2a2a3e;border-radius:8px;color:#fff;font-size:14px}.change-form input:focus{outline:none;border-color:#c8ff00}.change-actions{display:flex;gap:12px;justify-content:flex-end}.toggle-switch{position:relative;width:50px;height:26px;display:inline-block}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#333;border-radius:26px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background:#c8ff00}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.downloads-section h2{color:#fff;font-size:24px;margin:0 0 16px}.empty-state{color:#666;font-size:15px;padding:40px;text-align:center;background:#ffffff05;border-radius:12px}.faqs-page{max-width:800px;margin:0 auto;padding:40px 24px}.faqs-header{text-align:center;margin-bottom:40px}.faqs-header h1{color:#fff;font-size:36px;margin:0 0 12px}.faqs-header p{color:#888;font-size:16px;margin:0 0 24px}.faqs-search input{width:100%;max-width:400px;padding:14px 20px;background:#1a1a1a;border:1px solid #333;border-radius:30px;color:#fff;font-size:15px}.faqs-search input::placeholder{color:#666}.faqs-search input:focus{outline:none;border-color:#c8ff00}.faq-category{margin-bottom:32px}.faq-category h2{color:#c8ff00;font-size:18px;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #222}.faq-item{border:1px solid #222;border-radius:10px;margin-bottom:8px;overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#ffffff05;border:none;color:#fff;font-size:15px;text-align:left;cursor:pointer;transition:background .2s}.faq-question:hover{background:#ffffff0d}.faq-toggle{font-size:20px;color:#c8ff00}.faq-answer{padding:0 20px 16px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.faq-answer p{color:#aaa;font-size:14px;line-height:1.6;margin:0}.faqs-footer{text-align:center;padding:40px;background:#ffffff05;border-radius:16px;margin-top:40px}.faqs-footer h3{color:#fff;margin:0 0 8px}.faqs-footer p{color:#888;margin:0 0 20px}.faqs-footer .btn-primary{display:inline-block;text-decoration:none}.no-results{text-align:center;padding:40px;color:#888}.no-results button{margin-top:16px;background:none;border:1px solid #333;color:#fff;padding:10px 20px;border-radius:6px;cursor:pointer}.no-results button:hover{border-color:#555}.terms-page{max-width:800px;margin:0 auto;padding:40px 24px}.terms-content h1{color:#fff;font-size:36px;margin:0 0 8px}.last-updated{color:#666;font-size:14px;margin-bottom:40px}.terms-content section{margin-bottom:32px}.terms-content h2{color:#c8ff00;font-size:18px;margin:0 0 12px}.terms-content p{color:#aaa;font-size:15px;line-height:1.7;margin:0 0 12px}.terms-content ul{color:#aaa;font-size:15px;line-height:1.7;margin:0 0 12px;padding-left:24px}.terms-content li{margin-bottom:8px}@media(max-width:768px){.account-page{flex-direction:column;padding:20px 16px;gap:24px}.account-sidebar{width:100%}.account-nav{flex-direction:row;flex-wrap:wrap}.account-nav button{flex:1 1 45%;padding:12px}.account-nav .nav-desc{display:none}.profile-header{flex-direction:column;text-align:center}.profile-name h1{font-size:24px}.faqs-page,.terms-page{padding:20px 16px}.faqs-header h1,.terms-content h1{font-size:28px}.faqs-search input{max-width:100%}}.dashboard-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin-bottom:20px;border-bottom:1px solid #222}.dashboard-nav .client-nav{display:flex;gap:8px}.dashboard-nav .nav-link{color:#888;text-decoration:none;padding:8px 16px;border-radius:6px;font-size:14px;transition:all .2s}.dashboard-nav .nav-link:hover{color:#fff;background:#ffffff0d}.dashboard-nav .nav-link.active{color:#c8ff00;background:#c8ff001a}@media(max-width:600px){.dashboard-nav{flex-direction:column;gap:12px;align-items:stretch}.dashboard-nav .client-nav{justify-content:center}.dashboard-nav .team-setup-btn{width:100%}}.modal-content{background:#1a1a1a;border:1px solid #333;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;padding:24px}.modal-content h2{color:#fff;font-size:20px;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid #333}.modal-content .form-group{margin-bottom:18px}.modal-content .form-group label{display:block;color:#888;font-size:13px;margin-bottom:8px}.modal-content .form-group input,.modal-content .form-group select{width:100%;background:#252525;border:1px solid #333;color:#fff;padding:12px 15px;border-radius:8px;font-size:14px;box-sizing:border-box}.modal-content .form-group input:focus,.modal-content .form-group select:focus{outline:none;border-color:#c8ff00}.modal-content .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-actions{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid #333}.modal-actions .action-right{display:flex;gap:12px}.btn-danger{background:#ff4d4d26;color:#ff6b6b;border:1px solid #ff4d4d;padding:10px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#ff4d4d40}.btn-secondary{background:transparent;color:#888;border:1px solid #444;padding:10px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.btn-secondary:hover{color:#fff;border-color:#666}.btn-primary{background:#c8ff00;color:#000;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#d4ff33}.team-edit-btn{background:#c8ff001a;color:#c8ff00;border:1px solid rgba(200,255,0,.3);padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;margin-left:auto;margin-right:12px}.team-edit-btn:hover{background:#c8ff0033;border-color:#c8ff00}.player-card .edit-btn{position:absolute;top:10px;right:10px;background:#ffffff1a;border:none;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:14px;opacity:0;transition:opacity .2s}.player-card:hover .edit-btn{opacity:1}.player-card .edit-btn:hover{background:#fff3}.player-card.clickable{position:relative;cursor:pointer;transition:transform .2s,box-shadow .2s}.player-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}@media(max-width:600px){.modal-content{max-width:100%;margin:16px;padding:20px}.modal-content .form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column;gap:12px}.modal-actions .action-right{width:100%}.modal-actions .btn-secondary,.modal-actions .btn-primary{flex:1}.modal-actions .btn-danger{width:100%;order:1}.modal-actions .action-right{order:0}}.mobile-match-cards{display:none;flex-direction:column;gap:8px;padding:12px}.mobile-match-card{display:flex;align-items:center;gap:12px;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:10px;padding:12px;cursor:pointer}.mobile-match-card .match-card-date{color:#888;font-size:11px;min-width:50px;flex-shrink:0}.match-card-teams-compact{flex:1;display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.match-card-teams-compact .team-home,.match-card-teams-compact .team-away{font-size:13px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.match-card-teams-compact .team-home{text-align:right}.match-card-teams-compact .team-away{text-align:left}.match-card-teams-compact .match-score-compact{font-size:14px;font-weight:700;color:#c8ff00;padding:0 8px;flex-shrink:0}.btn-analysis-compact{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#c8ff00;border:none;border-radius:8px;font-size:16px;cursor:pointer;flex-shrink:0}@media(max-width:768px){.mobile-match-cards{display:flex!important}.matches-table-wrapper,.matches-table,.client-header{display:none!important}}@media(min-width:769px),(orientation:landscape)and (min-height:320px)and (max-height:500px){.mobile-match-cards{display:none!important}.matches-table-wrapper{display:block!important}.matches-table{display:table!important}}@media(max-width:480px){.mobile-match-cards{display:flex!important}.matches-table-wrapper{display:none!important}}.client-player-detail-v2{background:#0a0a0a}.player-profile-header-v2{display:grid;grid-template-columns:1fr 300px;gap:20px;margin-bottom:24px}.profile-card-v2{background:linear-gradient(135deg,#111,#1a1a1a);border:1px solid #2a2a2a;border-radius:16px;padding:24px;display:flex;justify-content:space-between;align-items:center}.back-btn-v2{background:#222;border:1px solid #333;color:#888;width:40px;height:40px;border-radius:8px;font-size:20px;cursor:pointer;transition:all .2s}.back-btn-v2:hover{background:#333;color:#c8ff00;border-color:#c8ff00}.player-avatar-v2{width:80px;height:80px;background:linear-gradient(135deg,#c8ff00,#8bc34a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#000}.player-info-block-v2{display:flex;flex-direction:column;gap:8px}.player-name-v2{color:#fff;font-size:28px;margin:0;font-weight:700}.player-badges-v2{display:flex;gap:8px;flex-wrap:wrap}.badge-v2{background:#222;color:#888;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.badge-v2.success{background:#c8ff0026;color:#c8ff00}.profile-card-stats{display:flex;gap:24px}.profile-stat{text-align:center}.profile-stat .stat-number{display:block;font-size:32px;font-weight:700;color:#c8ff00}.profile-stat .stat-label{color:#666;font-size:12px;text-transform:uppercase}.performance-chart-card-v2{background:#111;border:1px solid #222;border-radius:16px;padding:20px}.chart-title-v2{color:#888;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;text-align:center}.chart-wrapper-v2{height:220px}.kpi-breakdown-v2{margin-bottom:24px}.kpi-breakdown-v2 h2{color:#c8ff00;font-size:16px;margin:0 0 16px}.kpi-grid-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.kpi-card-v2{background:#111;border:1px solid #222;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s}.kpi-card-v2:hover{border-color:#444;transform:translateY(-2px)}.kpi-card-v2.selected{border-color:#c8ff00;background:#c8ff000d}.kpi-card-v2 h3{color:#fff;font-size:14px;margin:0 0 12px;font-weight:600}.kpi-card-v2.kpi-offensive h3{color:#4caf50}.kpi-card-v2.kpi-defensive h3{color:#2196f3}.kpi-stats-v2{display:flex;justify-content:space-between;margin-bottom:12px}.kpi-stat-v2{text-align:center}.kpi-stat-v2 .value{display:block;font-size:20px;font-weight:700;color:#fff}.kpi-stat-v2 .label{color:#666;font-size:10px;text-transform:uppercase}.kpi-bar-v2{height:4px;background:#222;border-radius:2px;overflow:hidden}.kpi-bar-v2 .kpi-bar-fill{height:100%;background:linear-gradient(90deg,#c8ff00,#8bc34a);border-radius:2px;transition:width .3s ease}.content-split-v2{display:grid;grid-template-columns:1fr 400px;gap:20px;min-height:500px}.video-section-v2{background:#111;border:1px solid #222;border-radius:12px;overflow:hidden}.video-header-v2{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #222}.view-toggle-v2{display:flex;gap:8px}.view-toggle-v2 button{padding:8px 16px;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#888;font-size:13px;cursor:pointer;transition:all .2s}.view-toggle-v2 button:hover{border-color:#c8ff00;color:#fff}.view-toggle-v2 button.active{background:#c8ff00;border-color:#c8ff00;color:#000}.current-clip-v2{display:flex;gap:8px;align-items:center}.current-clip-v2 .clip-kpi{background:#222;color:#fff;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600}.current-clip-v2 .clip-outcome{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600}.current-clip-v2 .clip-outcome.success{background:#4caf5033;color:#4caf50}.current-clip-v2 .clip-outcome.fail{background:#f4433633;color:#f44336}.video-wrapper-v2{aspect-ratio:16/9;background:#000}.video-wrapper-v2 mux-player{width:100%;height:100%}.no-video-v2{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666}.no-video-v2 p{margin:4px 0}.no-video-hint{font-size:12px;color:#444}.clips-section-v2{background:#111;border:1px solid #222;border-radius:12px;display:flex;flex-direction:column;max-height:600px}.clips-header-v2{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #222}.clips-header-v2 h2{color:#c8ff00;font-size:14px;margin:0}.filter-controls-v2{display:flex;gap:8px}.filter-panel-btn-v2{padding:6px 12px;background:#222;border:1px solid #333;border-radius:6px;color:#888;font-size:12px;cursor:pointer;transition:all .2s}.filter-panel-btn-v2:hover,.filter-panel-btn-v2.active{border-color:#c8ff00;color:#c8ff00}.outcome-select-v2{padding:6px 12px;background:#222;border:1px solid #333;border-radius:6px;color:#888;font-size:12px;cursor:pointer}.outcome-select-v2:focus{outline:none;border-color:#c8ff00}.filter-panel-overlay-v2{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.filter-panel-v2{background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:24px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative}.filter-panel-close-v2{position:absolute;top:16px;right:16px;background:none;border:none;color:#888;font-size:24px;cursor:pointer}.filter-panel-close-v2:hover{color:#fff}.filter-panel-v2 h3{color:#c8ff00;font-size:18px;margin:0 0 20px}.filter-panel-content-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin-bottom:20px}.filter-column-v2 h4{color:#888;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px}.filter-checkbox-v2{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 0}.filter-checkbox-v2 input{accent-color:#c8ff00}.checkbox-label-v2{color:#ccc;font-size:13px}.filter-panel-actions-v2{display:flex;gap:12px;justify-content:flex-end}.filter-confirm-btn-v2{padding:10px 24px;background:#c8ff00;border:none;border-radius:6px;color:#000;font-weight:600;cursor:pointer}.filter-confirm-btn-v2:hover{background:#b8ef00}.filter-reset-btn-v2{padding:10px 24px;background:transparent;border:1px solid #444;border-radius:6px;color:#888;font-weight:600;cursor:pointer}.filter-reset-btn-v2:hover{border-color:#888;color:#fff}.clips-list-v2{flex:1;overflow-y:auto;padding:8px}.clip-item-v2{padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;margin-bottom:4px;border-left:3px solid transparent}.clip-item-v2:hover{background:#ffffff0d}.clip-item-v2.selected{background:#c8ff001a;border-left-color:#c8ff00}.clip-item-v2.success{border-left-color:#4caf50}.clip-item-v2.fail{border-left-color:#f44336}.clip-row-v2{display:flex;gap:12px;align-items:flex-start}.clip-time-v2{color:#c8ff00;font-family:monospace;font-size:13px;min-width:45px}.clip-content-v2{flex:1}.clip-kpi-v2{margin-bottom:4px}.kpi-tag-v2{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:#222;color:#fff}.kpi-tag-v2.kpi-offensive{background:#4caf5033;color:#4caf50}.kpi-tag-v2.kpi-defensive{background:#2196f333;color:#2196f3}.clip-meta-v2{display:flex;align-items:center;gap:8px}.outcome-indicator-v2{font-weight:700;font-size:14px}.outcome-indicator-v2.success{color:#4caf50}.outcome-indicator-v2.fail{color:#f44336}.clip-match-v2{color:#666;font-size:11px}.no-clips-v2{text-align:center;padding:40px;color:#666}@media(max-width:1024px){.player-profile-header-v2,.content-split-v2{grid-template-columns:1fr}.clips-section-v2{max-height:400px}}@media(max-width:768px){.profile-card-v2{flex-direction:column;gap:20px;text-align:center}.profile-card-main{flex-direction:column}.back-btn-v2{position:absolute;top:16px;left:16px}.player-profile-header-v2 .profile-card-v2{position:relative;padding-top:60px}.kpi-grid-v2{grid-template-columns:repeat(2,1fr)}.video-header-v2{flex-direction:column;gap:12px}}.view-report-btn-v2{display:inline-block;background:#c8ff00;color:#000;padding:10px 24px;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none;margin-top:12px;transition:all .2s ease}.view-report-btn-v2:hover{background:#d8ff40;transform:translateY(-1px)}.client-report-page{background:#0a0a0a}.report-action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 0}.back-to-player-btn{display:inline-flex;align-items:center;gap:8px;color:#888;text-decoration:none;font-size:14px;padding:10px 16px;border-radius:8px;transition:all .2s ease}.back-to-player-btn:hover{color:#c8ff00;background:#c8ff001a}.download-pdf-btn{background:#c8ff00;color:#000;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;border:none;cursor:pointer;transition:all .2s ease}.download-pdf-btn:hover{background:#d8ff40;transform:translateY(-1px)}.download-pdf-btn:disabled{background:#444;color:#888;cursor:not-allowed;transform:none}.report-pdf-wrapper{background:#fff;border-radius:12px;overflow:hidden;margin-bottom:40px}.report-pdf-content{padding:40px;color:#333}.report-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:24px;border-bottom:2px solid #e5e7eb;margin-bottom:32px}.report-header-main h1{font-size:32px;font-weight:700;color:#111;margin:0 0 4px}.report-subtitle{color:#666;font-size:14px;margin:0}.report-header-stats{display:flex;gap:32px}.header-stat{text-align:center}.header-stat .stat-value{display:block;font-size:28px;font-weight:700;color:#2563eb}.header-stat .stat-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px}.report-overview-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.report-chart-card,.report-summary-card{background:#f9fafb;border-radius:12px;padding:24px}.report-chart-card h3,.report-summary-card h3{font-size:16px;font-weight:600;color:#111;margin:0 0 16px}.report-chart-wrapper{height:250px}.summary-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.summary-stat{background:#fff;border-radius:8px;padding:20px;text-align:center}.summary-stat .stat-number{display:block;font-size:36px;font-weight:700}.summary-stat .stat-label{font-size:12px;color:#666;text-transform:uppercase}.summary-stat.success .stat-number{color:#4caf50}.summary-stat.unsuccessful .stat-number{color:#f44336}.success-bar-wrapper{text-align:center}.success-bar{background:#e5e7eb;height:12px;border-radius:6px;overflow:hidden;margin-bottom:8px}.success-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);height:100%;border-radius:6px;transition:width .3s ease}.success-label{font-size:14px;font-weight:600;color:#4caf50}.report-kpi-section{margin-bottom:32px}.report-kpi-section h3{font-size:16px;font-weight:600;color:#111;margin:0 0 16px}.report-kpi-table{background:#f9fafb;border-radius:12px;overflow:hidden}.kpi-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr;gap:16px;padding:12px 20px;background:#e5e7eb;font-size:12px;font-weight:600;color:#666;text-transform:uppercase}.kpi-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr;gap:16px;padding:16px 20px;align-items:center;border-bottom:1px solid #e5e7eb}.kpi-table-row:last-child{border-bottom:none}.kpi-name{font-weight:600;color:#111}.success-count{color:#4caf50;font-weight:500}.fail-count{color:#f44336;font-weight:500}.kpi-table-row .rate{display:flex;align-items:center;gap:8px;font-weight:600;color:#2563eb}.rate-bar{display:inline-block;height:6px;background:#2563eb;border-radius:3px;max-width:60px}.report-moments-section{margin-bottom:32px}.report-moments-section h3{font-size:16px;font-weight:600;color:#111;margin:0 0 16px}.moments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.moment-card{background:#f9fafb;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px}.moment-number{width:32px;height:32px;background:#2563eb;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.moment-content{flex:1}.moment-action{display:block;font-weight:600;color:#111;font-size:14px}.moment-time{display:block;color:#666;font-size:12px}.moment-match{display:block;color:#888;font-size:11px;margin-top:2px}.moment-video-btn{background:#4caf50;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.moment-video-btn:hover{background:#43a047}.report-footer{text-align:center;padding-top:24px;border-top:1px solid #e5e7eb;margin-top:32px}.report-footer p{color:#888;font-size:12px;margin:0}@media(max-width:768px){.report-pdf-content{padding:20px}.report-header{flex-direction:column;gap:20px}.report-header-stats{width:100%;justify-content:space-between}.report-overview-section,.moments-grid{grid-template-columns:1fr}.kpi-table-header,.kpi-table-row{grid-template-columns:2fr 1fr 1fr 1fr;font-size:11px}.kpi-table-header span:last-child,.kpi-table-row .rate{display:none}.report-action-bar{flex-direction:column;gap:12px}.download-pdf-btn{width:100%}}.pro-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#0d0d0d;border-bottom:1px solid #222;position:sticky;top:0;z-index:100}.header-logo{height:36px;cursor:pointer}.header-nav{display:flex;align-items:center;gap:8px}.pro-header .nav-link{background:none;border:none;color:#888;font-size:14px;padding:10px 16px;cursor:pointer;transition:color .2s;text-decoration:none}.pro-header .nav-link:hover{color:#fff}.account-trigger{display:flex;align-items:center;gap:6px;border:1px solid #333!important;border-radius:6px;padding:8px 14px!important}.account-trigger.active,.account-trigger:hover{border-color:#555!important;color:#fff}.chevron{transition:transform .2s}.chevron.up{transform:rotate(180deg)}.account-menu-wrapper{position:relative}.account-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#1a1a2e;border:1px solid #2a2a3e;border-radius:12px;min-width:240px;padding:8px;box-shadow:0 10px 40px #00000080;animation:dropdownFade .2s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.account-dropdown button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;background:none;border:none;color:#ccc;font-size:14px;cursor:pointer;border-radius:8px;transition:background .2s;text-align:left}.account-dropdown button:hover{background:#ffffff0d;color:#fff}.menu-icon{width:20px;text-align:center;opacity:.7}.menu-arrow{margin-left:auto;opacity:.5}.menu-divider{height:1px;background:#2a2a3e;margin:8px 0}.logout-btn{color:#888!important}.logout-btn:hover{color:#ff6b6b!important}@media(max-width:600px){.pro-header{padding:10px 16px}.header-nav{gap:4px}.pro-header .nav-link{padding:8px 10px;font-size:13px}.account-dropdown{right:-10px;min-width:220px}}@media(max-width:480px){.pro-header{padding:10px 12px;flex-wrap:wrap;gap:8px}.header-left{flex:0 0 auto}.header-logo{height:28px}.header-nav{gap:4px}.nav-link.contact-link{display:none}.pro-header .nav-link{padding:8px 10px;font-size:13px}.account-trigger{padding:8px 12px!important;font-size:13px;gap:4px}.account-trigger .chevron{width:10px;height:10px}.account-dropdown{position:fixed;inset:auto 0 0;border-radius:16px 16px 0 0;min-width:100%;padding:12px 12px 30px;animation:slideUpMobile .25s ease}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.account-dropdown button{padding:16px;font-size:16px}}@media(max-width:375px){.pro-header{padding:8px 10px}.header-logo{height:24px}.pro-header .nav-link{padding:6px 8px;font-size:12px}.account-trigger{padding:6px 10px!important;font-size:12px}}.help-section{position:fixed;bottom:20px;right:20px;z-index:1000}.help-toggle{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#c8ff00;border:none;border-radius:30px;color:#000;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .2s}.help-toggle:hover{background:#b8ef00;transform:translateY(-2px)}.help-icon{width:20px;height:20px;background:#000;color:#c8ff00;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.help-panel{position:absolute;bottom:60px;right:0;width:380px;max-height:70vh;background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 8px 32px #00000080;overflow:hidden;display:flex;flex-direction:column}.help-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#222;border-bottom:1px solid #333}.help-header h3{color:#c8ff00;font-size:16px;margin:0}.help-close{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0;line-height:1}.help-close:hover{color:#fff}.help-content{overflow-y:auto;padding:12px;flex:1}.help-item{background:#111;border:1px solid #2a2a2a;border-radius:8px;margin-bottom:8px;overflow:hidden}.help-item:last-child{margin-bottom:0}.help-item-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:transparent;border:none;color:#fff;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background .2s}.help-item-header:hover{background:#c8ff000d}.help-item.expanded .help-item-header{background:#c8ff001a;border-bottom:1px solid #2a2a2a}.help-item-title{flex:1;padding-right:12px}.help-item-toggle{color:#c8ff00;font-size:18px;font-weight:700}.help-item-answer{padding:16px;color:#aaa;font-size:13px;line-height:1.6}.help-item-answer p{margin:0 0 10px}.help-item-answer p:last-child{margin-bottom:0}.help-item-answer ul{margin:8px 0;padding-left:20px}.help-item-answer li{margin-bottom:6px}.help-item-answer strong{color:#c8ff00}@media(max-width:480px){.help-panel{width:calc(100vw - 40px);right:-10px}}.scouting-landing{min-height:100vh;background:#000;display:flex;align-items:center;justify-content:center}.scouting-container{text-align:center}.scouting-logo{margin-bottom:40px}.scouting-logo img{height:80px;width:auto}.scouting-box{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:16px;padding:48px;width:100%;max-width:420px}.scouting-box h1{color:#c8ff00;font-size:36px;margin:0 0 8px}.scouting-box .subtitle{color:#666;font-size:16px;margin-bottom:32px}.scouting-box .form-group{margin-bottom:24px;text-align:left}.scouting-box label{display:block;color:#c8ff00;font-size:14px;margin-bottom:8px;font-weight:500}.scouting-box input{width:100%;padding:16px;background:#111;border:1px solid #2a2a2a;border-radius:8px;color:#fff;font-size:16px;box-sizing:border-box}.scouting-box input::placeholder{color:#555}.scouting-box input:focus{outline:none;border-color:#c8ff00}.scouting-box .submit-btn{width:100%;padding:16px;background:#c8ff00;border:none;border-radius:8px;color:#000;font-size:16px;font-weight:600;cursor:pointer}.scouting-box .submit-btn:hover{background:#a8d900}.scouting-box .submit-btn:disabled{background:#333;color:#666;cursor:not-allowed}.scouting-box .note{color:#555;font-size:13px;margin-top:24px;line-height:1.5}.error-message{background:#ff44441a;border:1px solid #ff4444;color:#f44;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.scouting-page{min-height:100vh;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#c8ff00;font-size:18px}.loading-screen a{color:#c8ff00;margin-top:16px}.scouting-header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#0a0a0a;border-bottom:1px solid #1a1a1a}.header-left{display:flex;align-items:center;gap:16px}.header-logo{height:36px;width:auto}.scouting-header h1{font-size:20px;font-weight:600;color:#fff;margin:0}.scouting-header h1 span{color:#c8ff00}.header-nav{display:flex;gap:24px}.header-nav a{color:#888;text-decoration:none;font-size:14px;font-weight:500}.header-nav a:hover,.header-nav a.active{color:#c8ff00}.logout-btn{padding:8px 20px;background:transparent;border:1px solid #333;border-radius:6px;color:#888;font-size:14px;cursor:pointer}.logout-btn:hover{border-color:#c8ff00;color:#c8ff00}.scouting-main{padding:32px;max-width:1400px;margin:0 auto}.page-header{margin-bottom:32px}.page-header h2{color:#fff;font-size:28px;margin:0 0 8px}.page-header .subtitle{color:#666;font-size:14px}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.player-card{display:flex;align-items:center;gap:16px;padding:20px;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;text-decoration:none;color:inherit;transition:all .2s}.player-card:hover{border-color:#c8ff00;background:#111}.player-avatar{width:56px;height:56px;background:linear-gradient(135deg,#c8ff00,#8bc34a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#000;flex-shrink:0}.player-avatar.large{width:80px;height:80px;font-size:28px}.player-info{flex:1}.player-info h3{color:#fff;font-size:18px;margin:0 0 6px}.player-info .position{color:#c8ff00;font-size:13px;margin-right:12px}.player-info .team{color:#666;font-size:13px}.player-stats{display:flex;gap:20px;text-align:center}.player-stats .stat{display:flex;flex-direction:column}.player-stats .value{color:#c8ff00;font-size:20px;font-weight:700}.player-stats .value.fit-rating{color:#4caf50}.player-stats .label{color:#666;font-size:11px;text-transform:uppercase}.view-arrow{color:#c8ff00;font-size:20px}.no-players{grid-column:1 / -1;text-align:center;padding:60px;color:#666}.profile-main{padding:24px 32px;max-width:1600px;margin:0 auto}.player-profile-header{display:grid;grid-template-columns:1fr 320px;gap:20px;margin-bottom:24px}.profile-card{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;padding:24px;display:flex;justify-content:space-between;align-items:center}.profile-card-main{display:flex;align-items:center;gap:20px}.player-info-block{display:flex;flex-direction:column;gap:10px}.player-name{color:#fff;font-size:28px;font-weight:600;margin:0}.player-badges{display:flex;gap:8px;flex-wrap:wrap}.profile-card-actions{display:flex;align-items:center;gap:20px}.profile-fit-badge{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:10px}.profile-fit-badge .fit-number{font-size:32px;font-weight:700;color:#4caf50;line-height:1}.profile-fit-badge .fit-text{font-size:11px;color:#4caf50;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.performance-chart-card{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;padding:16px;display:flex;flex-direction:column}.chart-title{color:#666;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;text-align:center}.chart-wrapper{flex:1;display:flex;align-items:center;justify-content:center}.badge{padding:4px 12px;background:#1a1a1a;border-radius:20px;font-size:13px;color:#888}.badge.position{background:#c8ff0026;color:#c8ff00}.badge.team{background:#222;color:#aaa}.view-report-btn{padding:14px 28px;background:#c8ff00;border:none;border-radius:8px;color:#000;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s}.view-report-btn:hover{background:#b8ef00;transform:translateY(-2px)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;padding:20px;text-align:center}.stat-card .stat-value{font-size:36px;font-weight:700;color:#fff}.stat-card .stat-label{color:#666;font-size:13px;margin-top:4px}.stat-card.success .stat-value{color:#4caf50}.stat-card.quality .stat-value{color:gold}.stat-card.concern .stat-value{color:#ff6b6b}.kpi-breakdown{margin-bottom:24px}.kpi-breakdown h2{color:#c8ff00;font-size:18px;margin:0 0 16px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.kpi-card{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:10px;padding:16px;cursor:pointer;transition:all .2s}.kpi-card:hover{border-color:#333}.kpi-card.selected{border-color:#c8ff00;background:#c8ff000d}.kpi-card h3{color:#fff;font-size:14px;margin:0 0 12px}.kpi-card.kpi-offensive h3{color:#4caf50}.kpi-card.kpi-defensive h3{color:#ff9800}.kpi-stats{display:flex;gap:16px}.kpi-stat{display:flex;flex-direction:column}.kpi-stat .value{font-size:20px;font-weight:700;color:#fff}.kpi-stat .label{font-size:11px;color:#666}.kpi-subsets{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}.subset-tag{font-size:11px;color:#888;background:#1a1a1a;padding:2px 8px;border-radius:10px}.content-split{display:grid;grid-template-columns:2fr 1fr;gap:24px}.video-section{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;overflow:hidden}.video-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#111;border-bottom:1px solid #1a1a1a}.view-toggle{display:flex;gap:4px}.view-toggle button{padding:8px 16px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;color:#888;font-size:13px;cursor:pointer}.view-toggle button:hover{border-color:#c8ff00}.view-toggle button.active{background:#c8ff00;border-color:#c8ff00;color:#000}.current-clip{display:flex;gap:8px;align-items:center}.clip-kpi{color:#c8ff00;font-weight:600;font-size:14px}.clip-subset{color:#888;font-size:13px}.clip-outcome{padding:2px 8px;border-radius:4px;font-size:12px}.clip-outcome.successful{background:#4caf5033;color:#4caf50}.clip-outcome.unsuccessful{background:#f443;color:#f44}.video-wrapper{aspect-ratio:16 / 9;background:#000}.video-wrapper mux-player{width:100%;height:100%}.no-video{height:100%;display:flex;align-items:center;justify-content:center;color:#666}.events-section{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;display:flex;flex-direction:column;max-height:calc(100vh - 400px)}.events-header{padding:16px;border-bottom:1px solid #1a1a1a}.events-header h2{color:#c8ff00;font-size:16px;margin:0 0 12px}.event-filters{display:flex;gap:8px;margin-bottom:8px}.event-filters select{flex:1;padding:8px 12px;background:#111;border:1px solid #2a2a2a;border-radius:6px;color:#fff;font-size:13px;cursor:pointer}.event-filters select:focus{outline:none;border-color:#c8ff00}.quick-filters{display:flex;gap:8px}.quick-filters button{padding:6px 12px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;color:#888;font-size:12px;cursor:pointer}.quick-filters button:hover{border-color:#444}.quick-filters button.active.quality{background:#ffd70026;border-color:gold;color:gold}.quick-filters button.active.concern{background:#ff6b6b26;border-color:#ff6b6b;color:#ff6b6b}.events-list{flex:1;overflow-y:auto;padding:8px}.event-item{display:flex;flex-direction:column;gap:8px;padding:12px;background:#111;border-radius:8px;margin-bottom:6px;border-left:3px solid transparent;transition:all .2s;cursor:pointer}.event-item:hover{background:#1a1a1a;border-left-color:#c8ff00}.event-item.selected{background:#1a2a1a;border-left-color:#c8ff00}.event-item.quality{border-left-color:gold}.event-item.concern{border-left-color:#ff6b6b}.event-row{display:flex;align-items:center;gap:12px;cursor:pointer}.event-time{color:#c8ff00;font-family:monospace;font-size:13px;min-width:45px}.event-content{flex:1;display:flex;justify-content:space-between;align-items:center}.event-kpi{display:flex;gap:8px;align-items:center}.kpi-tag{font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px;background:#1a1a1a;color:#fff}.kpi-tag.kpi-offensive{background:#4caf5033;color:#4caf50}.kpi-tag.kpi-defensive{background:#ff980033;color:#ff9800}.event-kpi .subset-tag{font-size:11px;color:#888;padding:2px 6px;border-radius:4px}.event-meta{display:flex;gap:6px;align-items:center}.kpi-tag.clickable,.subset-tag.clickable{cursor:pointer;transition:all .2s}.kpi-tag.clickable:hover{transform:scale(1.05);box-shadow:0 0 8px #c8ff004d}.subset-tag.clickable:hover{background:#ffffff1a;color:#fff}.kpi-tag.clickable.active{box-shadow:0 0 0 2px #c8ff00}.subset-tag.clickable.active{background:#c8ff0033;color:#c8ff00}.filter-controls{display:flex;gap:8px;align-items:center}.filter-panel-btn{background:#1a1a1a;border:1px solid #333;color:#888;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.filter-panel-btn:hover{border-color:#c8ff00;color:#c8ff00}.filter-panel-btn.active{background:#c8ff0026;border-color:#c8ff00;color:#c8ff00}.outcome-select{background:#1a1a1a;border:1px solid #333;color:#888;padding:8px 12px;border-radius:6px;font-size:12px}.filter-panel-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.filter-panel{background:#111;border:1px solid #333;border-radius:12px;padding:32px;max-width:90vw;max-height:80vh;overflow-y:auto;position:relative}.filter-panel-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#666;font-size:24px;cursor:pointer;transition:color .2s}.filter-panel-close:hover{color:#fff}.filter-panel-content{display:flex;gap:32px;flex-wrap:wrap}.filter-column{min-width:140px}.filter-column-title{color:#c8ff00;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #333}.filter-checkbox{display:flex;align-items:center;gap:10px;margin-bottom:12px;cursor:pointer;color:#ccc;font-size:13px}.filter-checkbox input[type=checkbox]{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid #444;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.filter-checkbox input[type=checkbox]:checked+.checkbox-custom{background:#c8ff00;border-color:#c8ff00}.filter-checkbox input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";color:#000;font-size:12px;font-weight:700}.filter-checkbox:hover .checkbox-custom{border-color:#c8ff00}.checkbox-label{white-space:nowrap}.filter-panel-actions{display:flex;gap:16px;justify-content:center;margin-top:32px;padding-top:24px;border-top:1px solid #333}.filter-confirm-btn,.filter-reset-btn{padding:12px 48px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.filter-confirm-btn{background:transparent;border:2px solid #c8ff00;color:#c8ff00}.filter-confirm-btn:hover{background:#c8ff00;color:#000}.filter-reset-btn{background:transparent;border:2px solid #c8ff00;color:#c8ff00}.filter-reset-btn:hover{background:#c8ff00;color:#000}.outcome-indicator{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:default;-webkit-user-select:none;user-select:none}.outcome-indicator.successful{background:#4caf5033;color:#4caf50}.outcome-indicator.unsuccessful{background:#f443;color:#f44}.outcome-tag{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.outcome-tag.successful{background:#4caf5033;color:#4caf50}.outcome-tag.unsuccessful{background:#f443;color:#f44}.quality-tag{background:#ffd70033;color:gold;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:700}.concern-tag{background:#ff6b6b33;color:#ff6b6b;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:700}.notes-btn{background:#1a1a1a;border:1px solid #333;border-radius:4px;cursor:pointer;font-size:14px;padding:2px 8px;color:#888;transition:all .2s;font-weight:500}.notes-btn:hover{border-color:#c8ff00;color:#c8ff00}.notes-btn.has-notes{color:#c8ff00;border-color:#444}.delete-btn{background:#1a1a1a;border:1px solid #333;border-radius:4px;cursor:pointer;font-size:14px;padding:2px 8px;color:#666;transition:all .2s;font-weight:700;margin-left:4px}.delete-btn:hover{border-color:#f44;color:#f44;background:#ff44441a}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.event-notes-preview{font-size:12px;color:#888;background:#0a0a0a;padding:8px 12px;border-radius:6px;cursor:pointer;border-left:2px solid #c8ff00;margin-left:57px}.event-notes-preview:hover{background:#1a1a1a}.event-notes-editor{margin-left:57px}.event-notes-editor textarea{width:100%;padding:10px;background:#0a0a0a;border:1px solid #333;border-radius:6px;color:#fff;font-size:13px;resize:vertical;min-height:60px;box-sizing:border-box}.event-notes-editor textarea:focus{outline:none;border-color:#c8ff00}.notes-actions{display:flex;gap:8px;margin-top:8px;justify-content:flex-end}.notes-actions .btn-cancel{padding:6px 12px;background:transparent;border:1px solid #444;border-radius:4px;color:#888;cursor:pointer;font-size:12px}.notes-actions .btn-cancel:hover{border-color:#666;color:#fff}.notes-actions .btn-save{padding:6px 12px;background:#c8ff00;border:none;border-radius:4px;color:#000;cursor:pointer;font-weight:600;font-size:12px}.notes-actions .btn-save:hover{background:#b8ef00}.notes-actions .btn-save:disabled{opacity:.5;cursor:not-allowed}.no-events{text-align:center;padding:40px;color:#666}.scout-notes{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;padding:20px;margin-top:24px}.scout-notes h2{color:#c8ff00;font-size:16px;margin:0 0 12px}.scout-notes p{color:#aaa;line-height:1.6;margin:0}@media(max-width:1200px){.content-split{grid-template-columns:1fr}.events-section{max-height:400px}.player-profile-header{grid-template-columns:1fr}.performance-chart-card{max-width:400px;margin:0 auto;width:100%}}@media(max-width:768px){.scouting-header{flex-direction:column;gap:16px;padding:16px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.profile-main{padding:16px}.player-profile-header{gap:16px}.profile-card{flex-direction:column;text-align:center;gap:20px}.profile-card-main{flex-direction:column}.player-badges{justify-content:center}.profile-card-actions{width:100%;justify-content:center}.performance-chart-card{max-width:100%}.players-grid{grid-template-columns:1fr}}.mockups-container{min-height:100vh;background:#0a0a0a;padding:40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mockups-header{text-align:center;margin-bottom:40px}.mockups-header h1{color:#c8ff00;font-size:32px;margin:0 0 8px}.mockups-header p{color:#666;margin-bottom:24px}.view-selector{display:flex;justify-content:center;gap:8px}.view-selector button{padding:12px 32px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#888;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.view-selector button:hover{border-color:#c8ff00;color:#fff}.view-selector button.active{background:#c8ff00;border-color:#c8ff00;color:#000}.report-web{max-width:1200px;margin:0 auto}.report-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#111,#1a1a1a);border:1px solid #2a2a2a;border-radius:16px;padding:32px;margin-bottom:24px}.hero-left{display:flex;align-items:center;gap:24px}.player-badge{width:100px;height:100px;background:linear-gradient(135deg,#c8ff00,#8bc34a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:800;color:#000}.hero-info h1{color:#fff;font-size:36px;margin:0 0 8px}.hero-meta{display:flex;gap:16px}.hero-meta span{color:#888;font-size:14px}.hero-meta span:first-child{color:#c8ff00;font-weight:600}.hero-right{display:flex;align-items:center;gap:24px}.fit-score-large{text-align:center}.fit-number{display:block;font-size:56px;font-weight:800;color:#4caf50;line-height:1}.fit-label{color:#666;font-size:12px;text-transform:uppercase}.recommendation-badge{padding:12px 32px;border-radius:8px;font-size:18px;font-weight:700;color:#000}.report-grid{display:grid;gap:20px}.report-section{background:#111;border:1px solid #222;border-radius:12px;padding:24px}.report-section h2{color:#c8ff00;font-size:16px;margin:0 0 16px;display:flex;align-items:center;gap:8px}.ai-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700}.match-context{background:linear-gradient(135deg,#111,#1a1a1a);border:1px solid #2a2a2a}.match-context-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.context-item{display:flex;flex-direction:column;gap:4px}.context-label{color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.context-value{color:#fff;font-size:18px;font-weight:600}.professional-footer{text-align:center;justify-content:center!important;color:#888!important;font-style:italic}.professional-footer span:first-child{color:#aaa}.match-info{display:flex;gap:20px;margin-bottom:16px;color:#888;font-size:14px}.stats-boxes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-box{background:#1a1a1a;border-radius:8px;padding:16px;text-align:center}.stat-num{display:block;font-size:32px;font-weight:700;color:#fff}.stat-box.success .stat-num{color:#4caf50}.stat-box.quality .stat-num{color:gold}.stat-box.concern .stat-num{color:#ff6b6b}.stat-label{color:#666;font-size:12px;text-transform:uppercase}.stats-boxes.kpi-stats{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.kpi-stat-box{background:#1a1a1a;border:1px solid #2a2a2a;transition:all .2s}.kpi-stat-box:hover{border-color:#c8ff00}.kpi-stat-box .stat-num{color:#c8ff00;font-size:28px}.kpi-stat-box .stat-label{color:#fff;font-size:11px;margin-top:4px}.stat-detail{display:block;color:#666;font-size:11px;margin-top:2px}.ai-summary p{color:#ccc;line-height:1.8;font-size:15px;white-space:pre-line}.kpi-bars{display:flex;flex-direction:column;gap:12px}.kpi-bar-row{display:flex;align-items:center;gap:12px}.kpi-bar-label{width:140px;display:flex;justify-content:space-between}.kpi-name{color:#fff;font-size:13px}.kpi-count{color:#666;font-size:12px}.kpi-bar-track{flex:1;height:8px;background:#1a1a1a;border-radius:4px;overflow:hidden}.kpi-bar-fill{height:100%;background:linear-gradient(90deg,#c8ff00,#8bc34a);border-radius:4px;transition:width .5s ease}.kpi-rate{color:#c8ff00;font-size:13px;font-weight:600;width:45px;text-align:right}.kpi-quality{color:gold;font-size:12px;width:40px}.kpi-concern{color:#ff6b6b;font-size:12px;width:40px}.strengths-weaknesses{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sw-column h3{color:#fff;font-size:14px;margin:0 0 12px}.sw-column ul{list-style:none;padding:0;margin:0}.sw-column li{color:#aaa;font-size:14px;padding:8px 0;border-bottom:1px solid #1a1a1a;display:flex;gap:8px}.sw-column .check{color:#4caf50;font-weight:700}.sw-column .minus{color:#ff6b6b;font-weight:700}.moments-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.moment-card{background:#1a1a1a;border-radius:8px;padding:16px;border-left:3px solid #333;position:relative}.moment-card.quality{border-left-color:gold}.moment-card.concern{border-left-color:#ff6b6b}.moment-time{color:#c8ff00;font-family:monospace;font-size:13px}.moment-kpi{color:#888;font-size:12px;margin-left:8px}.moment-note{color:#ccc;font-size:13px;margin:8px 0 0;line-height:1.4}.moment-badge{position:absolute;top:12px;right:12px;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:700}.moment-badge.quality{background:#ffd70033;color:gold}.moment-badge.concern{background:#ff6b6b33;color:#ff6b6b}.scout-final p{color:#ccc;line-height:1.8;font-size:15px;white-space:pre-line}.report-footer{display:flex;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid #222;color:#555;font-size:12px}.report-pdf{max-width:850px;margin:0 auto}.pdf-page{background:#fff;color:#000;padding:48px;border-radius:8px;box-shadow:0 4px 24px #00000080}.pdf-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:2px solid #000;margin-bottom:24px}.pdf-logo{height:40px}.pdf-title h1{font-size:24px;margin:0;letter-spacing:2px}.pdf-confidential{display:block;font-size:10px;color:#666;letter-spacing:1px}.pdf-date{color:#666;font-size:12px}.pdf-player-section{display:flex;gap:24px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #ddd}.pdf-player-photo{width:100px;height:120px;background:#f0f0f0;border:1px solid #ddd;display:flex;align-items:center;justify-content:center}.pdf-player-number{font-size:48px;font-weight:800;color:#333}.pdf-player-info{flex:1}.pdf-player-info h2{margin:0 0 12px;font-size:28px}.pdf-info-table{border-collapse:collapse}.pdf-info-table td{padding:4px 16px 4px 0;font-size:12px}.pdf-info-table td:first-child{color:#666;font-weight:500}.pdf-verdict{text-align:center}.pdf-fit-score{margin-bottom:8px}.pdf-fit-num{font-size:48px;font-weight:800;color:#4caf50}.pdf-fit-label{font-size:18px;color:#666}.pdf-recommendation{padding:8px 24px;border-radius:4px;font-weight:700;font-size:14px;color:#fff}.pdf-match-context{background:#f8f8f8;border-radius:4px;padding:16px}.pdf-context-row{display:flex;flex-wrap:wrap;gap:24px}.pdf-context-row span{font-size:12px;color:#333}.pdf-context-row strong{color:#666;margin-right:4px}.pdf-section{margin-bottom:20px}.pdf-section h3{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#333;border-bottom:1px solid #ddd;padding-bottom:8px;margin:0 0 12px}.pdf-section p{font-size:12px;line-height:1.7;color:#333;margin:0}.pdf-section ul{margin:0;padding-left:20px}.pdf-section li{font-size:12px;line-height:1.6;color:#333}.pdf-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;padding:16px;background:#f8f8f8;border-radius:4px}.pdf-stat{text-align:center}.pdf-stat-num{display:block;font-size:28px;font-weight:700;color:#000}.pdf-stat-label{font-size:10px;text-transform:uppercase;color:#666}.pdf-stats-row.pdf-kpi-row{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.pdf-kpi-stat{border-right:1px solid #e0e0e0;padding:12px 8px}.pdf-kpi-stat:last-child{border-right:none}.pdf-stat-detail{display:block;font-size:10px;color:#888;margin-top:2px}.pdf-key-videos{background:#f8f8f8;border-radius:4px;padding:16px}.pdf-player-identifier{display:flex;align-items:center;gap:8px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;padding:10px 14px;margin-bottom:12px}.pdf-player-identifier .identifier-icon{font-size:16px}.pdf-player-identifier .identifier-text{font-weight:600;color:#856404;font-size:13px}.pdf-video-links{display:flex;flex-direction:column;gap:8px}.pdf-video-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:4px}.pdf-video-item .video-number{font-weight:600;color:#333;min-width:20px}.pdf-video-item .video-time{font-family:monospace;color:#666;font-size:12px;min-width:45px}.pdf-video-item .video-kpi{font-weight:600;color:#333;font-size:12px;min-width:80px}.pdf-video-item .video-desc{flex:1;color:#666;font-size:12px}.pdf-video-item .video-link{padding:6px 12px;background:#c8ff00;color:#000;font-size:11px;font-weight:600;text-decoration:none;border-radius:4px;transition:all .2s}.pdf-video-item .video-link:hover{background:#b8ef00}.pdf-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pdf-kpi-table{width:100%;border-collapse:collapse;font-size:11px}.pdf-kpi-table th,.pdf-kpi-table td{padding:8px;text-align:left;border-bottom:1px solid #eee}.pdf-kpi-table th{background:#f0f0f0;font-weight:600;text-transform:uppercase;font-size:10px}.pdf-footer{display:flex;justify-content:space-between;margin-top:32px;padding-top:16px;border-top:1px solid #ddd;font-size:10px;color:#666}.report-quick{max-width:500px;margin:0 auto}.quick-card{background:#111;border:1px solid #222;border-radius:16px;overflow:hidden}.quick-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#1a1a1a,#222)}.quick-player{display:flex;align-items:center;gap:12px}.quick-number{width:50px;height:50px;background:linear-gradient(135deg,#c8ff00,#8bc34a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#000}.quick-player h2{color:#fff;font-size:20px;margin:0}.quick-player span{color:#888;font-size:12px}.quick-verdict{text-align:center;padding:12px 20px;border-radius:8px}.quick-fit{display:block;font-size:24px;font-weight:800;color:#000}.quick-rec{font-size:11px;font-weight:700;color:#000;opacity:.8}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:16px;border-bottom:1px solid #222}.quick-stat{text-align:center}.qs-num{display:block;font-size:24px;font-weight:700;color:#fff}.quick-stat.quality .qs-num{color:gold}.quick-stat.concern .qs-num{color:#ff6b6b}.qs-label{font-size:10px;color:#666;text-transform:uppercase}.quick-summary{padding:20px;border-bottom:1px solid #222}.quick-summary p{color:#aaa;font-size:13px;line-height:1.6;margin:0}.quick-highlights{display:grid;grid-template-columns:1fr 1fr;padding:20px;gap:20px}.quick-col h4{color:#888;font-size:11px;text-transform:uppercase;margin:0 0 8px}.quick-col ul{list-style:none;padding:0;margin:0}.quick-col li{color:#ccc;font-size:12px;padding:4px 0}.quick-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#0a0a0a}.quick-footer span{color:#555;font-size:11px}.quick-expand{padding:8px 16px;background:#c8ff00;border:none;border-radius:6px;color:#000;font-size:12px;font-weight:600;cursor:pointer}.quick-expand:hover{background:#b8ef00}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.back-link{color:#888;text-decoration:none;font-size:14px;transition:color .2s}.back-link:hover{color:#c8ff00}.share-badge{background:#c8ff0026;color:#c8ff00;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.header-actions{display:flex;gap:12px}.generate-btn,.save-btn,.download-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.generate-btn{background:#c8ff00;color:#000}.generate-btn:hover:not(:disabled){background:#b8ef00}.save-btn{background:#4caf50;color:#fff}.save-btn:hover:not(:disabled){background:#45a049}.download-btn{background:#2196f3;color:#fff}.download-btn:hover:not(:disabled){background:#1976d2}.generate-btn:disabled,.save-btn:disabled,.download-btn:disabled{opacity:.5;cursor:not-allowed}.no-report{text-align:center;padding:60px 40px;color:#888}.no-report p{font-size:16px;max-width:400px;margin:0 auto;line-height:1.6}.editable{cursor:pointer;transition:all .2s}.editable:hover{opacity:.8}.editable-text{cursor:pointer;padding:12px;border:1px dashed transparent;border-radius:8px;transition:all .2s;margin:-12px}.editable-text:hover{border-color:#333;background:#c8ff000d}.edit-area{margin-top:8px}.edit-area textarea{width:100%;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;padding:12px;font-size:14px;line-height:1.6;resize:vertical;font-family:inherit}.edit-area textarea:focus{outline:none;border-color:#c8ff00}.edit-buttons{display:flex;gap:8px;margin-top:12px}.edit-buttons button{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.edit-buttons button:first-child{background:#c8ff00;color:#000}.edit-buttons button:first-child:hover{background:#b8ef00}.edit-buttons button:last-child{background:#333;color:#888}.edit-buttons button:last-child:hover{background:#444;color:#fff}.sw-column h3{display:flex;align-items:center;justify-content:space-between}.add-btn{width:24px;height:24px;border-radius:50%;background:#c8ff00;border:none;color:#000;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.add-btn:hover{background:#b8ef00;transform:scale(1.1)}.editable-item{position:relative;padding-right:30px!important}.editable-item span:nth-child(2){cursor:pointer;flex:1}.editable-item span:nth-child(2):hover{color:#c8ff00}.remove-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:transparent;border:1px solid #444;color:#888;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s}.editable-item:hover .remove-btn{opacity:1}.remove-btn:hover{background:#f44336;border-color:#f44336;color:#fff}.empty-list{color:#555!important;font-style:italic}.select-btn{margin-left:auto;padding:6px 12px;background:#222;border:1px solid #444;border-radius:6px;color:#888;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.select-btn:hover{border-color:#c8ff00;color:#fff}.select-btn.active{background:#c8ff00;border-color:#c8ff00;color:#000}.moments-selector{background:#0a0a0a;border-radius:8px;padding:16px}.selector-hint{color:#888;font-size:13px;margin:0 0 12px}.events-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.event-select-item{display:flex;align-items:center;gap:12px;padding:12px;background:#1a1a1a;border:1px solid #222;border-radius:8px;cursor:pointer;transition:all .2s}.event-select-item:hover{border-color:#444}.event-select-item.selected{border-color:#c8ff00;background:#c8ff001a}.event-time{font-family:monospace;color:#c8ff00;font-size:13px}.event-kpi{color:#fff;font-size:13px;flex:1}.event-outcome{color:#888;font-size:12px}.event-quality{color:gold;font-size:12px;font-weight:700}.event-concern{color:#ff6b6b;font-size:12px;font-weight:700}.select-check{width:20px;height:20px;color:#c8ff00;font-weight:700;display:flex;align-items:center;justify-content:center}.no-moments{color:#666;font-size:14px;text-align:center;padding:20px}.moment-card{cursor:pointer;transition:all .2s}.moment-card:hover{transform:translateY(-2px);border-left-width:5px}@media(max-width:768px){.mockups-container{padding:20px}.report-hero{flex-direction:column;text-align:center;gap:24px}.hero-left{flex-direction:column}.hero-meta{flex-wrap:wrap;justify-content:center}.stats-boxes,.stats-boxes.kpi-stats{grid-template-columns:repeat(2,1fr)}.pdf-stats-row.pdf-kpi-row{grid-template-columns:repeat(3,1fr)}.pdf-video-item{flex-wrap:wrap}.pdf-video-item .video-desc{width:100%;margin-top:8px}.strengths-weaknesses{grid-template-columns:1fr}.pdf-page{padding:24px}.pdf-player-section{flex-direction:column;align-items:center;text-align:center}.pdf-two-col,.quick-highlights{grid-template-columns:1fr}}.install-prompt{position:fixed;bottom:20px;left:20px;right:20px;max-width:400px;margin:0 auto;background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:16px;box-shadow:0 10px 40px #00000080;z-index:9999;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.install-content{display:flex;align-items:center;gap:12px}.install-icon{width:48px;height:48px;border-radius:12px}.install-text{display:flex;flex-direction:column}.install-text strong{color:#fff;font-size:16px}.install-text span{color:#888;font-size:13px}.install-actions{display:flex;gap:12px;justify-content:flex-end}.install-dismiss{background:none;border:none;color:#888;padding:10px 16px;cursor:pointer;font-size:14px}.install-dismiss:hover{color:#fff}.install-button{background:#c8ff00;color:#000;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;font-size:14px}.install-button:hover{background:#d4ff33}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000;color:#fff}.app{max-width:1400px;margin:0 auto;padding:20px;background:#000}