*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #f59e0b;--primary-dark: #d97706;--primary-darker: #b45309;--secondary-color: #1e3a8a;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--info-color: #3b82f6;--text-white: #ffffff;--text-dark: #1f2937;--text-gray: #6b7280;--text-light: #9ca3af;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #ffffff;--bg-overlay: rgba(0, 0, 0, .8);--gradient-primary: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-hero: linear-gradient(135deg, #0f172a 0%, #1e3a8a 50%, #0f172a 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .2);--shadow-xl: 0 25px 50px rgba(0, 0, 0, .25);--shadow-glow: 0 0 30px rgba(245, 158, 11, .3)}body{font-family:Cairo,sans-serif;line-height:1.6;color:var(--text-dark);background:var(--gradient-hero);min-height:100vh;overflow-x:hidden}.navbar{position:fixed;top:0;width:100%;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);z-index:1000;transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:80px}.logo{height:50px;width:auto}.nav-menu{display:flex;gap:20px}.nav-link{display:flex;align-items:center;gap:8px;color:var(--text-dark);text-decoration:none;font-weight:600;padding:12px 20px;border-radius:25px;transition:all .3s ease}.nav-link:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.hamburger{display:none;flex-direction:column;cursor:pointer}.bar{width:25px;height:3px;background:var(--text-dark);margin:3px 0;transition:.3s;border-radius:2px}.hero-background{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--gradient-hero);z-index:-1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3)}.hero-particles{position:absolute;top:0;left:0;width:100%;height:100%}.particle{position:absolute;background:rgba(255,255,255,.1);border-radius:50%;animation:floatParticles 15s linear infinite}.particle:nth-child(1){width:4px;height:4px;left:10%;animation-delay:0s}.particle:nth-child(2){width:6px;height:6px;left:20%;animation-delay:2s}.particle:nth-child(3){width:3px;height:3px;left:30%;animation-delay:4s}.particle:nth-child(4){width:5px;height:5px;left:40%;animation-delay:6s}.particle:nth-child(5){width:4px;height:4px;left:50%;animation-delay:8s}.particle:nth-child(6){width:6px;height:6px;left:60%;animation-delay:10s}.particle:nth-child(7){width:3px;height:3px;left:70%;animation-delay:12s}.particle:nth-child(8){width:5px;height:5px;left:80%;animation-delay:14s}.particle:nth-child(9){width:4px;height:4px;left:90%;animation-delay:16s}@keyframes floatParticles{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;color:#fff}.loading-spinner{width:60px;height:60px;border:6px solid rgba(255,255,255,.3);border-top:6px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-spinner-small{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen p{font-size:1.2rem;font-weight:600}.error-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-card);display:flex;justify-content:center;align-items:center;z-index:9999}.error-content{text-align:center;padding:40px;background:white;border-radius:20px;box-shadow:var(--shadow-lg)}.error-content i{font-size:4rem;color:var(--text-gray);margin-bottom:20px}.error-content h2{font-size:2rem;color:var(--text-dark);margin-bottom:10px}.error-content p{color:var(--text-gray);margin-bottom:30px}.back-btn{background:var(--gradient-primary);color:#fff;border:none;padding:12px 24px;border-radius:25px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;margin:0 auto}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:120px 20px 40px;position:relative;z-index:10}.login-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.2);max-width:500px;width:100%;overflow:hidden;animation:slideInUp .8s ease}@keyframes slideInUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.login-header{background:var(--gradient-primary);padding:40px 30px;text-align:center;color:#fff}.login-logo{display:flex;flex-direction:column;align-items:center;gap:15px}.header-logo{width:80px;height:80px;border-radius:50%;border:4px solid rgba(255,255,255,.3);padding:10px;background:rgba(255,255,255,.1)}.login-header h1{font-size:2rem;font-weight:900;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.login-header p{font-size:1rem;opacity:.9;font-weight:500}.login-body{padding:40px 30px}.login-form{display:flex;flex-direction:column;gap:25px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:var(--text-dark);font-size:.95rem}.input-container{position:relative}.input-container input{width:100%;padding:15px 20px 15px 50px;border:2px solid #e5e7eb;border-radius:15px;font-size:1rem;font-family:Cairo,sans-serif;transition:all .3s ease;background:#f9fafb}.input-container input:focus{outline:none;border-color:var(--primary-color);background:white;box-shadow:0 0 0 3px #f59e0b1a;transform:translateY(-2px)}.input-container input::placeholder{color:var(--text-light)}.input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--primary-color);font-size:1.1rem}.form-help{color:var(--text-gray);font-size:.85rem;font-style:italic;margin-top:5px}.login-btn{background:var(--gradient-primary);color:#fff;border:none;padding:18px 30px;border-radius:15px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;font-family:Cairo,sans-serif;margin-top:10px}.login-btn:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-darker));transform:translateY(-3px);box-shadow:var(--shadow-glow)}.login-btn:active{transform:translateY(-1px)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-footer{margin-top:30px;text-align:center}.divider{position:relative;margin:20px 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb}.divider span{background:white;padding:0 20px;color:var(--text-gray);font-size:.9rem;position:relative}.register-info-btn{background:rgba(245,158,11,.1);color:var(--primary-color);border:2px solid var(--primary-color);padding:12px 25px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Cairo,sans-serif;width:100%}.register-info-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.success-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;box-shadow:var(--shadow-xl);border:1px solid rgba(16,185,129,.3);max-width:500px;width:100%;overflow:hidden;animation:successSlideIn .8s ease}@keyframes successSlideIn{0%{transform:scale(.8) translateY(50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.success-content{padding:50px 30px;text-align:center}.success-icon{font-size:4rem;color:var(--success-color);margin-bottom:20px;animation:successBounce 1s ease}@keyframes successBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.success-content h2{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:10px}.success-content p{color:var(--text-gray);font-size:1.1rem;margin-bottom:30px}.user-details{background:#f9fafb;border-radius:15px;padding:20px;margin:20px 0;text-align:left}.user-detail{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e5e7eb}.user-detail:last-child{border-bottom:none}.user-detail strong{color:var(--text-dark);font-weight:600}.user-detail span{color:var(--text-gray)}.success-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn{padding:12px 25px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;text-decoration:none;font-family:Cairo,sans-serif;border:none}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-darker));transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:rgba(239,68,68,.1);color:#ef4444;border:2px solid #ef4444}.btn-secondary:hover{background:#ef4444;color:#fff;transform:translateY(-2px)}.registration-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:none;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.registration-modal.active{display:flex;opacity:1}.modal-content{background:white;border-radius:20px;box-shadow:var(--shadow-xl);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideIn .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:30px 30px 20px;border-bottom:1px solid #e5e7eb}.modal-header h2{color:var(--text-dark);font-size:1.5rem;font-weight:700}.modal-close{background:rgba(239,68,68,.1);border:none;color:#ef4444;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.modal-body{padding:30px}.info-content{text-align:center}.info-icon{font-size:4rem;color:var(--primary-color);margin-bottom:20px}.info-steps{display:flex;flex-direction:column;gap:25px;margin:30px 0}.step{display:flex;align-items:flex-start;gap:20px;text-align:left}.step-number{background:var(--gradient-primary);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.step-content h4{color:var(--text-dark);font-weight:600;margin-bottom:8px;font-size:1.1rem}.step-content p{color:var(--text-gray);line-height:1.6}.contact-section{background:#f9fafb;border-radius:15px;padding:25px;margin-top:30px}.contact-section h4{color:var(--text-dark);font-weight:600;margin-bottom:20px;text-align:center}.contact-methods{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.contact-method{display:flex;align-items:center;gap:8px;background:white;color:var(--primary-color);padding:12px 20px;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid var(--primary-color)}.contact-method:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.notification-container{position:fixed;top:100px;right:20px;z-index:3000;display:flex;flex-direction:column;gap:10px}.notification{background:white;border-radius:12px;padding:15px 20px;box-shadow:var(--shadow-lg);border-left:4px solid;display:flex;align-items:center;gap:12px;max-width:350px;transform:translate(100%);transition:transform .3s ease;animation:slideInRight .3s ease forwards}@keyframes slideInRight{to{transform:translate(0)}}.notification.success{border-left-color:var(--success-color)}.notification.error{border-left-color:var(--error-color)}.notification.info{border-left-color:var(--info-color)}.notification.warning{border-left-color:var(--warning-color)}.notification i{font-size:1.2rem}.notification.success i{color:var(--success-color)}.notification.error i{color:var(--error-color)}.notification.info i{color:var(--info-color)}.notification.warning i{color:var(--warning-color)}.notification span{color:var(--text-dark);font-weight:500;flex:1}.profile-container{max-width:1200px;margin:0 auto;padding:120px 20px 40px;position:relative;z-index:10}.profile-header{display:grid;grid-template-columns:400px 1fr;gap:60px;margin-bottom:60px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:40px;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.2)}.profile-picture-container{position:relative;width:100%;height:400px}.profile-picture-frame{width:100%;height:100%;position:relative;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg)}.profile-picture{width:100%;height:100%;object-fit:cover;transition:all .5s ease;clip-path:inset(0 0 100% 0);animation:curtainReveal 2s ease-out forwards;animation-delay:.5s}.picture-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(30,126,52,.1);display:flex;align-items:center;justify-content:center;z-index:3;opacity:1;transition:opacity .5s ease}.picture-loading-overlay.hidden{opacity:0;pointer-events:none}.loading-spinner-small{width:40px;height:40px;border:4px solid rgba(30,126,52,.2);border-top:4px solid var(--primary-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes curtainReveal{0%{clip-path:inset(0 0 100% 0);transform:scale(1.1);filter:brightness(.7)}25%{clip-path:inset(0 0 75% 0);transform:scale(1.08);filter:brightness(.8)}50%{clip-path:inset(0 0 50% 0);transform:scale(1.05);filter:brightness(.9)}75%{clip-path:inset(0 0 25% 0);transform:scale(1.02);filter:brightness(.95)}to{clip-path:inset(0 0 0% 0);transform:scale(1);filter:brightness(1)}}.profile-picture-frame:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(30,126,52,.3) 0%,rgba(30,126,52,.1) 50%,transparent 100%);z-index:1;opacity:1;animation:overlayFade 2s ease-out forwards;animation-delay:1s}@keyframes overlayFade{0%{opacity:1}to{opacity:0}}.profile-picture.loading{clip-path:inset(0 0 100% 0);animation:none}.profile-picture.loaded{animation:curtainReveal 2s ease-out forwards;animation-delay:.3s}.profile-picture-frame{position:relative;overflow:hidden;border-radius:20px;box-shadow:var(--shadow-lg)}.profile-picture-frame:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translate(-100%) translateY(-100%) rotate(45deg);animation:shimmer 3s ease-in-out;animation-delay:1.5s;z-index:2;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}50%{transform:translate(100%) translateY(100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.player-name{font-size:3rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:30px}.player-details{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.detail-item{display:flex;align-items:center;gap:20px;padding:15px 20px;background:rgba(30,126,52,.05);border-radius:15px;border-left:4px solid var(--primary-green);transition:all .3s ease}.detail-item:hover{background:rgba(30,126,52,.1);transform:translate(10px)}.detail-icon{width:50px;height:50px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.detail-content{flex:1}.detail-label{display:block;font-size:.9rem;color:var(--text-gray);font-weight:500;margin-bottom:2px}.detail-value{display:block;font-size:1.1rem;font-weight:700;color:var(--text-dark)}.rating-stars{display:flex;gap:5px}.rating-stars i{color:var(--gold-color);font-size:1.2rem;cursor:pointer;transition:all .3s ease}.rating-stars i:hover{transform:scale(1.2)}.action-buttons{display:flex;gap:15px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;position:relative;overflow:hidden}.action-btn.primary{background:var(--gradient-primary);color:#fff}.action-btn.secondary{background:rgba(30,126,52,.1);color:var(--primary-green);border:2px solid var(--primary-green)}.action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.action-btn:active{transform:translateY(0) scale(.95)}.gallery-section{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;padding:40px;box-shadow:var(--shadow-lg)}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.gallery-header h2{font-size:2rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gallery-tabs{display:flex;gap:10px}.gallery-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:rgba(30,126,52,.1);color:var(--primary-green);border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:600}.gallery-tab.active,.gallery-tab:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-2px)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.gallery-item{aspect-ratio:1;border-radius:15px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative}.gallery-item:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:2000;display:none;align-items:center;justify-content:center}.image-modal.active{display:flex}.modal-content{position:relative;max-width:90%;max-height:90%}.modal-close{position:absolute;top:-50px;right:0;background:rgba(255,255,255,.2);border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem}#modalImage{max-width:100%;max-height:100%;border-radius:15px;box-shadow:var(--shadow-lg)}.admin-dashboard{max-width:1400px;margin:0 auto;padding:100px 20px 40px}.admin-header{background:white;border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.admin-info h1{font-size:2.5rem;font-weight:700;margin-bottom:5px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-info p{color:var(--text-gray);font-size:1.1rem;font-weight:500}.quick-stats{display:flex;gap:20px}.stat-card{text-align:center;padding:20px;background:#f9fafb;border-radius:12px;min-width:120px;transition:all .3s ease}.stat-card:hover{background:var(--gradient-primary);color:#fff;transform:scale(1.05)}.stat-number{font-size:2rem;font-weight:900;color:var(--primary-color);margin-bottom:5px}.stat-label{font-size:.9rem;color:var(--text-gray);font-weight:600}.date-selection-card{background:white;border-radius:20px;padding:25px;margin-bottom:30px;box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e5e7eb}.date-controls{display:flex;gap:15px;align-items:center}.date-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;font-weight:600;color:var(--text-dark);background:white;transition:all .3s ease}.players-section{background:white;border-radius:20px;padding:25px;box-shadow:var(--shadow-sm)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:20px}.section-header h2{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;color:var(--text-dark)}.section-actions{display:flex;gap:15px}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.player-card{background:#f9fafb;border-radius:15px;padding:20px;transition:all .3s ease;border:2px solid transparent}.player-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.player-card.present{border-color:var(--success-color);background:rgba(16,185,129,.05)}.player-card.absent{border-color:var(--error-color);background:rgba(239,68,68,.05)}.player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.player-info h3{font-size:1.2rem;font-weight:700;color:var(--text-dark);margin-bottom:5px}.player-info p{color:var(--text-gray);font-size:.9rem}.player-id{background:var(--gradient-primary);color:#fff;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.attendance-controls{display:flex;gap:10px;margin-bottom:15px}.attendance-btn{flex:1;padding:10px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:5px}.present-btn{background:rgba(16,185,129,.1);color:var(--success-color);border:2px solid var(--success-color)}.present-btn:hover,.present-btn.active{background:var(--success-color);color:#fff}.absent-btn{background:rgba(239,68,68,.1);color:var(--error-color);border:2px solid var(--error-color)}.absent-btn:hover,.absent-btn.active{background:var(--error-color);color:#fff}.player-stats{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-gray);margin-bottom:10px}.view-details-btn{width:100%;margin-top:10px;padding:8px;background:rgba(59,130,246,.1);color:var(--info-color);border:1px solid var(--info-color);border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.view-details-btn:hover{background:var(--info-color);color:#fff}.btn{padding:12px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;border:none;text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-success{background:var(--success-color);color:#fff}.btn-success:hover{background:#059669;transform:translateY(-2px)}.btn-warning{background:var(--error-color);color:#fff}.btn-warning:hover{background:#dc2626;transform:translateY(-2px)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:none;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.modal.active{display:flex;opacity:1}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.modal-content{background:white;border-radius:20px;box-shadow:var(--shadow-lg);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{transform:translateY(-50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 25px 15px;border-bottom:1px solid #e5e7eb}.modal-header h3{font-size:1.3rem;font-weight:700;color:var(--text-dark)}.modal-close{background:rgba(239,68,68,.1);border:none;color:#ef4444;width:35px;height:35px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#ef4444;color:#fff}.modal-body{padding:25px}.player-detail-section{margin-bottom:20px}.player-detail-section h4{display:flex;align-items:center;gap:8px;margin-bottom:15px;color:var(--text-dark);font-weight:600}.player-detail-section i{color:var(--primary-color)}.detail-grid{display:grid;gap:10px}.detail-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f4f6}.detail-item:last-child{border-bottom:none}.status-badge{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600;color:#fff}.status-badge.paid{background:var(--success-color)}.status-badge.pending{background:var(--warning-color)}.status-badge.overdue{background:var(--error-color)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.stat-item{text-align:center;padding:15px;background:#f9fafb;border-radius:8px}.stat-item .stat-number{font-size:1.5rem;font-weight:900;color:var(--primary-color);margin-bottom:5px}.stat-item .stat-label{font-size:.8rem;color:var(--text-gray);font-weight:600}.home-page{background:var(--gradient-hero);min-height:100vh}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}.hero.loaded{animation:fadeIn 1s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero-content{position:relative;z-index:10;max-width:800px;padding:0 20px}.hero-title{font-size:4rem;font-weight:900;margin-bottom:20px;line-height:1.2}.title-main{display:block;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-sub{display:block;font-size:2rem;font-weight:300;margin-top:10px}.hero-description{font-size:1.5rem;margin-bottom:40px;opacity:.9}.cta-button{background:var(--gradient-primary);color:#fff;border:none;padding:15px 40px;border-radius:50px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;box-shadow:var(--shadow-lg)}.cta-button:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.hero-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.shape{position:absolute;border-radius:50%;background:rgba(245,158,11,.1)}.shape-1{width:300px;height:300px;top:10%;left:5%;animation:float 15s infinite ease-in-out}.shape-2{width:200px;height:200px;bottom:10%;right:10%;animation:float 12s infinite ease-in-out reverse}.shape-3{width:150px;height:150px;top:40%;right:20%;animation:float 18s infinite ease-in-out}@keyframes float{0%,to{transform:translate(0)}25%{transform:translate(20px,20px)}50%{transform:translate(-20px,20px)}75%{transform:translate(-20px,-20px)}}.hero-waves{position:absolute;bottom:0;left:0;width:100%;height:100px;overflow:hidden}.wave{position:absolute;bottom:0;left:0;width:200%;height:100px;background:rgba(255,255,255,.1);border-radius:45%;animation:wave 15s infinite linear}.wave:nth-child(2){animation-delay:-5s;opacity:.7}.wave:nth-child(3){animation-delay:-10s;opacity:.4}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-50%)}}.about-section{padding:100px 0;background:white}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:2.5rem;font-weight:700;color:var(--text-dark);margin-bottom:20px}.title-accent{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-underline{width:80px;height:4px;background:var(--gradient-primary);margin:0 auto;border-radius:2px}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-text h3{font-size:2rem;margin-bottom:20px;color:var(--text-dark)}.about-text p{font-size:1.1rem;line-height:1.8;margin-bottom:40px;color:var(--text-gray)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:900;color:var(--primary-color);margin-bottom:10px}.stat-label{font-size:1rem;color:var(--text-gray);font-weight:600}.video-container{border-radius:20px;overflow:hidden;box-shadow:var(--shadow-xl);position:relative}.video-wrapper{position:relative;padding-top:56.25%}.academy-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;cursor:pointer}.play-button{background:var(--gradient-primary);color:#fff;width:80px;height:80px;border-radius:50%;border:none;font-size:2rem;cursor:pointer;transition:all .3s ease}.play-button:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.cta-section{padding:100px 0;background:linear-gradient(135deg,#1e3a8a 0%,#0f172a 100%);color:#fff}.cta-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.cta-text h2{font-size:2.5rem;margin-bottom:20px}.cta-text p{font-size:1.2rem;line-height:1.8;margin-bottom:40px;opacity:.9}.cta-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{display:flex;flex-direction:column;align-items:center;text-align:center}.feature i{font-size:2.5rem;margin-bottom:15px;color:var(--primary-color)}.feature span{font-size:1.1rem;font-weight:600}.google-form-container{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;padding:40px;border:1px solid rgba(255,255,255,.2)}.form-header{text-align:center;margin-bottom:30px}.google-logo{width:60px;height:60px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#db4437;font-size:1.8rem}.form-header h3{font-size:1.8rem;margin-bottom:10px}.form-header p{opacity:.8;font-size:1.1rem}.registration-preview{background:rgba(0,0,0,.2);border-radius:15px;padding:25px;margin-bottom:30px}.preview-item{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1)}.preview-item:last-child{border-bottom:none}.preview-item i{font-size:1.5rem;color:var(--primary-color)}.preview-item span{font-size:1.1rem;font-weight:600}.google-form-btn{background:white;color:#db4437;border:none;padding:18px 30px;border-radius:15px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-bottom:25px}.google-form-btn:hover{background:#f8f9fa;transform:translateY(-3px);box-shadow:var(--shadow-glow)}.form-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.benefit{display:flex;align-items:center;gap:8px;font-size:.9rem;text-align:center}.benefit i{color:var(--primary-color)}.alternative-contact{margin-top:40px;padding-top:30px;border-top:1px solid rgba(255,255,255,.2)}.divider{position:relative;margin-bottom:20px;text-align:center}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(255,255,255,.2)}.divider span{background:rgba(0,0,0,.2);padding:0 20px;color:#ffffffb3;font-size:.9rem;position:relative}.contact-options{display:flex;gap:15px;justify-content:center}.contact-btn{background:rgba(255,255,255,.1);color:#fff;border:2px solid rgba(255,255,255,.2);padding:12px 25px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:1rem}.contact-btn:hover{background:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.whatsapp-btn{background:rgba(37,211,102,.2);border-color:#25d36666}.whatsapp-btn:hover{background:#25D366;border-color:#25d366}.phone-btn{background:rgba(239,68,68,.2);border-color:#ef444466}.phone-btn:hover{background:#ef4444;border-color:#ef4444}.footer{background:#0f172a;color:#fff;padding:60px 0 30px}.footer-content{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:40px}.footer-logo{height:60px;width:auto;margin-bottom:15px}.footer-section h4{font-size:1.3rem;margin-bottom:20px;color:var(--primary-color)}.contact-info p{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:#ffffffb3}.social-links{display:flex;gap:15px;margin-top:20px}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:50%;color:#fff;font-size:1.2rem;transition:all .3s ease}.social-links a:hover{background:var(--primary-color);transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);color:#ffffff80;font-size:.9rem}@media (max-width: 992px){.hero-title{font-size:3rem}.title-sub{font-size:1.5rem}.about-content,.cta-content{grid-template-columns:1fr;gap:40px}.footer-content{grid-template-columns:1fr;text-align:center}.social-links{justify-content:center}}@media (max-width: 768px){.navbar{padding:0 15px}.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:80px;flex-direction:column;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;text-align:center;transition:.3s;padding:20px 0}.nav-menu.active{left:0}.hero-title{font-size:2.5rem}.title-sub{font-size:1.3rem}.hero-description{font-size:1.2rem}.stats,.cta-features,.form-benefits{grid-template-columns:1fr}.contact-options{flex-direction:column}}@media (max-width: 480px){.hero-title{font-size:2rem}.title-sub{font-size:1.1rem}.hero-description{font-size:1rem}.section-title{font-size:2rem}.admin-header,.players-section{padding:20px}.modal-content{margin:20px;width:calc(100% - 40px)}}.nav-auth{display:flex;align-items:center}.login-btn{background:var(--gradient-primary);color:#fff;border:none;padding:8px 16px;border-radius:20px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:.95rem}.login-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.nav-auth{display:none}.nav-menu.active{padding-bottom:60px}.nav-menu.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60px;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;box-shadow:0 -2px 10px #0000001a}.nav-menu.active:after{content:"Login";color:var(--text-dark);font-weight:600;cursor:pointer}.nav-menu.active:after:hover{color:var(--primary-color)}}.back-to-home-btn{background:rgba(30,126,52,.1);color:#1e7e34;border:2px solid #1e7e34;padding:10px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-family:Cairo,sans-serif;width:100%;margin-top:20px}.back-to-home-btn:hover{background:#1e7e34;color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block!important;background:none;border:none;width:100%;text-align:left;padding:15px 20px;color:var(--text-dark);font-weight:600;font-family:Cairo,sans-serif;cursor:pointer}.mobile-only:hover{background:rgba(245,158,11,.1);color:var(--primary-color)}.mobile-login-container{position:fixed;bottom:0;left:0;width:100%;background:white;padding:15px 20px;box-shadow:0 -2px 10px #0000001a;z-index:1001}.mobile-login-btn{width:100%;background:var(--gradient-primary);color:#fff;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-family:Cairo,sans-serif}.nav-menu{position:fixed;top:80px;left:0;width:100%;background:white;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:calc(100vh - 150px);overflow-y:auto}.nav-menu:not(.active){display:none}}@media (min-width: 769px){.mobile-only,.mobile-login-container{display:none!important}}.login-toggle{display:flex;gap:10px;margin-bottom:20px}.toggle-btn{flex:1;padding:10px;border:2px solid #e5e7eb;background:#f9fafb;color:var(--text-dark);font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.toggle-btn.active{background:var(--gradient-primary);color:#fff;border-color:var(--primary-color);transform:translateY(-2px)}.toggle-btn:hover:not(.active){background:#f1f3f5;transform:translateY(-1px)}.admin-dashboard{max-width:1400px;margin:0 auto;padding:20px}.admin-header{background:white;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px}.admin-info h1{font-size:1.8rem;font-weight:700;margin-bottom:5px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-info p{color:var(--text-gray);font-size:1rem;font-weight:500}.admin-actions{display:flex;flex-direction:column;gap:15px;min-width:280px}.quick-stats{display:flex;gap:15px;flex-wrap:wrap}.stat-card{text-align:center;padding:15px;background:#f9fafb;border-radius:10px;min-width:110px;transition:all .3s ease;border:1px solid #e5e7eb}.stat-card:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-2px);border-color:transparent}.stat-number{font-size:1.5rem;font-weight:900;color:var(--primary-color);margin-bottom:5px}.stat-card:hover .stat-number{color:#fff}.stat-label{font-size:.85rem;color:var(--text-gray);font-weight:600}.stat-card:hover .stat-label{color:#fff}.logout-btn{background:rgba(239,68,68,.1);color:#ef4444;border:2px solid #ef4444;padding:10px 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-family:Cairo,sans-serif;align-self:flex-start}.logout-btn:hover{background:#ef4444;color:#fff;transform:translateY(-2px)}.dashboard-controls{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.date-selection-card{background:white;border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);flex:1;min-width:300px}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}.card-header h3{font-size:1.2rem;font-weight:700;color:var(--text-dark)}.card-header i{color:var(--primary-color)}.date-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.date-input{padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-weight:600;color:var(--text-dark);background:white;transition:all .3s ease;min-width:160px}.date-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #f59e0b1a}.search-filter-section{display:flex;gap:15px;flex:1;min-width:300px;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:200px}.search-input{width:100%;padding:10px 14px 10px 40px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:Cairo,sans-serif;transition:all .3s ease;background:#f9fafb}.search-input:focus{outline:none;border-color:var(--primary-color);background:white;box-shadow:0 0 0 3px #f59e0b1a}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--primary-color);font-size:1.1rem}.filter-controls{min-width:180px}.filter-select{width:100%;padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:Cairo,sans-serif;background:white;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #f59e0b1a}.dashboard-actions{margin-bottom:20px}.dashboard-actions .btn{padding:10px 20px;font-size:1rem}.players-section{background:white;border-radius:12px;padding:20px;box-shadow:var(--shadow-sm)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:15px}.section-header h2{display:flex;align-items:center;gap:10px;font-size:1.4rem;font-weight:700;color:var(--text-dark)}.section-header i{color:var(--primary-color)}.section-actions{display:flex;gap:12px;flex-wrap:wrap}.section-actions .btn{padding:8px 16px;font-size:.95rem}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.no-players{text-align:center;padding:40px 20px;color:var(--text-gray)}.no-players i{font-size:3rem;color:var(--text-light);margin-bottom:15px}@media (max-width: 768px){.admin-dashboard{padding:15px}.admin-header{flex-direction:column;align-items:stretch;text-align:center}.admin-actions{flex-direction:row;justify-content:center;align-items:center}.quick-stats{justify-content:center}.logout-btn{align-self:center}.dashboard-controls,.search-filter-section{flex-direction:column}.players-grid{grid-template-columns:1fr}}@media (max-width: 480px){.section-actions{flex-direction:column}.section-actions .btn{width:100%;justify-content:center}}.error-banner{background:#f8d7da;color:#721c24;padding:10px 15px;border-radius:5px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eaeaea}.admin-info h1{display:flex;align-items:center;gap:10px;color:#212529}.admin-actions{display:flex;flex-direction:column;gap:15px}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:10px}.stat-card{background:#f8f9fa;border-radius:8px;padding:12px;text-align:center;box-shadow:0 2px 4px #0000000d}.stat-number{font-size:1.8rem;font-weight:700;color:#007bff}.stat-label{font-size:.9rem;color:#6c757d}.logout-btn{background:#dc3545;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:5px;font-weight:500}.logout-btn:hover{background:#c82333}.dashboard-controls{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}.date-selection-card{flex:1;min-width:300px;background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 8px #00000014}.card-header{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eee}.date-controls{display:flex;gap:10px;align-items:center}.date-input{flex:1;padding:8px;border:1px solid #ced4da;border-radius:4px}.search-filter-section{display:flex;gap:15px;flex:1;min-width:300px}.search-box{position:relative;flex:1}.search-input{width:100%;padding:10px 15px 10px 35px;border:1px solid #ced4da;border-radius:4px;font-size:1rem}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d}.filter-select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;background:white;min-width:150px}.players-section{background:white;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{display:flex;align-items:center;gap:10px;color:#212529}.section-actions{display:flex;gap:10px}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.loading,.no-players{text-align:center;padding:30px;color:#6c757d}.no-players i{font-size:3rem;margin-bottom:15px;opacity:.5}@media (max-width: 992px){.admin-header{flex-direction:column;align-items:stretch}.dashboard-controls{flex-direction:column}.date-selection-card,.search-filter-section{min-width:100%}}@media (max-width: 768px){.quick-stats{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:stretch;gap:15px}}.image-upload-group{margin-bottom:25px}.image-upload-container{position:relative;width:100%;height:200px;border:2px dashed #ced4da;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.image-upload-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10}.image-upload-placeholder{text-align:center;color:#6c757d}.image-upload-placeholder i{font-size:3rem;margin-bottom:10px}.image-preview{position:relative;width:100%;height:100%}.image-preview img{width:100%;height:100%;object-fit:cover}.remove-image{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.5);color:#fff;border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20}.remove-image:hover{background:rgba(0,0,0,.7)}.image-hint{font-size:.8rem;color:#6c757d;margin-top:8px;text-align:center}.uploading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:15}.spinner{width:30px;height:30px;border:3px solid #e9ecef;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}.form-error{background:#f8d7da;color:#721c24;padding:10px 15px;border-radius:5px;margin:15px 0;display:flex;align-items:center;gap:8px}.error-text{color:#dc3545;font-size:.85rem;margin-top:5px}.player-card{background:white;border-radius:10px;padding:15px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.player-card.present{border-left:4px solid #28a745}.player-card.absent{border-left:4px solid #dc3545}.player-card.pending{border-left:4px solid #ffc107}.player-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.player-info h3{margin:0 0 5px;font-size:1.1rem;color:#212529}.player-info p{margin:0;font-size:.9rem;color:#6c757d}.player-id{font-size:.85rem;color:#6c757d;margin-bottom:12px;font-weight:500}.attendance-controls{display:flex;gap:8px;margin:12px 0}.attendance-btn{flex:1;padding:6px 8px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;font-size:.85rem;transition:all .2s ease}.attendance-btn.active{transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.present-btn{background:#e6f7ee;color:#28a745}.present-btn.active{background:#28a745;color:#fff}.absent-btn{background:#fdecea;color:#dc3545}.absent-btn.active{background:#dc3545;color:#fff}.payment-controls{margin:12px 0}.payment-btn{width:100%;padding:8px 10px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;font-weight:500;transition:all .2s ease}.payment-btn.paid{background:#e6f7ee;color:#28a745}.payment-btn.pending{background:#fff3cd;color:#ffc107}.player-stats{display:flex;justify-content:space-between;font-size:.85rem;color:#6c757d;margin-top:10px;padding-top:10px;border-top:1px solid #eee}.player-actions{display:flex;gap:8px}.rating-btn,.delete-btn{background:none;border:none;cursor:pointer;padding:3px 5px;border-radius:4px;display:flex;align-items:center;justify-content:center}.rating-btn{color:#ffc107}.rating-btn:hover{background:#fff3cd}.delete-btn{color:#6c757d}.delete-btn:hover{background:#f8f9fa;color:#dc3545}.rating-container{padding:15px;text-align:center}.player-info{margin-bottom:20px;text-align:right}.player-info h4{margin:0 0 5px;font-size:1.2rem;color:#212529}.player-info p{margin:0;font-size:.95rem;color:#6c757d}.stars-container{display:flex;justify-content:center;gap:10px;font-size:2.5rem;margin:20px 0;direction:ltr}.stars-container i{color:#e0e0e0;cursor:pointer;transition:all .2s ease;text-shadow:0 0 2px rgba(0,0,0,.1)}.stars-container i.filled{color:#ffc107;transform:scale(1.1)}.rating-info{text-align:right;margin-top:15px;color:#6c757d;font-size:.95rem}.rating-info p{margin:8px 0}.hover-rating{color:#007bff;font-weight:500}.instruction{color:#6c757d;font-style:italic;margin-top:15px;padding-top:10px;border-top:1px dashed #eee}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f8f9fa;color:#495057;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}.spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p{font-size:1.1rem;margin:0;color:#495057;text-align:center;padding:0 20px}.error-banner{background:#f8d7da;color:#721c24;padding:10px 15px;border-radius:5px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-banner button{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#721c24}.error-banner i{margin-left:8px}.api-status-bar{padding:8px 15px;margin-bottom:20px;border-radius:8px;background:#f8f9fa;display:flex;align-items:center;gap:10px}.api-status{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:5px;font-size:.9rem}.api-status.checking{color:#6c757d}.api-status.success{background:#d4edda;color:#155724}.api-status.error{background:#f8d7da;color:#721c24}.spinner{width:12px;height:12px;border:2px solid #ced4da;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}.retry-btn{background:none;border:none;color:#007bff;cursor:pointer;padding:2px;margin-left:5px}.retry-btn:hover{color:#0056b3}body{font-family:Arial,sans-serif;direction:rtl;margin:0;padding:0;background-color:#f5f5f5}.app-container{min-height:100vh}.loading-screen,.error-screen{display:flex;justify-content:center;align-items:center;height:100vh;text-align:}.news-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999}.news-modal-container{background:#fff;border-radius:14px;width:90%;max-width:600px;box-shadow:0 10px 30px #0006;position:relative;overflow:hidden;z-index:10000;animation:fadeIn .3s ease}.news-modal-header{background:#2d89ef;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:14px 18px}.news-modal-body{background:#fafafa;padding:20px}.news-modal-close{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.news-card{position:relative}.news-delete-btn{position:absolute;top:12px;left:12px;background:rgba(239,68,68,.9);color:#fff;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0003;z-index:10}.news-delete-btn:hover{background:rgba(220,38,38,.95);transform:scale(1.1)}.news-delete-btn i{font-size:14px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}