*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden}@viewport{initial-scale:1;width:device-width}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh}.navbar{background:#fffffff2;box-shadow:0 2px 10px #0000001a;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative}.nav-logo{color:#667eea;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-menu{align-items:center;display:flex;flex-wrap:wrap;gap:2rem}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:.5rem;z-index:1001}.mobile-menu-toggle span{background-color:#333;border-radius:3px;height:3px;transition:all .3s;width:25px}.mobile-menu-toggle:hover span{background-color:#667eea}.nav-user-info{word-break:break-word}.nav-logout-btn{font-size:.9rem;padding:.5rem 1rem;white-space:nowrap}.nav-link{color:#333;font-weight:500;text-decoration:none;transition:color .3s}.nav-link:hover{color:#667eea}.main-content{box-sizing:border-box;margin:2rem auto;max-width:1200px;padding:0 2rem;position:relative;width:100%;z-index:1}.home-container{align-items:center;display:flex;justify-content:center;min-height:70vh}.home-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;max-width:600px;padding:3rem;text-align:center}.home-card h1{color:#333;font-size:2.5rem;margin-bottom:1rem}.home-card p{color:#666;font-size:1.2rem;margin-bottom:2rem}.home-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;box-sizing:border-box;margin-bottom:2rem;padding:2rem;width:100%}.card h2{color:#333;font-size:1.8rem}.card h2,.form-group{margin-bottom:1.5rem}.form-group label{color:#333}.form-group input,.form-group select{-webkit-appearance:none;-moz-appearance:none;border:2px solid #e0e0e0;border-radius:8px;min-height:44px;padding:.875rem;touch-action:manipulation;transition:border-color .3s}.form-group input[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;min-height:44px;padding:.75rem 1.5rem;text-align:center;text-decoration:none;touch-action:manipulation;transition:all .3s}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5568d3;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#764ba2;color:#fff}.btn-secondary:hover{background:#5d3a7f;box-shadow:0 4px 12px #764ba266;transform:translateY(-2px)}.btn-danger{background:#e74c3c}.btn-danger:hover{background:#c0392b}.btn-whatsapp{align-items:center;background-color:#25d366!important;color:#fff!important;display:inline-flex;gap:.5rem;transition:background-color .3s,transform .2s}.btn-whatsapp:hover{background-color:#20ba5a!important;box-shadow:0 4px 8px #25d3664d;transform:translateY(-2px)}.btn-whatsapp:active{transform:translateY(0)}.alert{border-radius:8px;margin-bottom:1rem;padding:1rem}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.player-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.player-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:1.5rem;transition:transform .3s}.player-card:hover{transform:translateY(-5px)}.player-card-header{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.player-card-avatar{object-fit:cover}.player-card-avatar,.player-card-avatar-placeholder{border-radius:50%;flex-shrink:0;height:48px;width:48px}.player-card-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1.25rem;font-weight:600;justify-content:center}.player-card h3{color:#333;flex:1 1;margin:0}.player-info{color:#666;margin:.5rem 0}.skill-badge{border-radius:20px;display:inline-block;font-size:.9rem;font-weight:500;margin-top:.5rem;padding:.25rem .75rem}.skill-badge.high{background:#d4edda;color:#155724}.skill-badge.medium{background:#fff3cd;color:#856404}.skill-badge.low{background:#f8d7da;color:#721c24}.team-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.team-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;cursor:pointer;padding:1.5rem;transition:transform .3s}.team-card:hover{transform:translateY(-5px)}.team-card h3{color:#333;margin-bottom:.5rem}.team-divisions{margin-top:2rem}.division-card,.division-card h4{margin-bottom:1rem}.division-card h4{color:#333;font-size:1.3rem}.player-tag{box-shadow:0 2px 5px #0000001a;font-size:.9rem}.division-stats{border-top:1px solid #e0e0e0;color:#666;font-weight:500;margin-top:1rem;padding-top:1rem}.team-view-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.team-view-header{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.checkbox-group{grid-gap:1rem;background:#f8f9fa;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1rem;max-height:400px;overflow-y:auto;padding:1rem}.checkbox-item{align-items:center;background:#fff;border-radius:8px;cursor:pointer;display:flex;min-height:60px;padding:1rem;touch-action:manipulation;transition:background .3s}.checkbox-item:hover{background:#e9ecef}.checkbox-item input[type=checkbox]{accent-color:#667eea;-webkit-appearance:checkbox;appearance:checkbox;cursor:pointer;flex-shrink:0;height:20px;margin-right:.75rem;min-height:20px;min-width:20px;touch-action:manipulation;width:20px}.checkbox-item label{cursor:pointer;flex:1 1;margin:0}.loading{font-size:1.2rem;padding:2rem;position:relative;text-align:center;z-index:1}.empty-state,.loading{color:#fff}@media (max-width:768px){.nav-container{align-items:center;flex-direction:row;gap:1rem;padding:0 1rem}.nav-logo{flex:1 1;font-size:1.2rem}.mobile-menu-toggle{display:flex}.nav-menu{background:#fff;box-shadow:-2px 0 10px #0000001a;flex-direction:column;gap:0;height:100vh;max-width:300px;overflow-y:auto;padding:4rem 0 2rem;position:fixed;right:-100%;text-align:left;top:0;transition:right .3s ease;width:80%;z-index:1000}.nav-menu-open{right:0}.nav-menu:before{background:#00000080;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s;width:100%;z-index:-1}.nav-menu-open:before{opacity:1;pointer-events:all}.nav-link{align-items:center;display:block;display:flex;min-height:44px}.nav-link,.nav-user-info{border-bottom:1px solid #e0e0e0;padding:1rem 1.5rem}.nav-user-info{font-size:.9rem}.nav-logout-btn{margin:1rem 1.5rem;width:calc(100% - 3rem)}.main-content{margin:1rem auto;padding:0 1rem}.home-container{min-height:60vh;padding:1rem}.home-card{margin:1rem;padding:2rem 1.5rem}.home-card h1{font-size:1.8rem}.home-card p{font-size:1rem}.home-actions{flex-direction:column;width:100%}.home-actions .btn{width:100%}.card{margin-bottom:1rem;padding:1.5rem}.card h2{font-size:1.5rem}.player-list,.team-list{gap:1rem;grid-template-columns:1fr}.player-card,.team-card{padding:1rem}.form-group input,.form-group select{font-size:16px}.checkbox-group{grid-template-columns:1fr;max-height:none}.admin-tabs{flex-direction:column}.admin-tabs button{text-align:center;width:100%}.admin-creator-header,.admin-team-header{align-items:flex-start;flex-direction:column;gap:1rem}.admin-team-actions{flex-direction:column;gap:.5rem;width:100%}.admin-team-actions .btn{width:100%}.team-divisions{margin-top:1rem}.division-card{padding:1rem}.division-players{flex-direction:column}.player-tag{min-height:44px;padding:.75rem 1rem;width:100%}.division-card{padding:1.25rem}.division-card h4{font-size:1.2rem}.btn{font-size:1rem;min-height:44px;padding:.875rem 1rem;width:100%}.form-group{margin-bottom:1.25rem}.form-group label{font-size:1rem;margin-bottom:.75rem}.card{margin-bottom:1.5rem}.player-list,.team-list{gap:1.25rem}.home-actions,.team-view-actions{gap:.75rem}.auth-card{margin:1rem;padding:2rem 1.5rem}.auth-card h2{font-size:1.8rem}}@media (max-width:480px){.nav-logo{font-size:1rem}.nav-menu{width:85%}.home-card h1{font-size:1.5rem}.card h2{font-size:1.3rem}.card{padding:1rem}.player-card h3,.team-card h3{font-size:1.1rem}.auth-card{padding:1.5rem 1rem}.auth-card h2{font-size:1.5rem}.form-group label{font-size:.95rem}.skill-badge{font-size:.8rem;padding:.2rem .6rem}.main-content{padding:0 .75rem}.home-container{padding:.5rem}.home-card{margin:.5rem;padding:1.5rem 1rem}}@media (max-width:768px) and (orientation:landscape){.nav-menu{width:60%}.home-container{min-height:50vh}.auth-container{min-height:50vh;padding:1rem}}@media (min-width:481px) and (max-width:768px){.nav-menu{width:70%}.checkbox-group,.player-list,.team-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px) and (max-width:1024px){.player-list,.team-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.btn{font-size:.9rem;min-height:44px;padding:.75rem 1rem;touch-action:manipulation}.btn-sm{font-size:.85rem;min-height:36px;padding:.5rem .75rem}.btn-secondary{min-width:80px}[style*="display: flex"]{flex-wrap:wrap}.practice-team-formation>div:first-child,.team-view-actions{flex-wrap:wrap;gap:.5rem}}body.menu-open{overflow:hidden}.skill-labels{color:#666;display:flex;font-size:.9rem;justify-content:space-between;margin-top:.5rem}input[type=range]{-webkit-appearance:none;background:#e0e0e0;border-radius:5px;height:8px;outline:none;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#667eea;border-radius:50%;cursor:pointer;height:24px;touch-action:manipulation;width:24px}input[type=range]::-moz-range-thumb{background:#667eea;border:none;border-radius:50%;cursor:pointer;height:24px;touch-action:manipulation;width:24px}.profile-picture-input{display:block;font-size:.95rem;padding:.5rem 0;width:100%}.profile-picture-preview{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.profile-picture-preview img{border:1px solid #e0e0e0;border-radius:8px;max-height:120px;max-width:120px;object-fit:cover}.profile-picture-hint{color:#666;font-size:.85rem}.profile-view{margin-bottom:1.5rem}.profile-view-header{align-items:center;display:flex;gap:1.25rem;margin-bottom:1.25rem}.profile-view-avatar{object-fit:cover}.profile-view-avatar,.profile-view-avatar-placeholder{border-radius:50%;flex-shrink:0;height:80px;width:80px}.profile-view-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:2rem;font-weight:600;justify-content:center}.profile-view-title h3{color:#333;margin:0 0 .25rem}.profile-view-status{color:#666;font-size:.9rem;margin:0;text-transform:capitalize}.profile-view-details{color:#555;line-height:1.6}.profile-view-details p{margin:.5rem 0}@media (max-width:480px){.skill-labels{font-size:.85rem}}.admin-panel{margin:0 auto;max-width:1200px}.admin-creators-list,.admin-teams-list{grid-gap:1rem;display:grid;gap:1rem;margin-top:1rem}.admin-creator-card,.admin-team-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:1.5rem}.admin-creator-header,.admin-team-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.admin-creator-header h4,.admin-team-header h4{color:#333;margin:0}.admin-team-actions{display:flex;gap:.5rem}.admin-team-info{color:#666;font-size:.9rem}.admin-team-info p{margin:.5rem 0}.badge{border-radius:20px;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.badge-success{background:#d4edda;color:#155724}.badge-warning{background:#fff3cd;color:#856404}.admin-creator-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}@media (max-width:768px){.admin-panel{padding:0}.admin-tabs{flex-direction:column;gap:.5rem}.admin-tabs button{padding:1rem;text-align:center;width:100%}.admin-creator-card,.admin-team-card{padding:1rem}.admin-creator-header,.admin-team-header{align-items:flex-start;flex-direction:column;gap:1rem}.admin-team-actions{flex-direction:column;gap:.5rem;width:100%}.admin-team-actions .btn{font-size:.9rem;padding:.75rem;width:100%}.admin-creator-actions .btn{width:100%}}.auth-container{align-items:center;display:flex;justify-content:center;min-height:70vh;padding:2rem;pointer-events:auto;position:relative;z-index:1}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:450px;padding:3rem;width:100%}.auth-card h2{color:#333;font-size:2rem;margin-bottom:2rem;text-align:center}.auth-footer{color:#666;margin-top:1.5rem;text-align:center}.auth-footer a{color:#667eea;font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (max-width:768px){.auth-container{min-height:60vh;padding:1rem}.auth-card{max-width:100%;padding:2rem 1.5rem}.auth-card h2{font-size:1.8rem}}@media (max-width:480px){.auth-card{padding:1.5rem 1rem}.auth-card h2{font-size:1.5rem}}.club-registration{margin:0 auto;max-width:600px}.club-registration .form-group{margin-bottom:1.5rem}.club-registration label{display:block;font-weight:500;margin-bottom:.5rem}.club-registration input,.club-registration textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.club-registration textarea{resize:vertical}.club-home{margin:0 auto;max-width:1200px;padding:2rem}.club-header{margin-bottom:2rem;text-align:center}.club-logo{margin-bottom:1rem;max-height:150px;max-width:150px}.club-image{border-radius:8px;height:auto;margin:1rem 0;max-width:800px;width:100%}.club-description{color:#666;font-size:1.1rem;margin:1rem 0}.club-status{margin:1rem 0}.club-actions{gap:1rem;margin-bottom:2rem}.club-members{margin-top:2rem}.members-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.member-roles{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.badge-info{background:#d1ecf1;border-radius:20px;color:#0c5460;font-size:.85rem;padding:.25rem .75rem}.star-rating{align-items:center;display:inline-flex;gap:2px}.star-btn{background:none;border:none;color:#ddd;cursor:pointer;font-size:1.5rem;padding:0;transition:color .15s}.star-btn.filled,.star-btn:hover:not(:disabled){color:#ffc107}.star-btn:disabled{cursor:not-allowed;opacity:.8}@media (max-width:768px){.club-actions{flex-direction:column}.club-actions .btn{width:100%}}.club-admin-dashboard{margin:0 auto;max-width:1200px;padding:2rem}.admin-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:1rem;margin-bottom:2rem}.admin-tabs button{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.admin-tabs button:hover{color:#667eea}.admin-tabs button.active{border-bottom-color:#667eea;color:#667eea}.admin-content{margin-top:2rem}.registration-link-section{align-items:center;display:flex;gap:1rem}.link-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:.9rem;padding:.75rem}.members-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem}.member-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:1.5rem}.member-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}@media (max-width:768px){.registration-link-section{flex-direction:column}.link-input{width:100%}}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:90vh;overflow-y:auto;padding:1.5rem}.match-scheduling{margin:0 auto;max-width:1200px;padding:2rem}.matches-list{margin-top:2rem}.match-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.match-card h4{margin-top:0}.practice-scheduling{margin:0 auto;max-width:1200px;padding:2rem}.practices-list{margin-top:2rem}.practice-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.practice-card h4{margin-top:0}.availability-voting{margin:0 auto;max-width:800px;padding:2rem}.voting-section{background:#f8f9fa;border-radius:8px;margin:2rem 0;padding:1.5rem}.vote-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.current-vote{font-size:1.1rem;margin-top:1rem}.availability-summary{background:#f8f9fa;border-radius:8px;margin-top:2rem;padding:1.5rem}.summary-stats{display:flex;gap:2rem;margin-top:1rem}.stat{align-items:center;display:flex;flex-direction:column}.stat-label{color:#666;font-size:.9rem}.stat-value{color:#667eea;font-size:2rem;font-weight:700}@media (max-width:768px){.availability-voting{padding:1rem}.vote-buttons{flex-direction:column}.vote-buttons .btn{font-size:1.2rem;padding:1rem;width:100%}.availability-summary{margin-top:2rem}.summary-stats{display:flex;flex-direction:column;gap:1rem}.stat{background-color:#f9f9f9;border-radius:4px;display:flex;justify-content:space-between;padding:.75rem}.admin-section{padding:1rem!important}}.qr-code-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.soccer-field-visualization{margin:2rem 0;width:100%}.field-visualization-header{display:flex;justify-content:center;margin-bottom:1rem}.field-container{background:#f5f5f5;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:1200px;padding:1rem;width:100%}.field-capture-wrapper,.field-container{position:relative}.formation-ball{background:radial-gradient(circle at 30% 30%,#fff,#e0e0e0);border:2px solid #00000040;border-radius:50%;box-shadow:0 2px 6px #0000004d;height:8%;min-height:20px;min-width:20px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:4%;z-index:20}.formation-export-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:1rem 0}.practice-info-overlay{background:#ffffffe6;border-radius:4px;margin-bottom:1rem;padding:.5rem;text-align:center}.practice-info-overlay h4{color:#333;margin:0 0 .5rem}.practice-info-overlay p{color:#666;font-size:.9rem;margin:.25rem 0}.soccer-field{aspect-ratio:2/1;background:#4a7c3f;border:4px solid #fff;border-radius:8px;box-shadow:0 4px 12px #0003;overflow:hidden;position:relative;width:100%}.field-background{background:#4a7c3f;height:100%;left:0;position:absolute;position:relative;top:0;width:100%}.center-line{animation:drawLine .5s ease-out;background:#ffffffe6;bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:3px;z-index:1}.center-circle{animation:drawCircle .8s ease-out;border:2px solid #fffc;height:30%;width:30%}.center-circle,.center-spot{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.center-spot{animation:fadeIn 1s ease-out;background:#ffffffe6;height:8px;width:8px}.penalty-box{animation:drawBox .6s ease-out;border:2px solid #ffffffe6;height:60%;position:absolute;top:20%;width:18%}.penalty-box-left{border-bottom-left-radius:4px;border-top-left-radius:4px;left:0}.penalty-box-right{border-bottom-right-radius:4px;border-top-right-radius:4px;right:0}.goal-box{animation:drawBox .7s ease-out;border:2px solid #ffffffe6;height:40%;position:absolute;top:30%;width:8%}.goal-box-left{border-bottom-left-radius:4px;border-top-left-radius:4px;left:0}.goal-box-right{border-bottom-right-radius:4px;border-top-right-radius:4px;right:0}.penalty-spot{animation:fadeIn 1s ease-out;background:#ffffffe6;border-radius:50%;height:6px;position:absolute;top:50%;transform:translateY(-50%);width:6px}.penalty-spot-left{left:12%}.penalty-spot-right{right:12%}.team-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.player-marker{align-items:center;animation:playerAppear .5s ease-out forwards;border:3px solid #fff;border-radius:8px;box-shadow:0 2px 6px #0000004d;cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-width:120px;min-width:80px;opacity:0;padding:.4rem .6rem;position:absolute;transform:translate(-50%,-50%);transition:transform .2s ease,box-shadow .2s ease;z-index:10}.player-marker:hover{box-shadow:0 4px 12px #0006;transform:translate(-50%,-50%) scale(1.1);z-index:20}.player-name{color:#fff;font-size:.65rem;font-weight:700;line-height:1.2;max-width:100px;overflow:hidden;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 2px #00000080;white-space:nowrap}.player-position-abbr{color:#ffffffe6;font-size:.5rem;font-weight:600;margin-top:2px;text-shadow:0 1px 2px #0000004d;text-transform:uppercase}.formation-selectors{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:1.5rem}.formation-selector{align-items:center;display:flex;flex-direction:column;gap:.5rem}.formation-selector label{color:#333;display:flex;flex-direction:column;font-size:.9rem;font-weight:600;gap:.5rem}.formation-dropdown{background:#fff;border:2px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:border-color .2s ease}.formation-dropdown:hover{border-color:#007bff}.formation-dropdown:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.detected-formation{color:#666;font-size:.8rem;font-style:italic}@keyframes playerAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes drawLine{0%{height:0}to{height:100%}}@keyframes drawCircle{0%{height:0;opacity:0;width:0}to{height:30%;opacity:1;width:30%}}@keyframes drawBox{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.soccer-field{aspect-ratio:1.5/1}.player-marker{max-width:100px;min-width:70px;padding:.3rem .5rem}.player-name{font-size:.55rem;max-width:80px}.player-position-abbr{font-size:.45rem}.formation-selectors{flex-direction:column;gap:1rem}.formation-selector{width:100%}}@media (max-width:480px){.soccer-field{aspect-ratio:1.2/1}.player-marker{max-width:90px;min-width:60px;padding:.25rem .4rem}.player-name{font-size:.5rem;max-width:70px}.player-position-abbr{font-size:.4rem}}.practice-team-formation{margin:0 auto;max-width:1200px;padding:2rem}.form-section{margin-top:2rem}.players-list{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1rem}.player-checkbox{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;gap:.5rem;padding:.5rem}.team-view{margin-top:2rem}.team-divisions{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:2rem 0}.division-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:1.5rem}.division-players{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.player-tag{background:#fff;border:1px solid #ddd;border-radius:20px;padding:.5rem 1rem}.btn-sm{font-size:.9rem}@media (max-width:768px){.practice-team-formation{padding:1rem}.team-divisions{gap:1rem;grid-template-columns:1fr}.division-card{padding:1rem}.player-tag{align-items:flex-start;flex-direction:column;gap:.5rem}.players-list{grid-template-columns:1fr}}.my-clubs{margin:0 auto;max-width:1200px;padding:2rem}.clubs-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.club-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px}.club-logo-small{border-radius:4px;max-height:80px;max-width:80px}.club-info h3{margin-bottom:.5rem;margin-top:0}.empty-state{background:#f8f9fa;border-radius:8px;padding:3rem;text-align:center}.empty-state h3{margin-bottom:1rem}.empty-state p{color:#666;margin-bottom:1.5rem}@media (max-width:768px){.club-actions,.club-card{flex-direction:column}.club-actions .btn{width:100%}}.clubs-list-page{padding:1rem 0}.clubs-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.club-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.club-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.club-logo{border-radius:8px;margin-bottom:.5rem;max-height:200px;object-fit:contain;width:100%}.club-info{flex:1 1}.club-info h3{color:#333;font-size:1.5rem;margin:0 0 .5rem}.club-info p{color:#666;line-height:1.5;margin:.5rem 0}.club-meta{margin-top:.5rem}.club-actions{display:flex;flex-wrap:wrap;gap:.5rem}.club-actions .btn{flex:1 1;min-width:120px}@media (max-width:768px){.clubs-list{grid-template-columns:1fr}.club-card{padding:1rem}.club-actions{flex-direction:column}.club-actions .btn{width:100%}}.photo-gallery{margin:1.5rem 0}.photo-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1rem}.photo-item{background:#f5f5f5;border-radius:8px;cursor:pointer;overflow:hidden;padding-top:100%;position:relative;transition:transform .2s,box-shadow .2s;width:100%}.photo-item:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.photo-item img{object-fit:cover;position:absolute}.lightbox,.photo-item img{height:100%;left:0;top:0;width:100%}.lightbox{align-items:center;background:#000000e6;cursor:pointer;display:flex;justify-content:center;position:fixed;z-index:10000}.lightbox-content{cursor:default;max-height:90%;max-width:90%;position:relative}.lightbox-content img{border-radius:4px;max-height:90vh;max-width:100%;object-fit:contain}.lightbox-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:40px;height:50px;justify-content:center;position:absolute;right:30px;top:20px;transition:background .2s;width:50px;z-index:10001}.lightbox-close:hover{background:#ffffff4d}.lightbox-nav{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:50px;height:60px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s;width:60px;z-index:10001}.lightbox-nav:hover{background:#ffffff4d}.lightbox-prev{left:30px}.lightbox-next{right:30px}.lightbox-counter{background:#00000080;border-radius:20px;bottom:20px;color:#fff;font-size:14px;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%)}@media (max-width:768px){.photo-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.lightbox-nav{font-size:30px;height:40px;width:40px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-close{font-size:30px;height:40px;right:10px;top:10px;width:40px}}.match-summary-form{margin:2rem auto;max-width:800px;padding:0 1rem}.entity-title{color:#667eea;font-size:1.1rem;font-weight:500;margin-bottom:1.5rem}.form-section{background:#f9f9f9;border-left:4px solid #667eea;border-radius:8px;margin:2rem 0;padding:1.5rem}.form-section h3{color:#333;font-size:1.2rem;margin:0 0 1rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{margin-bottom:1rem}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-help{color:#666;font-size:.875rem;font-style:italic;margin:.5rem 0 0}.photo-upload-section{margin:1rem 0}.file-input{margin-bottom:1rem;padding:.5rem;width:100%}.selected-photos{align-items:center;display:flex;gap:1rem;margin-top:.5rem}.selected-photos p{color:#555;margin:0}.uploaded-photos{margin-top:1.5rem}.photo-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.form-actions{border-top:2px solid #e0e0e0;display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem}.btn-success{background:#25d366;color:#fff}.btn-success:hover{background:#20ba5a}@media (max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}}.public-summary{margin:2rem auto;max-width:900px;padding:0 1rem}.summary-header{border-bottom:2px solid #e0e0e0;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.summary-header h1{color:#333;font-size:2rem;margin:0 0 .5rem}.club-name{color:#667eea;font-size:1.2rem;font-weight:500;margin:0}.summary-info{margin:1.5rem 0}.info-item{color:#555;font-size:1rem;margin:.75rem 0}.info-item strong{color:#333;margin-right:.5rem}.score-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin:2rem 0;padding:1.5rem;text-align:center}.score-section h2{font-size:1.2rem;font-weight:500;margin:0 0 1rem}.score-display{flex-wrap:wrap;gap:2rem;justify-content:center}.score-display,.score-team{align-items:center;display:flex}.score-team{flex-direction:column;gap:.5rem}.score-value{font-size:3rem;font-weight:700;line-height:1}.team-name{font-size:1rem;opacity:.9}.score-separator{font-size:2rem;font-weight:700}.man-of-match-section{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;margin:2rem 0;padding:1.5rem;text-align:center}.man-of-match-section h2{color:#856404;font-size:1.2rem;margin:0 0 .75rem}.man-of-match-name{color:#856404;font-size:1.5rem;font-weight:700;margin:0}.photos-section{margin:2rem 0}.photos-section h2{color:#333;margin-bottom:1rem}.next-match-section{background:#e7f3ff;border-left:4px solid #2196f3;border-radius:8px;margin:2rem 0;padding:1.5rem}.next-match-section h2{color:#1976d2;font-size:1.2rem;margin:0 0 1rem}.next-match-info p{color:#555;margin:.5rem 0}.share-section{border-top:2px solid #e0e0e0;margin:2rem 0;padding-top:1.5rem;text-align:center}.btn-whatsapp{background:#25d366;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;padding:.75rem 2rem;transition:background .2s}.btn-whatsapp:hover{background:#20ba5a}@media (max-width:768px){.public-summary{margin:1rem;padding:0}.summary-header h1{font-size:1.5rem}.score-display{gap:1rem}.score-value{font-size:2.5rem}.score-separator{font-size:1.5rem}}
/*# sourceMappingURL=main.9062ec0e.css.map*/