: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%}}*{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}.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}.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%}}.login-page{min-height:100vh;width:100%;background:#070707;display:flex;align-items:center;justify-content:center;padding:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-card{background:#0d0d0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:48px 40px;width:100%;max-width:420px;box-shadow:0 4px 24px #0006}.login-logo{text-align:center;margin-bottom:32px}.login-logo img{height:53px;width:auto}.login-title{color:#fff;font-size:24px;font-weight:600;text-align:center;margin:0 0 32px;letter-spacing:-.5px}.login-error{background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:8px;color:#ff6b6b;font-size:14px;padding:12px 16px;margin-bottom:24px;text-align:center}.login-form{display:flex;flex-direction:column;gap:20px}.form-field{position:relative}.form-field input{width:100%;padding:20px 16px 8px;background:#111;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:16px;font-family:inherit;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.form-field input:focus{outline:none;border-color:#c8ff00;box-shadow:0 0 0 3px #c8ff001a}.form-field input::placeholder{color:transparent}.form-field label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#ffffff80;font-size:16px;pointer-events:none;transition:all .2s ease;background:transparent}.form-field input:focus+label,.form-field input:not(:placeholder-shown)+label{top:12px;transform:translateY(0);font-size:12px;color:#ffffffb3}.form-field input:focus+label{color:#c8ff00}.login-button{width:100%;padding:16px;background:#c8ff00;border:none;border-radius:8px;color:#070707;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;margin-top:8px}.login-button:hover:not(:disabled){background:#b8ef00;transform:translateY(-1px);box-shadow:0 4px 12px #c8ff0040}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background:#c8ff0080;cursor:not-allowed}.login-footer{text-align:center;color:#fff9;font-size:14px;margin:24px 0 0}.login-link-btn{background:none;border:none;color:#c8ff00;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;padding:0;transition:color .2s}.login-link-btn:hover{color:#d8ff40;text-decoration:underline}.login-divider{display:flex;align-items:center;margin:24px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.login-divider span{color:#fff6;font-size:13px;padding:0 16px}.google-signin-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 16px;background:#fff;border:none;border-radius:8px;color:#333;font-size:15px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.google-signin-btn:hover{background:#f5f5f5;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.google-signin-btn:active{transform:translateY(0)}.google-signin-btn svg{flex-shrink:0}.login-terms{text-align:center;color:#fff6;font-size:12px;margin:24px 0 0;line-height:1.5}.login-terms a{color:#c8ff00;text-decoration:none}.login-terms a:hover{text-decoration:underline}@media(max-width:480px){.login-card{padding:32px 24px;border-radius:12px}.login-logo img{height:44px}.login-title{font-size:22px;margin-bottom:28px}.form-field input{padding:18px 14px 6px;font-size:15px}.login-button{padding:14px;font-size:15px}.google-signin-btn{padding:12px 14px;font-size:14px}}.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}}.dashboard-subheader{display:flex;align-items:center;gap:24px;padding:12px 24px;background:#0a0a0a;border-bottom:1px solid #1a1a1a}.dashboard-nav-links{display:flex;gap:4px;flex:1}.dashboard-nav-links .nav-item{padding:10px 20px;background:none;border:none;color:#888;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s}.dashboard-nav-links .nav-item:hover{color:#fff;background:#1a1a1a}.dashboard-layout{display:flex;min-height:calc(100vh - 140px);background:#000;width:100%;overflow:hidden}.profile-sidebar{width:280px;min-width:280px;padding:24px;border-right:1px solid #1a1a1a;flex-shrink:0;overflow-y:auto}.profile-card{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;padding:24px;text-align:center;margin-bottom:20px}.profile-photo-wrapper{width:100px;height:100px;margin:0 auto 16px;background:#1a1a1a;border:2px dashed #333;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.profile-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.add-photo-btn{background:#000000b3;border:none;color:#0ea5e9;font-size:11px;cursor:pointer;position:absolute;bottom:0;left:0;right:0;padding:6px 4px;text-align:center}.add-photo-btn:hover{background:#000000e6}.profile-name{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.view-profile-btn{background:none;border:none;color:#0ea5e9;font-size:13px;cursor:pointer;margin-bottom:20px}.view-profile-btn:hover{text-decoration:underline}.profile-stats{display:flex;justify-content:space-around;padding-top:16px;border-top:1px solid #1a1a1a}.profile-stats .stat{text-align:center}.profile-stats .stat-value{display:block;color:#fff;font-size:20px;font-weight:700}.profile-stats .stat-label{color:#666;font-size:12px}.recruiter-activity{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;padding:16px;margin-bottom:20px}.recruiter-activity h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 12px}.activity-note{color:#888;font-size:12px;line-height:1.5;margin:0}.activity-note .info-icon{color:#0ea5e9;margin-right:4px}.activity-note button{background:none;border:none;color:#0ea5e9;font-size:inherit;cursor:pointer;padding:0;text-decoration:underline}.your-teams-sidebar{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;padding:16px}.your-teams-sidebar h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 12px}.teams-list{display:flex;flex-direction:column;gap:8px}.team-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:none;border:none;border-radius:8px;cursor:pointer;text-align:left;width:100%}.team-item:hover{background:#111}.team-logo-small{width:36px;height:36px;background:linear-gradient(135deg,#c8ff00,#a0cc00);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;color:#000;flex-shrink:0}.team-info{display:flex;flex-direction:column}.team-name-small{color:#fff;font-size:13px;font-weight:500}.team-views{color:#666;font-size:11px}.feed-main{flex:1;max-width:680px;min-width:0;padding:24px;border-right:1px solid #1a1a1a;overflow-y:auto}.feed-search{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#111;border:1px solid #222;border-radius:8px;margin-bottom:20px}.feed-search svg{color:#666;flex-shrink:0}.feed-search input{flex:1;background:none;border:none;color:#fff;font-size:14px;outline:none}.feed-search input::placeholder{color:#555}.feed-tabs{display:flex;border-bottom:1px solid #1a1a1a;margin-bottom:24px}.feed-tab{padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;color:#888;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.feed-tab:hover{color:#fff}.feed-tab.active{color:#fff;border-bottom-color:#fff}.feed-content{display:flex;flex-direction:column;gap:24px}.feed-loading,.feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.upload-first-btn{margin-top:16px;padding:12px 24px;background:#c8ff00;border:none;border-radius:6px;color:#000;font-weight:600;cursor:pointer}.feed-item{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;overflow:hidden}.feed-item-header{display:flex;align-items:center;gap:12px;padding:16px}.uploader-avatar{width:40px;height:40px;background:#0ea5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.uploader-info{flex:1}.uploader-name{color:#fff;font-weight:600}.upload-action{color:#888}.upload-time{display:block;color:#666;font-size:12px;margin-top:2px}.feed-item-dismiss{width:28px;height:28px;background:none;border:none;color:#666;font-size:18px;cursor:pointer;border-radius:4px}.feed-item-dismiss:hover{background:#1a1a1a;color:#fff}.feed-item-video{position:relative;aspect-ratio:16/9;background:#111;cursor:pointer}.feed-item-video img{width:100%;height:100%;object-fit:cover}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#333}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.feed-item-video:hover .play-overlay{opacity:1}.feed-item-info{padding:16px}.feed-item-info .video-title{color:#fff;font-size:15px;font-weight:600;margin:0 0 4px}.feed-item-info .video-subtitle{color:#888;font-size:13px;margin:0}.suggestions-sidebar{width:280px;padding:24px;flex-shrink:0}@media(max-width:1200px){.suggestions-sidebar{display:none}}@media(max-width:900px){.dashboard-layout{flex-direction:column}.profile-sidebar{width:100%;border-right:none;border-bottom:1px solid #1a1a1a;display:flex;flex-wrap:wrap;gap:16px}.profile-card,.recruiter-activity,.your-teams-sidebar{flex:1;min-width:200px}.feed-main{max-width:100%;border-right:none}}@media(max-width:600px){.dashboard-subheader{flex-wrap:wrap;gap:12px}.team-selector{min-width:100%;order:-1}.profile-sidebar{flex-direction:column}.profile-card,.recruiter-activity,.your-teams-sidebar{min-width:100%}}.library-subheader{display:flex;align-items:center;gap:24px;padding:12px 24px;background:#0a0a0a;border-bottom:1px solid #1a1a1a}.team-selector{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#111;border:1px solid #222;border-radius:8px;cursor:pointer;position:relative;min-width:200px}.team-selector:hover{border-color:#333}.team-logo-placeholder{width:32px;height:32px;background:linear-gradient(135deg,#c8ff00,#a0cc00);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#000}.team-name{flex:1;font-weight:600;color:#fff}.team-selector .chevron{color:#666;transition:transform .2s}.team-selector .chevron.up{transform:rotate(180deg)}.team-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#111;border:1px solid #222;border-radius:8px;overflow:hidden;z-index:100;box-shadow:0 8px 32px #00000080}.team-dropdown-header{padding:12px 16px;color:#666;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #222}.team-dropdown button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:none;border:none;color:#ccc;font-size:14px;text-align:left;cursor:pointer}.team-dropdown button:hover{background:#1a1a1a}.team-dropdown button.active{color:#c8ff00}.team-dropdown .check{color:#c8ff00;font-weight:700}.library-nav{display:flex;gap:4px;flex:1}.library-nav .nav-item{padding:10px 20px;background:none;border:none;color:#888;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s}.library-nav .nav-item:hover{color:#fff;background:#1a1a1a}.library-nav .nav-item.active{color:#fff;background:#222}.upload-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#c8ff00;border:none;border-radius:6px;color:#000;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s}.upload-btn:hover{background:#b8ef00}.library-layout{display:flex;min-height:calc(100vh - 140px)}.library-sidebar{width:220px;background:#0a0a0a;border-right:1px solid #1a1a1a;padding:16px;flex-shrink:0}.clear-filters-btn{display:block;width:100%;padding:8px;background:none;border:none;color:#666;font-size:12px;text-align:right;cursor:pointer;margin-bottom:16px}.clear-filters-btn:hover{color:#c8ff00}.filter-section{margin-bottom:8px}.filter-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 8px;background:none;border:none;color:#888;font-size:12px;font-weight:600;letter-spacing:.5px;cursor:pointer;text-align:left}.filter-header:hover{color:#fff}.expand-icon{font-size:8px;transition:transform .2s}.expand-icon.expanded{transform:rotate(90deg)}.filter-options{padding:4px 8px 12px 24px}.filter-option{display:flex;align-items:center;gap:10px;padding:8px 0;color:#ccc;font-size:13px;cursor:pointer}.filter-option:hover{color:#fff}.filter-option input[type=checkbox]{width:16px;height:16px;accent-color:#c8ff00}.filter-empty{color:#555;font-size:12px;font-style:italic}.library-main{flex:1;padding:20px 24px;background:#000;overflow-y:auto}.library-controls{display:flex;align-items:center;gap:16px;margin-bottom:24px}.search-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#111;border:1px solid #222;border-radius:6px;flex:1;max-width:400px}.search-bar svg{color:#666;flex-shrink:0}.search-bar input{flex:1;background:none;border:none;color:#fff;font-size:14px;outline:none}.search-bar input::placeholder{color:#555}.library-count{color:#888;font-size:14px}.library-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.sort-select{padding:10px 16px;background:#111;border:1px solid #222;border-radius:6px;color:#fff;font-size:14px;cursor:pointer;outline:none}.sort-select:hover{border-color:#333}.sort-select option{background:#111}.view-toggle{display:flex;background:#111;border:1px solid #222;border-radius:6px;overflow:hidden}.view-toggle button{padding:10px 12px;background:none;border:none;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center}.view-toggle button:hover{color:#999}.view-toggle button.active{background:#222;color:#fff}.date-group{margin-bottom:32px}.date-group-header{color:#888;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #1a1a1a}.video-grid{display:grid;gap:20px}.video-grid.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.video-grid.list{grid-template-columns:1fr}.video-grid.list .video-card{display:flex;gap:16px}.video-grid.list .video-thumbnail{width:200px;flex-shrink:0}.video-card{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s}.video-card:hover{border-color:#333;transform:translateY(-2px)}.video-thumbnail{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.video-type-badge{position:absolute;bottom:10px;left:10px;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;color:#fff;text-transform:capitalize}.video-menu-btn{position:absolute;top:10px;right:10px;width:28px;height:28px;background:#000000b3;border:none;border-radius:4px;color:#fff;font-size:12px;cursor:pointer;opacity:0;transition:opacity .2s}.video-card:hover .video-menu-btn{opacity:1}.video-info{padding:14px}.video-title{color:#fff;font-size:14px;font-weight:600;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta{display:flex;align-items:center;gap:8px;color:#666;font-size:12px}.library-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#666}.loading-spinner{width:32px;height:32px;border:3px solid #222;border-top-color:#c8ff00;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.library-empty{display:flex;align-items:center;justify-content:center;padding:80px 20px;color:#666}.storage-indicator{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:12px 24px;background:#0a0a0a;border-top:1px solid #1a1a1a}.storage-bar{flex:1;height:6px;background:#222;border-radius:3px;overflow:hidden;max-width:200px}.storage-used{height:100%;background:#c8ff00;border-radius:3px}.storage-text{color:#666;font-size:12px}@media(max-width:1024px){.library-sidebar{width:180px}.video-grid.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:768px){.library-layout{flex-direction:column}.library-sidebar{width:100%;border-right:none;border-bottom:1px solid #1a1a1a;display:flex;flex-wrap:wrap;gap:8px;padding:12px}.filter-section{flex:1;min-width:120px}.library-subheader{flex-wrap:wrap;gap:12px}.team-selector{min-width:100%;order:-1}.library-nav{order:1}.upload-btn{margin-left:auto}.video-grid.grid{grid-template-columns:repeat(2,1fr)}.library-controls{flex-wrap:wrap}.search-bar{max-width:100%;order:-1;width:100%}}@media(max-width:480px){.video-grid.grid{grid-template-columns:1fr}.library-actions{width:100%;justify-content:space-between}}.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}}.profile-tabs{display:flex;gap:0;border-bottom:1px solid #1a1a1a;margin-bottom:24px}.tab-btn{padding:10px 24px;background:transparent;border:none;border-bottom:2px solid transparent;color:#888;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-1px}.tab-btn:hover{color:#ccc}.tab-btn.active{color:#c8ff00;border-bottom-color:#c8ff00}.colleges-tab{padding:0 0 40px}.shortlist-banner{display:flex;align-items:flex-start;gap:12px;background:#0a0a0a;border:1px solid #c8ff00;border-radius:10px;padding:12px 16px;margin-bottom:16px;flex-wrap:wrap}.shortlist-banner-label{color:#c8ff00;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding-top:2px}.shortlist-chips{display:flex;gap:8px;flex-wrap:wrap}.shortlist-chip{display:flex;align-items:center;gap:6px;background:#1a1a1a;color:#c8ff00;border:1px solid #333;border-radius:20px;padding:4px 10px;font-size:12px}.shortlist-chip button{background:none;border:none;color:#666;cursor:pointer;font-size:14px;line-height:1;padding:0;transition:color .15s}.shortlist-chip button:hover{color:#f44}.colleges-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.colleges-search{flex:1;min-width:200px;padding:8px 14px;background:#111;border:1px solid #2a2a2a;border-radius:8px;color:#fff;font-size:13px}.colleges-search::placeholder{color:#555}.colleges-search:focus{outline:none;border-color:#c8ff00}.division-pills{display:flex;gap:6px;flex-wrap:wrap}.division-pill{padding:6px 14px;background:#111;border:1px solid #333;border-radius:20px;color:#888;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.division-pill:hover{border-color:#555;color:#ccc}.region-select{padding:8px 12px;background:#111;border:1px solid #2a2a2a;border-radius:8px;color:#888;font-size:13px;cursor:pointer}.region-select:focus{outline:none;border-color:#c8ff00}.colleges-map-wrapper{border-radius:8px;overflow:hidden;margin-bottom:10px;border:1px solid #1a1a1a}.colleges-legend{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#888}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.colleges-list{border-top:1px solid #111}.college-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid #111;border-left:3px solid transparent;transition:background .15s;cursor:default}.college-item:hover{background:#0a0a0a}.college-item.shortlisted{border-left-color:#c8ff00}.college-name{flex:1;font-size:13px;color:#ddd;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.college-division-badge{font-size:11px;font-weight:600;border:1px solid;border-radius:4px;padding:1px 6px;white-space:nowrap}.college-conf{font-size:12px;color:#666;min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.college-state{font-size:12px;color:#555;min-width:30px}.college-link{color:#c8ff00;font-size:13px;text-decoration:none;min-width:20px;text-align:center}.college-link:hover{color:#a8d900}.shortlist-btn{background:none;border:1px solid #333;border-radius:4px;color:#555;font-size:16px;cursor:pointer;padding:2px 8px;transition:all .15s;line-height:1.2}.shortlist-btn:hover{border-color:#c8ff00;color:#c8ff00}.shortlist-btn.active{color:#c8ff00;border-color:#444}.colleges-loading,.colleges-empty{padding:40px;text-align:center;color:#666}.colleges-more{font-size:12px;color:#555;padding:6px 12px}.leaflet-popup-content-wrapper{background:#111!important;border:1px solid #333!important;border-radius:8px!important;box-shadow:0 4px 20px #0009!important;color:#fff!important;padding:0!important}.leaflet-popup-tip{background:#111!important}.leaflet-popup-content{margin:0!important}.colleges-popup{padding:12px 14px;min-width:180px}.popup-name{display:block;color:#c8ff00;font-size:13px;font-weight:600;margin-bottom:6px}.popup-meta{display:flex;gap:8px;align-items:center;font-size:12px;margin-bottom:4px}.popup-conf{color:#888}.popup-location{font-size:12px;color:#666;margin-bottom:8px}.popup-actions{display:flex;gap:8px;align-items:center}.popup-link{color:#c8ff00;font-size:12px;text-decoration:none}.popup-link:hover{text-decoration:underline}.shortlist-banner-actions{margin-left:auto;flex-shrink:0}.email-shortlist-btn{padding:7px 16px;background:transparent;border:1px solid #c8ff00;border-radius:8px;color:#c8ff00;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}.email-shortlist-btn:hover{background:#c8ff001a}.email-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.email-modal{background:#111;border:1px solid #2a2a2a;border-radius:14px;width:100%;max-width:580px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 48px #000000b3}.email-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #1a1a1a;flex-shrink:0}.email-modal-header h2{color:#fff;font-size:17px;margin:0;font-weight:600}.email-modal-close{background:none;border:none;color:#666;font-size:22px;cursor:pointer;line-height:1;padding:0 4px;transition:color .15s}.email-modal-close:hover{color:#fff}.email-modal-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:20px}.email-modal-section{display:flex;flex-direction:column;gap:8px}.email-modal-label{font-size:11px;font-weight:600;color:#c8ff00;text-transform:uppercase;letter-spacing:.5px}.email-modal-row{display:flex;gap:8px;align-items:flex-start}.email-modal-input{flex:1;padding:9px 12px;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:7px;color:#ccc;font-size:13px;font-family:inherit;resize:none}.email-modal-input:focus{outline:none;border-color:#c8ff00;color:#fff}.email-modal-bcc{font-family:monospace;font-size:12px;color:#aaa;line-height:1.6}.email-modal-copy{padding:9px 14px;background:#1a1a1a;border:1px solid #333;border-radius:7px;color:#888;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0}.email-modal-copy:hover{border-color:#c8ff00;color:#c8ff00}.email-modal-copy.copied{border-color:#4caf50;color:#4caf50}.email-modal-contacts{display:flex;flex-direction:column;gap:10px;max-height:260px;overflow-y:auto}.email-modal-college{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px;padding:10px 14px}.email-modal-college-name{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#ddd;margin-bottom:8px}.email-modal-div-badge{font-size:10px;font-weight:700;border:1px solid;border-radius:3px;padding:1px 5px;flex-shrink:0}.email-modal-coach{display:flex;gap:10px;align-items:center;padding:4px 0;border-top:1px solid #1a1a1a;flex-wrap:wrap}.coach-name{font-size:12px;color:#ccc;min-width:100px}.coach-title{font-size:11px;color:#666;flex:1}.coach-email{font-size:12px;color:#7eb8f7;text-decoration:none}.coach-email:hover{text-decoration:underline}.email-modal-no-contact{font-size:12px;color:#444;padding:4px 0;border-top:1px solid #1a1a1a}.email-modal-loading{font-size:13px;color:#666;padding:8px 0}.email-modal-error{font-size:13px;color:#ff6b6b;padding:8px 0}.email-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid #1a1a1a;flex-shrink:0}.email-open-btn{padding:11px 24px;background:#c8ff00;border:none;border-radius:8px;color:#000;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .15s}.email-open-btn:hover{background:#b8ef00}.email-cancel-btn{padding:11px 20px;background:transparent;border:1px solid #333;border-radius:8px;color:#888;font-size:14px;cursor:pointer;transition:all .15s}.email-cancel-btn:hover{border-color:#555;color:#ccc}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.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}