@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Montserrat:wght@300;400;500;600;700;800;900&display=swap";:root{--vh: 1vh}body{font-family:Poppins,Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-color: #C6FF00;--secondary-color: #0A1A2F;--accent-color: #00E5C7;--neutral-grey: #A7B0B8;--neutral-white: #F5F7FA;--gradient-1: linear-gradient(135deg, #C6FF00 0%, #00E5C7 100%);--gradient-2: linear-gradient(135deg, #C6FF00 0%, #0A1A2F 100%);--gradient-3: linear-gradient(135deg, #C6FF00 0%, #ffffff 100%);--gradient-4: linear-gradient(135deg, #0A1A2F 0%, #00E5C7 100%);--safe-area-inset-top: env(safe-area-inset-top, constant(safe-area-inset-top, 0px));--safe-area-inset-right: env(safe-area-inset-right, constant(safe-area-inset-right, 0px));--safe-area-inset-bottom: env(safe-area-inset-bottom, constant(safe-area-inset-bottom, 0px));--safe-area-inset-left: env(safe-area-inset-left, constant(safe-area-inset-left, 0px))}:root,[data-theme=light]{--dark-bg: #F5F7FA;--dark-card: #ffffff;--card-bg: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #0A1A2F;--text-secondary: #A7B0B8;--border-color: rgba(10, 26, 47, .2);--shadow-color: rgba(10, 26, 47, .1);--navbar-bg: rgba(255, 255, 255, .98);--navbar-border: rgba(198, 255, 0, .15)}[data-theme=dark]{--dark-bg: #0A1A2F;--dark-card: #152238;--card-bg: #152238;--bg-secondary: #0f172a;--text-primary: #F5F7FA;--text-secondary: #A7B0B8;--border-color: rgba(198, 255, 0, .2);--shadow-color: rgba(0, 0, 0, .4);--navbar-bg: rgba(10, 26, 47, .98);--navbar-border: rgba(198, 255, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}html{height:-webkit-fill-available;min-height:-webkit-fill-available;padding-top:var(--safe-area-inset-top);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}body{font-family:Poppins,Montserrat,sans-serif;background:var(--dark-bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden;height:-webkit-fill-available;min-height:-webkit-fill-available;padding-bottom:var(--safe-area-inset-bottom)}.App{min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column}main{flex:1;padding-top:calc(72px + var(--safe-area-inset-top));padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}main .personal-chat-page{margin-top:-80px!important;padding-top:0!important}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.loader{width:50px;height:50px;border:4px solid var(--dark-card);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.neon-button{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);padding:12px 30px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.neon-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--primary-color);transition:left .3s ease;z-index:-1}.neon-button:hover:before{left:0}.neon-button:hover{color:var(--secondary-color);box-shadow:0 0 20px var(--primary-color),0 0 40px var(--primary-color),0 0 60px var(--primary-color);transform:translateY(-2px)}.gradient-button{background:var(--gradient-3);border:none;color:var(--secondary-color);padding:12px 30px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #c6ff0066}.gradient-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c6ff0099}.motion-card{background:var(--dark-card);border-radius:16px;padding:24px;margin:16px;box-shadow:0 8px 32px var(--shadow-color);transition:all .3s ease;border:1px solid var(--border-color)}.motion-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #c6ff0033;border-color:var(--primary-color)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:60px 0}.section-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:40px;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:40px}@media(max-width:768px){.section-title{font-size:2rem}.grid{grid-template-columns:1fr}main{padding-top:70px}}.home{min-height:100vh}.hero{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:100px 20px}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 20s infinite ease-in-out}.orb-1{width:400px;height:400px;background:var(--gradient-3);top:-200px;left:-200px}.orb-2{width:300px;height:300px;background:var(--gradient-2);bottom:-150px;right:-150px;animation-delay:-7s}.orb-3{width:350px;height:350px;background:var(--gradient-4);top:50%;right:10%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-content{text-align:center;z-index:1;max-width:800px}.hero-title{font-size:4rem;font-weight:900;margin-bottom:24px;line-height:1.2}.gradient-text{background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.5rem;color:var(--text-secondary);margin-bottom:40px;line-height:1.6}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.feature-card{text-align:center;padding:40px 24px}.feature-icon{font-size:64px;margin-bottom:20px}.feature-card h3{font-size:1.5rem;margin-bottom:16px;color:var(--primary-color)}.feature-card p{color:var(--text-secondary);line-height:1.8}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons a{width:100%;max-width:300px}}.auth-container-new{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:#f5f5f5}.auth-card-new{background:#fff;border-radius:24px;width:100%;max-width:900px;min-height:600px;box-shadow:0 4px 20px #00000014;position:relative;overflow:hidden;display:flex;flex-direction:column}.auth-top-right-icon{position:absolute;top:24px;right:24px;z-index:10;cursor:pointer;transition:transform .3s ease}.auth-top-right-icon:hover{transform:scale(1.1)}.auth-blob-shape{position:absolute;top:0;left:0;width:45%;height:100%;background:#5c2f20;clip-path:polygon(0 0,100% 0,85% 100%,0 100%);border-radius:24px 0 0 24px;z-index:1}.auth-blob-content{padding:60px 40px;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.auth-blob-logo{margin-bottom:40px}.auth-blob-logo-image{max-height:60px;max-width:150px;object-fit:contain;filter:brightness(0) invert(1)}.auth-blob-logo-text{width:60px;height:60px;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;color:#fff;letter-spacing:2px}.auth-blob-text{display:flex;flex-direction:column;gap:8px}.auth-blob-line{font-size:32px;font-weight:700;color:#fff;line-height:1.2;font-family:Poppins,Montserrat,sans-serif;display:inline-block}.auth-form-container{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;padding:60px 80px 60px 50%;min-height:600px}.auth-form-new{width:100%;max-width:400px}.form-group-new{margin-bottom:24px}.form-group-new label{display:block;margin-bottom:8px;color:#5c2f20;font-size:14px;font-weight:600;font-family:Poppins,Montserrat,sans-serif}.auth-input-new{width:100%;padding:14px 16px;background:#ebf2fa;border:none;border-bottom:2px solid #DC2626;border-radius:8px 8px 0 0;color:#1a1a1a;font-size:16px;font-family:inherit;transition:all .3s ease;outline:none}.auth-input-new:focus{background:#e0ebf5;border-bottom-color:#5c2f20}.auth-input-new::placeholder{color:#999}.auth-button-new{width:100%;padding:16px 24px;background:#5c2f20;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;font-family:Poppins,Montserrat,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;margin-top:8px}.auth-button-new:hover:not(:disabled){background:#4a2519;transform:translateY(-2px);box-shadow:0 4px 12px #5c2f204d}.auth-button-new:disabled{opacity:.6;cursor:not-allowed}.auth-footer-new{margin-top:32px;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:400px}.auth-link-new{color:#dc2626;text-decoration:underline;font-size:14px;font-weight:500;font-family:Poppins,Montserrat,sans-serif;transition:color .3s ease}.auth-link-new:hover{color:#5c2f20}.auth-top-right-back{position:absolute;top:24px;right:24px;z-index:10;cursor:pointer;transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.auth-top-right-back:hover{transform:scale(1.1)}.auth-blob-logo-name{color:#fff;font-size:18px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-top:8px;font-family:Poppins,Montserrat,sans-serif}.auth-blob-text-register{display:flex;flex-direction:column;gap:4px;margin-top:20px}.auth-blob-line-large{font-size:36px;font-weight:700;color:#fff;line-height:1.2;font-family:Poppins,Montserrat,sans-serif;display:block}.auth-blob-line-small{font-size:28px;font-weight:700;color:#fff;line-height:1.2;font-family:Poppins,Montserrat,sans-serif;display:block}.auth-input-underline{width:100%;padding:12px 0;background:transparent;border:none;border-bottom:2px solid #5C2F20;color:#1a1a1a;font-size:16px;font-family:inherit;transition:all .3s ease;outline:none}.auth-input-underline:focus{border-bottom-color:#dc2626;border-bottom-width:3px}.auth-input-underline::placeholder{color:#999;opacity:.7}.auth-button-signup{width:100%;padding:16px 24px;background:#8b0000;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;font-family:Poppins,Montserrat,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;margin-top:8px}.auth-button-signup:hover:not(:disabled){background:#700000;transform:translateY(-2px);box-shadow:0 4px 12px #8b00004d}.auth-button-signup:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.auth-blob-line-large{font-size:28px}.auth-blob-line-small{font-size:22px}}@media(max-width:768px){.auth-card-new{max-width:100%;min-height:auto}.auth-blob-shape{width:100%;height:200px;clip-path:polygon(0 0,100% 0,100% 85%,0 100%);border-radius:24px 24px 0 0}.auth-blob-content{padding:30px 24px;flex-direction:row;align-items:center;gap:20px}.auth-blob-logo{margin-bottom:0}.auth-blob-text{flex-direction:row;gap:12px}.auth-blob-line{font-size:24px}.auth-form-container{padding:40px 24px;min-height:auto}.auth-form-new{max-width:100%}}.auth-container{min-height:calc(100vh - 140px);min-height:calc(-webkit-fill-available - 140px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-card{background:var(--dark-card);border-radius:20px;padding:40px;width:100%;max-width:500px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(220,38,38,.2)}.auth-logo{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.auth-logo-image{max-height:80px;max-width:200px;object-fit:contain;transition:all .3s ease}.auth-logo-image:hover{transform:scale(1.05)}.auth-logo-text{font-size:2.5rem;font-weight:900;color:var(--primary-color);letter-spacing:3px;text-transform:uppercase;position:relative}.auth-logo-text:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary-color);filter:blur(10px);opacity:.5;z-index:-1}.auth-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:10px;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:30px}.auth-form{margin-top:30px}.form-group input,.form-group select{width:100%;padding:12px 16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:16px;font-family:inherit;transition:all .3s ease}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input{width:100%;padding:12px 45px 12px 16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:16px;font-family:inherit;transition:all .3s ease}.password-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dc26261a}.password-toggle-btn{position:absolute;right:8px;background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-secondary);transition:all .3s ease;z-index:10;-webkit-user-select:none;user-select:none;border-radius:4px;min-width:36px;min-height:36px}.password-toggle-btn:hover{color:var(--text-primary);background:#dc26261a;transform:scale(1.05)}.password-toggle-btn:active{transform:scale(.95)}.password-toggle-btn:focus{outline:none;background:#dc26261a}.eye-icon{display:inline-block;line-height:1;font-size:18px}.eye-icon-slash{opacity:.7}.error-message{background:#ff006e33;border:1px solid var(--secondary-color);color:var(--secondary-color);padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.field-error{color:#f44336;font-size:12px;margin-top:4px;display:block}.password-hint{color:var(--text-secondary, #666);font-size:11px;margin-top:4px;display:block;font-style:italic}.auth-footer{margin-top:30px;text-align:center;color:var(--text-secondary)}.auth-footer a{color:var(--primary-color);text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.forgot-link{display:block;margin-top:10px;color:var(--text-secondary);text-decoration:none;font-size:14px}.forgot-link:hover{color:var(--primary-color)}@media(max-width:768px){.auth-card{padding:30px 20px}.auth-title{font-size:2rem}.form-row{grid-template-columns:1fr}}.location-picker-container{display:flex;flex-direction:column;gap:12px}.location-picker-controls{display:flex;gap:8px;align-items:center}.auto-detect-container{margin-bottom:12px}.auto-detect-btn{padding:10px 16px;background:var(--gradient-3);color:var(--secondary-color);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.auto-detect-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #c6ff004d}.auto-detect-btn:disabled{opacity:.6;cursor:not-allowed}.location-map-container{position:relative;width:100%;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.location-map{width:100%;height:250px;border-radius:8px}.map-loading .loader{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.map-loading p{margin:0;font-size:14px}.location-display-input{width:100%;padding:12px 16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:text}.location-display-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dc26261a}.location-hint{color:var(--text-secondary);font-size:12px;margin:0;line-height:1.4}.location-error{margin-top:4px}.location-search-section{margin-bottom:12px}.search-input-group{display:flex;gap:8px;margin-bottom:8px;align-items:stretch}.search-input{flex:1;padding:10px 16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:all .3s ease;height:auto}.search-button{padding:10px 12px;background:var(--gradient-3);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .3s ease;white-space:nowrap;height:100%;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.location-map{height:200px}.auto-detect-btn{width:100%;justify-content:center}.search-input-group{flex-direction:column}.search-button{width:100%;height:auto;padding:10px 16px}}.password-strength-meter{margin-top:8px;width:100%}.password-strength-bar{display:flex;gap:4px;margin-bottom:4px}.strength-segment{flex:1;height:4px;border-radius:2px;transition:background-color .3s ease}.strength-segment.filled{transition:background-color .3s ease}.password-strength-label{font-size:12px;font-weight:500;text-align:left;transition:color .3s ease}.banner-slider{width:100%;margin-bottom:2rem;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.banner-slider-container{position:relative;width:100%;overflow:hidden;min-height:200px;transform:translateZ(0);-webkit-transform:translateZ(0);transition:height .4s cubic-bezier(.4,0,.2,1)}.banner-slide{position:absolute;top:0;left:0;width:100%;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.banner-image-wrapper{position:relative;width:100%;overflow:hidden;will-change:transform;transform:translateZ(0)}.banner-image{width:100%;height:auto;display:block;max-height:600px}.banner-image-placeholder{width:100%;min-height:200px;background:var(--dark-bg);display:flex;align-items:center;justify-content:center;position:relative}.banner-image-placeholder .loader{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000004d,#00000080);display:flex;align-items:center;justify-content:center;padding:2rem;pointer-events:none}.banner-overlay *{pointer-events:auto}.banner-content{text-align:center;color:#fff;max-width:600px;z-index:2}.banner-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:fadeInUp .6s ease-out}.banner-description{font-size:1.2rem;margin-bottom:1.5rem;line-height:1.6;text-shadow:1px 1px 2px rgba(0,0,0,.5);animation:fadeInUp .8s ease-out}.banner-link{display:inline-block;padding:12px 30px;background:linear-gradient(135deg,#c6ff00,#00e5c7);color:#0a1a2f;text-decoration:none;border-radius:8px;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 15px #c6ff0066;animation:fadeInUp 1s ease-out}.banner-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c6ff0099;background:linear-gradient(135deg,#00e5c7,#c6ff00)}.banner-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:50px;height:50px;border-radius:50%;font-size:2rem;color:#c6ff00;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 10px #0003;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.banner-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 15px #0000004d}.banner-nav:active{transform:translateY(-50%) scale(.95)}.banner-nav-prev{left:20px}.banner-nav-next{right:20px}.banner-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.banner-dot{width:12px;height:12px;border-radius:50%;border:2px solid white;background:transparent;cursor:pointer;transition:all .3s ease;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;position:relative}.banner-dot:hover{background:#ffffff80;transform:scale(1.2)}.banner-dot:active{transform:scale(.9)}.banner-dot.active{background:#fff;width:32px;border-radius:6px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.banner-slider{margin-bottom:1.5rem}.banner-image{max-height:500px}.banner-title{font-size:2.2rem}.banner-description{font-size:1.1rem}.banner-content{max-width:550px;padding:1.5rem}.banner-nav{width:48px;height:48px;font-size:1.9rem}.banner-nav-prev{left:18px}.banner-nav-next{right:18px}.banner-dots{bottom:18px;gap:9px}.banner-dot{width:11px;height:11px}.banner-dot.active{width:30px}}@media(max-width:768px){.banner-slider{margin-bottom:1.5rem;border-radius:8px}.banner-slider-container{min-height:180px}.banner-image{max-height:400px;object-fit:cover}.banner-image-placeholder{min-height:150px}.banner-overlay{padding:1.5rem}.banner-content{max-width:100%;padding:1rem}.banner-title{font-size:1.8rem;margin-bottom:.75rem}.banner-description{font-size:1rem;margin-bottom:1.25rem;line-height:1.5}.banner-link{padding:11px 25px;font-size:.95rem}.banner-nav,.banner-dots{display:none!important}}@media(max-width:600px){.banner-slider-container{min-height:160px}.banner-image{max-height:350px}.banner-image-placeholder{min-height:140px}.banner-overlay{padding:1.25rem}.banner-title{font-size:1.6rem;margin-bottom:.5rem}.banner-description{font-size:.95rem;margin-bottom:1rem}.banner-link{padding:10px 22px;font-size:.9rem}.banner-nav{width:32px!important;height:32px!important;font-size:1.2rem!important;background:#fffffff2;box-shadow:0 3px 12px #0000004d}.banner-nav:hover{background:#fff;transform:translateY(-50%) scale(1.05)}.banner-nav-prev{left:6px!important}.banner-nav-next{right:6px!important}.banner-dots{bottom:10px!important;gap:5px!important;padding:4px 8px;background:#00000059;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.banner-dot{width:7px!important;height:7px!important}.banner-dot.active{width:20px!important}}@media(max-width:480px){.banner-slider{margin-bottom:1rem;border-radius:8px}.banner-slider-container{min-height:140px}.banner-image{max-height:300px}.banner-image-placeholder{min-height:120px}.banner-overlay{padding:1rem}.banner-content{padding:.75rem}.banner-title{font-size:1.5rem;margin-bottom:.5rem;line-height:1.3}.banner-description{font-size:.9rem;margin-bottom:1rem;line-height:1.4}.banner-link{padding:10px 20px;font-size:.9rem}.banner-nav{width:30px!important;height:30px!important;font-size:1.1rem!important;background:#fffffff2;box-shadow:0 3px 12px #00000059}.banner-nav:hover{background:#fff;transform:translateY(-50%) scale(1.05)}.banner-nav-prev{left:5px!important}.banner-nav-next{right:5px!important}.banner-dots{bottom:8px!important;gap:4px!important;padding:4px 8px;background:#0006;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.banner-dot{width:6px!important;height:6px!important;border-width:1.5px!important}.banner-dot.active{width:18px!important}}@media(max-width:360px){.banner-slider-container{min-height:120px}.banner-image{max-height:250px}.banner-image-placeholder{min-height:100px}.banner-overlay{padding:.75rem}.banner-content{padding:.5rem}.banner-title{font-size:1.3rem;margin-bottom:.4rem}.banner-description{font-size:.85rem;margin-bottom:.75rem}.banner-link{padding:8px 18px;font-size:.85rem}.banner-nav{width:28px!important;height:28px!important;font-size:1rem!important;background:#fffffff2;box-shadow:0 3px 12px #0006}.banner-nav:hover{background:#fff;transform:translateY(-50%) scale(1.05)}.banner-nav-prev{left:4px!important}.banner-nav-next{right:4px!important}.banner-dots{bottom:6px!important;gap:4px!important;padding:3px 6px;background:#00000073;border-radius:18px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.banner-dot{width:5px!important;height:5px!important;border-width:1px!important}.banner-dot.active{width:16px!important}}@media(max-width:320px){.banner-slider-container{min-height:100px}.banner-image{max-height:200px}.banner-image-placeholder{min-height:80px}.banner-overlay{padding:.5rem}.banner-title{font-size:1.1rem;margin-bottom:.3rem}.banner-description{font-size:.8rem;margin-bottom:.6rem}.banner-link{padding:7px 16px;font-size:.8rem}.banner-nav{width:26px!important;height:26px!important;font-size:.9rem!important;background:#fffffff2;box-shadow:0 3px 12px #00000073}.banner-nav:hover{background:#fff;transform:translateY(-50%) scale(1.05)}.banner-nav-prev{left:3px!important}.banner-nav-next{right:3px!important}.banner-dots{bottom:5px!important;gap:3px!important;padding:3px 6px;background:#00000080;border-radius:16px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.banner-dot{width:5px!important;height:5px!important;border-width:1px!important}.banner-dot.active{width:14px!important}}@media(max-width:768px)and (orientation:landscape){.banner-image{max-height:300px}.banner-overlay{padding:1rem}.banner-title{font-size:1.4rem}.banner-description{font-size:.9rem;margin-bottom:.75rem}.banner-nav{width:32px!important;height:32px!important;font-size:1.1rem!important}.banner-nav-prev{left:6px!important}.banner-nav-next{right:6px!important}.banner-dots{bottom:6px!important;gap:5px!important;padding:3px 8px}}@media(hover:none)and (pointer:coarse){.banner-nav{min-width:44px;min-height:44px;background:#fffffff2;box-shadow:0 4px 15px #0000004d}.banner-nav:hover{transform:translateY(-50%) scale(1)}.banner-nav:active{transform:translateY(-50%) scale(.9);background:#fff}.banner-dot{min-width:12px;min-height:12px;padding:4px}.banner-dot:hover{transform:scale(1)}.banner-dot:active{transform:scale(.85)}.banner-dots{padding:6px 12px;background:#0006}.banner-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center}}@media(max-width:320px){.banner-nav{opacity:.8}.banner-nav:active{opacity:1}}.login-reward-card{background:var(--dark-card);border:2px solid var(--border-color);border-radius:12px;padding:12px 16px;margin-bottom:16px;position:relative;overflow:hidden}.login-reward-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#f7b731);background-size:200% 100%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.login-reward-claimable,.login-reward-claimed{display:flex;align-items:center;gap:12px;width:100%}.login-reward-icon{font-size:28px;animation:bounce 2s ease infinite;flex-shrink:0}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-reward-title{flex:1;min-width:0}.login-reward-title h3{margin:0 0 2px;font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-reward-title p{margin:0;font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reward-exp{flex-shrink:0;text-align:right}.exp-amount{font-size:16px;font-weight:700;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.claim-button{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;flex-shrink:0;white-space:nowrap}.claim-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.claim-button:hover:before{width:300px;height:300px}.claim-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.claim-button:active{transform:translateY(0)}.claim-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.claimed-message{padding:6px 12px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:6px;text-align:center;color:#4caf50;font-weight:500;font-size:11px;flex-shrink:0;white-space:nowrap}@media(max-width:768px){.login-reward-card{padding:10px 12px}.login-reward-claimable,.login-reward-claimed{gap:8px;flex-wrap:wrap}.login-reward-icon{font-size:24px}.login-reward-title h3{font-size:12px}.login-reward-title p{font-size:10px}.exp-amount{font-size:14px}.claim-button{padding:6px 12px;font-size:11px}.claimed-message{padding:4px 8px;font-size:10px}}.dashboard{padding:40px 0;min-height:calc(100vh - 140px)}.dashboard-header{text-align:center;margin-bottom:40px}.dashboard-header h1{font-size:2.5rem;margin-bottom:10px;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-header p{color:var(--text-secondary);font-size:1.2rem}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:40px}.stat-card{background:var(--dark-card);border-radius:16px;padding:30px;text-align:center;border:1px solid rgba(198,255,0,.2);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px}.stat-card:hover{border-color:var(--primary-color);box-shadow:0 8px 32px #c6ff0033}.stat-icon{font-size:48px;margin-bottom:16px}.stat-value{font-size:2.5rem;font-weight:800;color:var(--primary-color);margin-bottom:8px}.stat-label{color:var(--text-secondary);font-size:.9rem;line-height:1.4;word-break:break-word;white-space:normal;-webkit-hyphens:auto;hyphens:auto;min-height:2.8em;display:flex;align-items:center;justify-content:center;text-align:center;max-width:100%;padding:0 4px}.dashboard-content{display:flex;flex-direction:column;gap:24px}.dashboard-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.notifications-preview{padding:24px}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.notifications-header h3{color:var(--primary-color);font-size:1.5rem}.view-all-link{color:var(--primary-color);text-decoration:none;font-size:.9rem;font-weight:600;transition:all .3s ease}.view-all-link:hover{text-decoration:underline}.notification-item{display:flex;gap:12px;padding:16px;background:var(--dark-bg);border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.notification-item:hover{border-color:var(--primary-color);transform:translate(5px)}.notification-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--dark-card);border-radius:50%;flex-shrink:0}.notification-title{font-weight:600;color:var(--text-primary);margin-bottom:4px;font-size:.95rem}.notification-message{color:var(--text-secondary);font-size:.85rem;margin-bottom:4px;line-height:1.5}.notification-time{color:var(--text-secondary);font-size:.75rem}.action-card{background:var(--dark-card);border-radius:16px;padding:30px;text-decoration:none;border:1px solid rgba(198,255,0,.2);transition:all .3s ease;display:block}.action-card:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 8px 32px #c6ff0033}.action-card h3{color:var(--primary-color);margin-bottom:10px;font-size:1.5rem}.action-card p{color:var(--text-secondary)}@media(max-width:1024px){.dashboard{padding:30px 0}.dashboard-header h1{font-size:2.2rem}.dashboard-header p{font-size:1.1rem}}@media(max-width:768px){.dashboard{padding:20px 0}.dashboard-header{margin-bottom:30px}.dashboard-header h1{font-size:2rem}.dashboard-header p{font-size:1rem}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{padding:20px 16px;min-width:0}.stat-icon{font-size:40px;margin-bottom:12px}.stat-value{font-size:2rem;margin-bottom:8px}.stat-label{font-size:.85rem;line-height:1.3;min-height:2.6em}}@media(max-width:480px){.dashboard{padding:16px 0}.dashboard-header{margin-bottom:24px}.dashboard-header h1{font-size:1.6rem}.dashboard-header p{font-size:.9rem}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px 12px;min-width:0}.stat-icon{font-size:36px;margin-bottom:10px}.stat-value{font-size:1.8rem;margin-bottom:6px}.stat-label{font-size:.8rem;line-height:1.3;min-height:2.4em;padding:0 4px}}@media(max-width:360px){.dashboard-header h1{font-size:1.4rem}.dashboard-header p{font-size:.85rem}.stat-card{padding:14px 10px}.stat-icon{font-size:32px;margin-bottom:8px}.stat-value{font-size:1.5rem;margin-bottom:6px}.stat-label{font-size:.75rem;line-height:1.3;min-height:2.2em;padding:0 2px}}.events-page{padding:40px 0;min-height:calc(100vh - 140px)}.events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.events-header .section-title{font-size:2.4rem}.events-tabs{display:flex;gap:0;background:var(--dark-card);padding:4px;border-radius:12px;border:2px solid var(--border-color);margin-bottom:30px;width:fit-content}.events-tab{padding:10px 24px;background:transparent;border:none;color:var(--text-secondary);font-size:16px;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s ease;font-family:inherit}.events-tab:hover:not(:disabled){color:var(--text-primary);background:#c6ff001a}.events-tab.active{background:var(--gradient-3);color:var(--secondary-color);font-weight:700;box-shadow:0 2px 8px #c6ff004d}.events-tab:disabled{opacity:.5;cursor:not-allowed}.no-events{text-align:center;padding:60px 20px;color:var(--text-secondary)}.event-card{display:flex;flex-direction:column;transition:all .3s ease;overflow:hidden}.event-card:hover{border-color:var(--primary-color)}.event-poster-thumbnail{width:calc(100% + 48px);height:200px;margin:-24px -24px 16px;border-radius:12px 12px 0 0;overflow:hidden;background:var(--dark-bg);flex-shrink:0}.event-poster-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.event-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.event-header h3{color:var(--primary-color);font-size:1.5rem;flex:1}.event-sport{background:var(--gradient-3);padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.event-description{color:var(--text-secondary);margin-bottom:20px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-details{margin-bottom:20px}.event-details p{color:var(--text-secondary);margin-bottom:8px;font-size:.9rem}.event-card .neon-button{margin-top:auto;width:100%;text-align:center}@media(max-width:768px){.events-header{flex-direction:column;gap:20px;align-items:stretch}.events-header button{width:100%}.filters{flex-direction:column}.filter-select,.filter-input{width:100%}}.create-event-page{padding:40px 0;min-height:calc(100vh - 140px)}.create-event-card{background:var(--dark-card);border-radius:20px;padding:40px;max-width:800px;margin:0 auto;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(220,38,38,.2)}.event-form{margin-top:30px}@media(max-width:768px){.create-event-card{padding:30px 20px}.page-title{font-size:2rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}}.leaderboard-container{margin:20px 0;padding:20px;background:var(--dark-card, #1e293b);border-radius:12px;border:1px solid var(--border-color, #334155)}.leaderboard-title{margin:0 0 20px;font-size:1.5rem;font-weight:700;color:var(--text-primary, #ffffff);background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-loading,.leaderboard-error,.empty-leaderboard{text-align:center;padding:40px;color:var(--text-secondary, #94a3b8)}.leaderboard-loading .loader{width:40px;height:40px;border:4px solid var(--border-color, #334155);border-top-color:var(--primary-color, #dc2626);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.leaderboard-table-container{overflow-x:auto;margin-top:20px;background:var(--dark-bg, #0f172a);border-radius:8px;border:1px solid var(--border-color, #334155)}.leaderboard-table{width:100%;border-collapse:collapse;background:var(--dark-bg, #0f172a);min-width:600px}.leaderboard-table thead{background:var(--dark-card, #1e293b)}.leaderboard-table th{padding:14px 12px;text-align:left;font-weight:600;font-size:14px;color:var(--text-primary, #ffffff);border-bottom:2px solid var(--border-color, #334155);background:var(--dark-card, #1e293b)}.leaderboard-table th:first-child{border-top-left-radius:8px}.leaderboard-table th:last-child{border-top-right-radius:8px}.leaderboard-table td{padding:12px;border-bottom:1px solid var(--border-color, #334155);color:var(--text-primary, #ffffff);background:var(--dark-bg, #0f172a)}.leaderboard-table tbody tr{transition:background-color .2s}.leaderboard-table tbody tr:hover{background:var(--dark-card, #1e293b)}.leaderboard-table tbody tr.top-three{background:#c6ff000d}.leaderboard-table tbody tr.top-three:hover{background:#c6ff001a}.leaderboard-table tbody tr:last-child td{border-bottom:none}.position-cell{font-weight:600;color:var(--text-primary, #ffffff);text-align:center;width:60px;font-size:1.1rem}.participant-name-cell{min-width:200px}.participant-cell{display:flex;align-items:center;gap:10px}.participant-logo{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color, #334155);flex-shrink:0}.stat-cell{text-align:center;min-width:50px;color:var(--text-primary, #ffffff)}.goal-difference-cell{text-align:center;font-weight:500;color:var(--text-primary, #ffffff);min-width:50px}.points-cell{text-align:center;font-weight:700;color:var(--primary-color, #dc2626);min-width:60px;font-size:1.1rem}.leaderboard-table-container{overflow-x:auto;overflow-y:hidden;margin-top:20px;background:var(--dark-bg, #0f172a);border-radius:8px;border:1px solid var(--border-color, #334155);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-color, #334155) var(--dark-bg, #0f172a);width:100%;max-width:100%}.leaderboard-table-container::-webkit-scrollbar{height:8px}.leaderboard-table-container::-webkit-scrollbar-track{background:var(--dark-bg, #0f172a);border-radius:4px}.leaderboard-table-container::-webkit-scrollbar-thumb{background:var(--border-color, #334155);border-radius:4px}.leaderboard-table-container::-webkit-scrollbar-thumb:hover{background:var(--primary-color, #dc2626)}@media(max-width:768px){.leaderboard-container{padding:15px;margin:15px 0;width:100%;box-sizing:border-box;overflow-x:hidden}.leaderboard-table-container{width:100%;max-width:100%}.leaderboard-title{font-size:1.25rem;margin-bottom:15px}.leaderboard-table-container{margin-top:15px;border-radius:6px}.leaderboard-table{font-size:.85rem;min-width:550px}.leaderboard-table th{padding:10px 6px;font-size:.75rem}.leaderboard-table td{padding:10px 6px;font-size:.85rem}.position-cell{width:50px;font-size:1rem}.participant-name-cell{min-width:150px}.participant-cell{gap:8px}.participant-logo{width:28px;height:28px}.participant-logo-placeholder{width:28px;height:28px;font-size:.75rem}.stat-cell,.goal-difference-cell{min-width:40px;font-size:.85rem}.points-cell{min-width:50px;font-size:1rem}}@media(max-width:480px){.leaderboard-container{padding:12px;margin:12px 0;width:100%;box-sizing:border-box;overflow-x:hidden}.leaderboard-table-container{width:100%;max-width:100%}.leaderboard-title{font-size:1.1rem;margin-bottom:12px}.leaderboard-table-container{margin-top:12px}.leaderboard-table{font-size:.8rem;min-width:500px}.leaderboard-table th{padding:8px 4px;font-size:.7rem}.leaderboard-table td{padding:8px 4px;font-size:.8rem}.position-cell{width:45px;font-size:.95rem}.participant-name-cell{min-width:120px}.participant-logo{width:24px;height:24px}.participant-logo-placeholder{width:24px;height:24px;font-size:.7rem}.stat-cell,.goal-difference-cell{min-width:35px;font-size:.8rem}.points-cell{min-width:45px;font-size:.95rem}}.event-detail-page{padding:40px 0;min-height:calc(100vh - 140px)}.back-button{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:8px 16px;border-radius:8px;cursor:pointer;margin-bottom:20px;transition:all .3s ease}.back-button:hover{background:var(--primary-color);color:var(--dark-bg)}.event-poster{width:100%;max-width:100%;margin-bottom:30px;border-radius:12px;overflow:hidden;background:var(--dark-bg);border:1px solid var(--border-color);box-shadow:0 8px 32px #0000004d}.event-poster img{width:100%;height:auto;display:block;max-height:500px;object-fit:cover}.event-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:30px;gap:16px}.event-header-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.event-organizer-actions{display:flex;gap:12px;align-items:center}.event-header h1{font-size:2.5rem;margin-bottom:10px;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sport-badge{background:var(--gradient-3);padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:600}.status-badge{padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase}.status-open{background:#43e97b33;color:#43e97b}.status-full{background:#ff006e33;color:#ff006e}.status-draft{background:#8338ec33;color:#8338ec}.event-content{display:grid;grid-template-columns:1fr 350px;gap:24px}.event-main{display:flex;flex-direction:column;gap:24px}.event-info h2,.event-chat h2{color:var(--primary-color);margin-bottom:20px;font-size:1.5rem}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.info-item{display:flex;gap:12px;align-items:start}.info-icon{font-size:24px}.info-item label{display:block;color:var(--text-secondary);font-size:.9rem;margin-bottom:4px}.info-item p{color:var(--text-primary);font-weight:500}.address{font-size:.85rem;color:var(--text-secondary)}.sponsors-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color, #334155)}.sponsors-section h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary, #ffffff)}.event-description{margin-top:24px;padding-top:24px;border:1px solid var(--border-color)}.event-description h3{color:var(--primary-color);margin-bottom:12px}.event-description p{color:var(--text-secondary);line-height:1.8}.event-actions{margin-top:24px;padding-top:24px;border:1px solid var(--border-color)}.event-actions button{width:100%}.event-chat{max-height:500px;display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;max-height:300px;margin-bottom:16px;padding-right:8px}.chat-message{margin-bottom:16px;padding:12px;background:var(--dark-bg);border-radius:8px}.message-author{font-weight:600;color:var(--primary-color);margin-bottom:4px;font-size:.9rem}.message-content{color:var(--text-primary);margin-bottom:4px}.message-time{font-size:.75rem;color:var(--text-secondary)}.chat-input{display:flex;gap:12px}.chat-input input{flex:1;padding:12px 16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit}.chat-input button{padding:12px 24px}.event-sidebar{display:flex;flex-direction:column;gap:24px}.participants-card h3{color:var(--primary-color);margin-bottom:16px;font-size:1.2rem}.participant-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--dark-bg);border-radius:8px}.participant-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--gradient-3);display:flex;align-items:center;justify-content:center}.participant-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{color:var(--secondary-color);font-weight:700;font-size:18px}.participant-info{flex:1;display:flex;flex-direction:column;gap:4px}.participant-name{color:var(--text-primary);font-weight:500}.participant-subtitle{color:var(--text-secondary);font-size:.8rem}.team-participant{border-left:3px solid var(--primary-color)}.team-logo{width:40px;height:40px;border-radius:8px;overflow:hidden;background:var(--gradient-3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.team-logo img{width:100%;height:100%;object-fit:cover}.team-logo-placeholder{color:#fff;font-weight:700;font-size:18px}.join-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.join-modal{background:var(--dark-card);border-radius:20px;padding:30px;max-width:500px;width:100%;box-shadow:0 8px 32px #00000080;border:1px solid rgba(220,38,38,.2)}.join-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.join-modal-header h3{font-size:1.5rem;font-weight:700;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.close-modal-btn{background:transparent;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.close-modal-btn:hover{color:var(--text-primary)}.join-modal-content{display:flex;flex-direction:column;gap:24px}.join-type-selector{display:flex;flex-direction:column;gap:12px}.join-type-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease}.join-type-option:hover{border-color:var(--primary-color);background:#dc26260d}.join-type-option input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.join-type-option span{color:var(--text-primary);font-weight:500;flex:1}.team-selector{display:flex;flex-direction:column;gap:12px}.team-selector label{color:var(--text-primary);font-weight:500;font-size:.9rem}.team-select{width:100%;padding:12px 16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:16px;font-family:inherit;transition:all .3s ease}.team-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dc26261a}.loading-teams,.no-teams{padding:20px;text-align:center;color:var(--text-secondary)}.no-teams p{margin-bottom:8px}.team-hint{font-size:.85rem;color:var(--text-secondary);font-style:italic;margin-bottom:16px!important}.join-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.payment-info{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--dark-bg);border-radius:8px;margin-bottom:16px}.payment-amount label,.wallet-balance label{color:var(--text-secondary);font-size:.9rem}.balance-warning{color:#ff006e;font-size:.85rem;margin-top:8px;font-style:italic}.balance-loading{color:var(--text-secondary);font-size:.9rem;font-style:italic}.payment-method-selector{display:flex;flex-direction:column;gap:12px}.payment-method-selector label{color:var(--text-primary);font-weight:500;font-size:.9rem}.payment-note{font-size:.85rem;color:var(--text-secondary);font-style:italic;margin-top:4px}.prizes-section{margin-bottom:30px}.prizes-section h2{margin-bottom:20px;color:var(--text-primary)}.prizes-list{display:flex;flex-direction:column;gap:16px}.prize-item{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.prize-place{display:flex;align-items:center;gap:8px;margin-bottom:8px}.prize-place-label{font-size:1.2rem;font-weight:700;color:var(--primary-color);text-transform:uppercase}.prize-place-range{font-size:1rem;font-weight:600;color:var(--text-secondary)}.prize-items{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.prize-item-detail{display:flex;align-items:center;gap:8px}.prize-amount{font-size:1.1rem;font-weight:700;color:var(--primary-color);background:#667eea1a;padding:6px 12px;border-radius:8px;border:1px solid var(--primary-color)}.prize-type{font-size:.95rem;font-weight:600;color:var(--text-primary);background:var(--dark-bg);padding:6px 12px;border-radius:8px;border:1px solid var(--border-color)}.prize-separator{color:var(--text-secondary);font-weight:600;margin:0 4px}@media(max-width:1024px){.event-content,.info-grid{grid-template-columns:1fr}}@media(max-width:768px){.event-header{flex-direction:column;gap:16px}.event-header h1{font-size:2rem}}.matches-page{padding:40px 0;min-height:calc(100vh - 140px)}.matches-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.matches-header .section-title{font-size:2.4rem}.matches-tabs{display:flex;gap:0;background:var(--dark-card);padding:4px;border-radius:12px;border:2px solid var(--border-color);margin-bottom:30px;width:fit-content}.matches-tab{padding:10px 24px;background:transparent;border:none;color:var(--text-secondary);font-size:16px;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s ease;font-family:inherit}.matches-tab:hover:not(:disabled){color:var(--text-primary);background:#c6ff001a}.matches-tab.active{background:var(--gradient-3);color:var(--secondary-color);font-weight:700;box-shadow:0 2px 8px #c6ff004d}.matches-tab:disabled{opacity:.5;cursor:not-allowed}.no-matches{text-align:center;padding:60px 20px;color:var(--text-secondary)}.match-card{transition:all .3s ease;position:relative}.match-card:hover{border-color:var(--primary-color)}.match-card-header{display:flex;justify-content:space-between;align-items:start;gap:12px}.match-card-header h3{color:var(--primary-color);font-size:1.5rem;flex:1;margin:0}.match-status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize}.match-status-badge.open{background:#43e97b33;color:#43e97b;border:1px solid #43e97b}.match-status-badge.full{background:#ff006e33;color:#ff006e;border:1px solid #ff006e}.match-status-badge.cancelled{background:#ffa50033;color:orange;border:1px solid #ffa500}.match-info p{margin:0;color:var(--text-secondary);font-size:.9rem}.match-sport{color:var(--primary-color)!important;font-weight:600}.match-location{color:var(--text-secondary);margin-bottom:8px}.match-distance{color:var(--primary-color);font-size:.9rem;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:4px}.match-description{color:var(--text-secondary);font-size:.9rem;margin:0}.match-countdown{display:flex;flex-direction:column;gap:8px;padding:12px;background:#c6ff001a;border:1px solid rgba(198,255,0,.3);border-radius:8px;margin:12px 0}.countdown-label{font-size:.85rem;color:var(--primary-color);font-weight:600;text-align:center}.countdown-time{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.countdown-unit{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:45px}.countdown-value{font-size:1.4rem;font-weight:700;color:var(--primary-color);line-height:1}.countdown-label-small{font-size:.7rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.match-countdown.expired{padding:8px 12px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#ff6b6b;font-weight:600;text-align:center;border-radius:8px;margin:12px 0}.match-card .neon-button{margin-top:auto;width:100%;text-align:center}@media(max-width:768px){.matches-header{flex-direction:column;gap:20px;align-items:stretch}.matches-header button{width:100%}.filters{flex-direction:column}.filter-select,.filter-input{width:100%}.location-controls{flex-direction:column;align-items:stretch}.location-btn,.location-retry-btn{width:100%}}.play-page{padding:40px 0;min-height:calc(100vh - 140px)}.matches-section{margin-bottom:40px}.section-subtitle{font-size:1.5rem;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.past-match{opacity:.7}.match-status-badge.past{background:var(--text-secondary);color:var(--dark-bg)}.play-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.play-header .section-title{font-size:2.4rem}.play-header-actions{display:flex;gap:12px}.play-type-tabs{display:flex;gap:0;background:var(--dark-card);padding:4px;border-radius:12px;border:2px solid var(--border-color);margin:0 auto 20px;width:fit-content;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.play-type-tabs::-webkit-scrollbar{display:none}.play-type-tab{padding:12px 32px;background:transparent;border:none;color:var(--text-secondary);font-size:18px;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s ease;font-family:inherit;white-space:nowrap;flex-shrink:0}.play-type-tab:hover:not(:disabled){color:var(--text-primary);background:#c6ff001a}.play-type-tab.active{background:var(--gradient-3);color:var(--secondary-color);font-weight:700;box-shadow:0 2px 8px #c6ff004d}.play-sub-tabs{display:flex;gap:0;background:var(--dark-card);padding:4px;border-radius:12px;border:2px solid var(--border-color);margin-bottom:30px;width:fit-content}.play-sub-tab{padding:10px 24px;background:transparent;border:none;color:var(--text-secondary);font-size:16px;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s ease;font-family:inherit}.play-sub-tab:hover:not(:disabled){color:var(--text-primary);background:#c6ff001a}.play-sub-tab.active{background:var(--gradient-3);color:var(--secondary-color);font-weight:700;box-shadow:0 2px 8px #c6ff004d}.play-sub-tab:disabled{opacity:.5;cursor:not-allowed}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px;align-items:center}.filter-select,.filter-input{padding:10px 16px;background:var(--dark-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .3s ease}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 10px #c6ff0033}.location-controls{display:flex;align-items:center;gap:12px}.location-status{color:var(--text-secondary);font-size:14px}.location-status.success{color:var(--primary-color)}.location-btn,.location-retry-btn{padding:8px 16px;background:var(--dark-card);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .3s ease;font-family:inherit}.location-btn:hover,.location-retry-btn:hover{border-color:var(--primary-color);background:#c6ff001a}.location-error{display:flex;align-items:center;gap:12px;color:#ff6b6b;font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:20px}.event-card{background:var(--dark-card);border-radius:16px;padding:20px;border:2px solid var(--border-color);transition:all .3s ease}.event-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #c6ff0033}.event-poster-thumbnail{height:200px;border-radius:12px;overflow:hidden;margin-bottom:16px;display:flex;align-items:center;justify-content:center;background:var(--dark-bg);position:relative}.event-poster-thumbnail img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center;display:block}.event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.event-header h3{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0;flex:1}.event-sport{background:var(--gradient-3);color:var(--secondary-color);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-left:12px}.event-description{color:var(--text-secondary);font-size:14px;margin-bottom:16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.event-details p{color:var(--text-secondary);font-size:14px;margin:0}.match-card{background:var(--dark-card);border-radius:16px;padding:20px;border:2px solid var(--border-color);transition:all .3s ease;position:relative}.match-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #c6ff0033}.match-star-badge{position:absolute;top:12px;left:12px;font-size:20px;z-index:10;background:#0009;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #0000004d;animation:starPulse 2s ease-in-out infinite}.match-card-content{display:flex;flex-direction:column;gap:16px}.match-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.match-card-header h3{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0;flex:1}.match-distance{color:var(--primary-color);font-size:.9rem;font-weight:600;margin:4px 0 8px;display:block}.match-status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.match-status-badge.open{background:#4caf5033;color:#4caf50}.match-status-badge.full{background:#ff980033;color:#ff9800}.match-status-badge.cancelled{background:#f4433633;color:#f44336}.match-countdown{padding:12px;background:var(--dark-bg);border-radius:8px;border:2px solid var(--border-color)}.match-info{display:flex;flex-direction:column;gap:8px}.match-info p{color:var(--text-secondary);font-size:14px;margin:0}.match-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.no-items{text-align:center;padding:60px 20px;color:var(--text-secondary)}.no-items p{font-size:16px}@media(max-width:768px){.play-header{flex-direction:column;align-items:flex-start;gap:16px}.play-header-actions{width:100%}.play-header-actions button{flex:1}.play-type-tabs{width:100%;max-width:100%;overflow-x:auto;display:flex;flex-wrap:nowrap;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.play-type-tabs::-webkit-scrollbar{display:none}.play-type-tab{flex:0 0 auto;min-width:fit-content;padding:10px 14px;font-size:13px;white-space:nowrap}.play-sub-tabs{width:100%}.play-sub-tab{flex:1}.filters{flex-direction:column;align-items:stretch}.filter-select,.filter-input{width:100%}.grid{grid-template-columns:1fr}}@media(max-width:480px){.play-type-tab{padding:8px 10px;font-size:12px}.play-header .section-title{font-size:1.8rem}}.create-match-page{padding:40px 0;min-height:calc(100vh - 140px)}.create-match-card{background:var(--dark-card);border-radius:16px;padding:40px;max-width:800px;margin:0 auto;border:1px solid var(--border-color)}.error-message{background:#ff006e1a;border:1px solid #ff006e;color:#ff006e;padding:12px 16px;border-radius:8px;margin-bottom:20px}.match-form{display:flex;flex-direction:column;gap:24px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;transition:all .3s ease}.form-group small{color:var(--text-secondary);font-size:12px;margin-top:-4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:20px}.form-actions button{padding:12px 32px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.form-actions button:disabled{opacity:.5;cursor:not-allowed}.loading-text,.no-venues-text{color:var(--text-secondary);font-size:14px;padding:12px;background:var(--dark-bg);border-radius:8px;margin:0}.no-venues-text{color:#ff006e}.venue-info{margin-top:16px;padding:16px;background:#dc26260d;border-radius:8px;border:1px solid rgba(220,38,38,.2)}.read-only-input{background:var(--dark-bg)!important;opacity:.7;cursor:not-allowed}.venue-type-selector{display:flex;gap:12px;margin-bottom:8px}.venue-type-btn{flex:1;padding:12px 16px;background:var(--dark-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:14px}.venue-type-btn:hover{border-color:var(--primary-color);background:#dc26260d}.venue-type-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#000}.custom-venue-fields{display:flex;flex-direction:column;gap:16px}.visibility-selector{display:flex;gap:12px;margin-bottom:8px}.visibility-btn{flex:1;padding:16px;background:var(--dark-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;text-align:left}.visibility-btn:hover{border-color:var(--primary-color);background:#dc26260d}.visibility-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#000}.visibility-btn-content{display:flex;flex-direction:column;gap:4px}.visibility-btn-title{font-size:14px;font-weight:600;display:block}.visibility-btn small{display:block;color:#000000b3;font-size:12px;font-weight:400;margin-top:2px}.visibility-btn:not(.active) small{color:var(--text-secondary)}@media(max-width:768px){.create-match-card{padding:24px}.page-title{font-size:2rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}.venue-type-selector,.visibility-selector{flex-direction:column}}.search-button{padding:10px 16px;background:var(--gradient-3);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:.95rem;transition:all .3s ease;white-space:nowrap}.search-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #dc262666}.search-button:disabled{opacity:.5;cursor:not-allowed}.map-loading p{margin:0 0 8px;font-size:1rem;font-weight:500}.map-loading small{font-size:.85rem;color:var(--text-secondary)}@media(max-width:768px){.search-input-group{flex-direction:column}.search-button{width:100%}.coordinates-display{grid-template-columns:1fr}.map-container{height:300px}}.verification-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:4px;vertical-align:middle;flex-shrink:0;position:relative}.verification-badge .verification-checkmark{width:40px;height:40px;display:block;object-fit:contain}.verification-badge.small{margin-left:3px}.verification-badge.small .verification-checkmark{width:14px;height:14px}.verification-badge.large{margin-left:5px}.verification-badge.large .verification-checkmark{width:18px;height:18px}.user-name-with-badge{display:inline-flex;align-items:center;color:inherit}.user-name-with-badge .user-name-text{color:inherit;font-weight:inherit}.match-detail-page{min-height:100vh;padding:100px 20px 40px;background:var(--dark-bg)}.match-detail-wrapper{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.match-content-layout{display:grid;grid-template-columns:1fr 400px;gap:24px;align-items:start;align-content:start}.match-main-content{display:flex;flex-direction:column;gap:24px;min-width:0}.match-chat-sidebar{position:sticky;top:100px;max-height:calc(100vh - 120px);display:flex;flex-direction:column}.match-main-card{padding:32px}.match-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.match-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.status-toggle{display:flex;align-items:center;gap:10px}.status-toggle label{color:var(--text-primary);font-weight:600;font-size:.9rem}.status-select{padding:10px 16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.status-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dc26261a}.status-select option{background:var(--dark-card);color:var(--text-primary)}.action-btn.secondary-btn{background:#dc26261a;color:var(--primary-color);border:1px solid rgba(220,38,38,.3)}.action-btn.secondary-btn:hover:not(:disabled){background:#dc262633;border-color:var(--primary-color);transform:translateY(-2px)}.action-btn.large-btn{padding:16px 32px;font-size:1.1rem;width:100%}.match-title-group{display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex:1}.match-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.match-status-badge{padding:8px 16px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:capitalize;letter-spacing:.5px}.match-status-badge.open{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.match-status-badge.full{background:#ff6b6b26;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.match-status-badge.cancelled{background:#ffa50026;color:orange;border:1px solid rgba(255,165,0,.3)}.match-description-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.match-description{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin:0}.match-key-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.key-info-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.key-info-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #dc26261a}.key-info-icon{font-size:1.8rem;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#dc26261a;border-radius:10px}.key-info-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.key-info-label{color:var(--text-secondary);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.key-info-value{color:var(--text-primary);font-size:1rem;font-weight:700;word-break:break-word}.key-info-value.primary{color:var(--primary-color);font-size:1.1rem}.match-location-section{display:flex;flex-direction:column;gap:12px}.location-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.location-item.full-width{grid-column:1 / -1}.location-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #dc26261a}.location-icon{font-size:1.8rem;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#dc26261a;border-radius:10px}.location-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.location-label{color:var(--text-secondary);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.location-value{color:var(--text-primary);font-size:1rem;font-weight:600;word-break:break-word;line-height:1.5}.match-actions-section{display:flex;flex-direction:column;gap:24px}.participants-list{display:flex;flex-direction:column;gap:12px}.participant-card{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px;gap:16px;transition:all .3s ease}.participant-card:hover{border-color:var(--primary-color);transform:translate(4px)}.participant-card.accepted{border-color:#4ade804d;background:#4ade800d}.participant-info{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.participant-avatar-placeholder{width:44px;height:44px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:var(--secondary-color);font-weight:700;font-size:1.1rem;flex-shrink:0}.participant-details{display:flex;flex-direction:column;gap:4px;min-width:0}.participant-name{color:var(--text-primary);font-weight:600;font-size:.95rem;word-break:break-word}.participant-role{color:var(--text-secondary);font-size:.85rem}.participant-actions{display:flex;gap:10px;flex-shrink:0}.participants-section{margin-top:0}.participants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.participants-grid .participant-card{flex-direction:column;align-items:center;text-align:center;padding:20px}.participants-grid .participant-card .participant-info{flex-direction:column;align-items:center;width:100%}.participants-grid .participant-card .participant-avatar-placeholder{width:64px;height:64px;font-size:1.5rem;margin-bottom:8px}.participants-grid .participant-card .participant-details{align-items:center;width:100%}.participants-grid .participant-card .participant-name{text-align:center}.participant-status-section{margin-top:0}.status-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.status-text{color:var(--text-primary);font-size:1.1rem;margin:0}.status-text strong{color:var(--primary-color);font-weight:700}.status-note{color:var(--text-secondary);font-size:.95rem;margin:0}.join-section{margin-top:0;text-align:center}.login-prompt,.match-full{text-align:center;color:var(--text-secondary);font-size:1rem;margin:0;padding:20px}.no-requests{text-align:center;color:var(--text-secondary);padding:20px;margin:0}.match-chat-section{margin-top:0;padding:0;overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 200px);min-height:600px;max-height:800px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--dark-card);border-radius:16px;padding:30px;max-width:500px;width:90%;border:1px solid var(--border-color)}.modal-content h2{color:var(--primary-color);margin-bottom:20px;font-size:1.5rem}.modal-content .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.modal-content .form-group label{color:var(--text-primary);font-weight:600;font-size:.95rem}.modal-content .form-group select{padding:12px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:all .3s ease}.modal-content .form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dc26261a}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.invite-modal{max-width:500px;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{margin:0}.close-button{background:transparent;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-button:hover{background:var(--dark-bg);color:var(--text-primary)}.search-users{margin-top:20px}.search-input{width:100%;padding:14px 18px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:.95rem;margin-bottom:20px;transition:all .3s ease}.searching-text{text-align:center;color:var(--text-secondary);padding:20px}.search-results{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.user-result-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.user-result-item:hover{border-color:var(--primary-color);transform:translate(4px)}.user-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.user-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.user-avatar-placeholder{width:44px;height:44px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem;border:2px solid var(--border-color)}.user-details{display:flex;flex-direction:column;gap:4px;min-width:0}.user-name{color:var(--text-primary);font-weight:600;font-size:.95rem;word-break:break-word}.user-email{color:var(--text-secondary);font-size:.85rem;word-break:break-word}.invite-btn{padding:10px 20px;background:var(--gradient-3);border:none;border-radius:10px;color:var(--secondary-color);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;flex-shrink:0}.invite-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.invite-btn:disabled{opacity:.6;cursor:not-allowed}.no-results{text-align:center;color:var(--text-secondary);padding:40px 20px}@media(max-width:1200px){.match-content-layout{grid-template-columns:1fr}.match-chat-sidebar{position:relative;top:0;max-height:600px}.match-chat-section{height:600px;max-height:600px}}@media(max-width:768px){.match-detail-page{padding:100px 16px 32px}.match-detail-wrapper,.match-content-layout{gap:20px}.match-main-card{padding:24px}.match-header{flex-direction:column;align-items:stretch;gap:16px}.match-actions{width:100%;flex-direction:column}.status-toggle{width:100%}.status-select{flex:1}.action-btn{flex:1;min-width:0}.match-title{font-size:1.75rem}.section-card{padding:24px}.match-key-info{grid-template-columns:1fr}.match-location-section{gap:10px}.participant-card{flex-direction:column;align-items:stretch;gap:16px}.participant-actions{width:100%}.participant-actions .action-btn{flex:1}.participants-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:480px){.match-main-card{padding:20px}.match-title{font-size:1.5rem}.section-card{padding:20px}.section-title{font-size:1.2rem}.match-info-cards{gap:12px}.info-card{padding:16px}.info-icon{width:48px;height:48px;font-size:1.5rem}.participants-grid{grid-template-columns:1fr}}.create-tournament-page{padding:40px 0;min-height:calc(100vh - 140px)}.create-tournament-card{background:var(--dark-card);border-radius:20px;padding:40px;max-width:800px;margin:0 auto;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(220,38,38,.2)}.tournament-form{margin-top:30px}@media(max-width:768px){.create-tournament-card{padding:30px 20px}.page-title{font-size:2rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}}.tournament-detail-page{min-height:100vh;background:var(--dark-bg, #0f172a);padding:0;color:var(--text-primary, #ffffff)}.tournament-detail-container{max-width:1400px;margin:0 auto;padding:0}.tournament-detail-loading,.tournament-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:var(--text-primary, #ffffff)}.tournament-banner-section{position:relative;width:100%;height:500px;overflow:hidden;margin-bottom:0}.tournament-banner-image{width:100%;height:100%;object-fit:cover;display:block}.banner-content .tournament-title-section h1{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:1rem}.banner-content .tournament-badges{margin-bottom:1.5rem}.banner-content .tournament-quick-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.banner-content .tournament-description-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2)}.tournament-header-section{display:grid;grid-template-columns:1fr auto;gap:2rem;padding:2rem;background:var(--dark-card, #1e293b);border-bottom:1px solid var(--border-color, #334155);align-items:start}.tournament-header-content{display:flex;flex-direction:column;gap:1.5rem}.tournament-title-section h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary, #ffffff);line-height:1.2}.tournament-badges{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.tournament-quick-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.quick-info-value{font-size:.95rem;color:var(--text-primary, #ffffff);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tournament-description-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.tournament-poster-display{display:flex;align-items:center;justify-content:center;max-width:400px}.tournament-poster-image{width:100%;max-width:400px;height:auto;border-radius:12px;object-fit:contain;border:1px solid var(--border-color, #334155);box-shadow:0 8px 32px #0000004d}.tournament-detail-card{background:var(--dark-card, #1e293b);border-radius:0;padding:2rem;border:none;border-top:1px solid var(--border-color, #334155)}.tournament-content{display:grid;grid-template-columns:1fr 350px;gap:2rem}.tournament-main{display:flex;flex-direction:column;gap:2rem}.tournament-sidebar{display:flex;flex-direction:column;gap:1.5rem}.prize-items{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.tournament-info-section{margin-bottom:0}.tournament-actions-section{margin-bottom:0}.tournament-actions{display:flex;gap:1rem;flex-wrap:wrap}.join-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.join-modal{background:var(--dark-card, #1e293b);border-radius:12px;padding:2rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color, #334155);box-shadow:0 20px 60px #00000080}@media(max-width:1024px){.tournament-content,.tournament-header-section{grid-template-columns:1fr}.tournament-poster-display{max-width:100%;margin-top:1.5rem}.tournament-poster-image{max-width:100%}.overview-cards-grid{grid-template-columns:1fr}}@media(max-width:768px){.tournament-detail-container{padding:0}.back-button{margin:1rem}.tournament-banner-section{height:400px}.tournament-header-section{padding:1.5rem}.tournament-title-section h1{font-size:2rem}.tournament-quick-info{grid-template-columns:1fr}.tournament-detail-card,.banner-content{padding:1.5rem}.banner-content .tournament-quick-info{grid-template-columns:1fr}.location-direction-buttons{flex-direction:column}.direction-btn{width:100%}}.create-league-page{padding:40px 0;min-height:calc(100vh - 140px)}.create-league-card{background:var(--dark-card);border-radius:20px;padding:40px;max-width:800px;margin:0 auto;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(220,38,38,.2)}.league-form{margin-top:30px}.form-group label.upload-button{color:#000!important}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:var(--dark-bg)!important;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary)!important;font-size:16px;font-family:inherit;transition:all .3s ease}.form-group input[type=text],.form-group input[type=number],.form-group input[type=datetime-local]{background:var(--dark-bg)!important;color:var(--text-primary)!important}.form-group input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.form-group input[type=datetime-local]::-webkit-datetime-edit-text,.form-group input[type=datetime-local]::-webkit-datetime-edit-month-field,.form-group input[type=datetime-local]::-webkit-datetime-edit-day-field,.form-group input[type=datetime-local]::-webkit-datetime-edit-year-field,.form-group input[type=datetime-local]::-webkit-datetime-edit-hour-field,.form-group input[type=datetime-local]::-webkit-datetime-edit-minute-field{color:var(--text-primary)!important}.form-group input::placeholder{color:var(--text-secondary);opacity:.7}.poster-upload-section{margin-top:12px}.poster-preview{position:relative;width:100%;max-width:600px;margin-bottom:16px;border-radius:12px;overflow:hidden;background:var(--dark-bg);border:1px solid var(--border-color)}.poster-preview img{width:100%;height:auto;display:block;max-height:400px;object-fit:contain}.remove-poster-btn{position:absolute;top:12px;right:12px;background:#ff4d4de6;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2}.remove-poster-btn:hover{background:#ff4d4d;transform:scale(1.1)}.poster-placeholder{width:100%;max-width:600px;height:200px;margin-bottom:16px;border:2px dashed rgba(0,0,0,.2);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--dark-bg);color:var(--text-secondary)}.poster-placeholder span{font-size:3rem;margin-bottom:10px}.poster-placeholder p{font-size:.9rem;margin:0}.upload-button,.form-group .upload-button,.poster-upload-section .upload-button{display:inline-block;padding:12px 24px;background:var(--gradient-3);color:#000!important;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;text-align:center;margin-bottom:8px}.upload-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #dc262666;color:#000!important}.upload-hint{display:block;margin-top:8px;color:var(--text-secondary);font-size:.85rem}@media(max-width:768px){.create-league-card{padding:30px 20px}.page-title{font-size:2rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}}.match-schedule-card{background:var(--dark-card, #1e293b);border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid var(--border-color, #334155)}.match-schedule-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary, #ffffff)}.no-upcoming-matches{text-align:center;padding:2rem;color:var(--text-secondary, #94a3b8)}.next-match-container{display:flex;flex-direction:column;gap:1.5rem}.match-teams{display:flex;align-items:center;justify-content:space-around;gap:1rem;padding:1.5rem;background:var(--dark-bg, #0f172a);border-radius:8px;border:1px solid var(--border-color, #334155)}.team-info{display:flex;flex-direction:column;align-items:center;gap:.75rem;flex:1}.team-logo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color, #334155)}.team-logo-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:#fff;border:2px solid var(--border-color, #334155)}.team-name{font-size:1rem;font-weight:500;color:var(--text-primary, #ffffff);text-align:center;word-break:break-word;max-width:150px}.vs-divider{font-size:1.25rem;font-weight:600;color:var(--text-secondary, #94a3b8);padding:.5rem 1rem;background:var(--dark-bg, #0f172a);border-radius:6px;border:1px solid var(--border-color, #334155)}.match-date-info{display:flex;justify-content:center;align-items:center;gap:.5rem}.match-date{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--text-primary, #ffffff);padding:.75rem 1.5rem;background:var(--dark-bg, #0f172a);border-radius:8px;border:1px solid var(--border-color, #334155)}.date-icon{font-size:1.25rem}.countdown-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;border:1px solid rgba(102,126,234,.3)}.countdown-label{font-size:.875rem;color:var(--text-secondary, #94a3b8);text-transform:uppercase;letter-spacing:.5px}.countdown-timer{display:flex;gap:1rem;align-items:center}.countdown-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:60px}.countdown-value{font-size:2rem;font-weight:700;color:var(--text-primary, #ffffff);background:var(--dark-bg, #0f172a);padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-color, #334155);font-variant-numeric:tabular-nums}.countdown-unit{font-size:.75rem;color:var(--text-secondary, #94a3b8);text-transform:uppercase;letter-spacing:.5px}.match-expired{text-align:center;padding:1rem;color:var(--text-secondary, #94a3b8);font-style:italic}.upcoming-matches-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color, #334155)}.upcoming-matches-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary, #ffffff)}.upcoming-matches-list{display:flex;flex-direction:column;gap:.75rem}.upcoming-match-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--dark-bg, #0f172a);border-radius:8px;border:1px solid var(--border-color, #334155);transition:all .2s ease}.upcoming-match-item:hover{border-color:#667eea80;transform:translate(4px)}.upcoming-match-teams{display:flex;align-items:center;gap:.5rem;flex:1}.upcoming-team-name{font-size:.875rem;color:var(--text-primary, #ffffff);font-weight:500}.upcoming-vs{font-size:.75rem;color:var(--text-secondary, #94a3b8);margin:0 .5rem}.upcoming-match-date{font-size:.75rem;color:var(--text-secondary, #94a3b8)}@media(max-width:768px){.match-schedule-card{padding:1.5rem}.match-teams{flex-direction:column;gap:1rem}.vs-divider{transform:rotate(90deg)}.team-logo,.team-logo-placeholder{width:60px;height:60px}.team-logo-placeholder{font-size:1.5rem}.countdown-timer{flex-wrap:wrap;justify-content:center}.countdown-item{min-width:50px}.countdown-value{font-size:1.5rem;padding:.375rem .75rem}.upcoming-match-item{flex-direction:column;align-items:flex-start;gap:.5rem}.upcoming-match-teams{width:100%}}.organizer-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;overflow-y:auto}.organizer-modal{background:var(--card-bg, #ffffff);border-radius:16px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.organizer-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, #e2e8f0)}.organizer-modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary, #1e293b)}.close-modal-btn{background:none;border:none;font-size:2rem;color:var(--text-secondary, #64748b);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-modal-btn:hover{background:var(--hover-bg, #f1f5f9);color:var(--text-primary, #1e293b)}.organizer-modal-content{padding:24px;overflow-y:auto;flex:1}.loading-spinner{text-align:center;padding:40px;color:var(--text-secondary, #64748b)}.organizer-info-section{margin-bottom:32px}.organizer-profile{display:flex;gap:20px;margin-bottom:24px}.organizer-profile-photo{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--border-color, #e2e8f0)}.organizer-details h3{margin:0 0 8px;font-size:1.5rem;color:var(--text-primary, #1e293b)}.organizer-full-name{margin:4px 0;color:var(--text-secondary, #64748b);font-size:.9rem}.organizer-org{margin:4px 0;color:var(--text-primary, #1e293b);font-weight:500}.organizer-location,.organizer-address,.organizer-phone{margin:4px 0 0;color:var(--text-secondary, #64748b);font-size:.9rem;display:flex;align-items:center;gap:4px}.rating-summary{background:var(--card-bg-secondary, #f8fafc);border-radius:12px;padding:20px;margin-top:20px}.rating-display{display:flex;align-items:center;gap:12px;margin-bottom:20px}.average-rating{font-size:2.5rem;font-weight:700;color:var(--text-primary, #1e293b)}.total-reviews{color:var(--text-secondary, #64748b);font-size:.9rem}.rating-breakdown{display:flex;flex-direction:column;gap:8px}.rating-bar-item{display:flex;align-items:center;gap:12px}.star-label{width:30px;font-size:.9rem;color:var(--text-secondary, #64748b)}.rating-bar{flex:1;height:8px;background:var(--border-color, #e2e8f0);border-radius:4px;overflow:hidden}.rating-bar-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);transition:width .3s}.star-count{width:30px;text-align:right;font-size:.9rem;color:var(--text-secondary, #64748b)}.star-rating{display:flex;gap:4px}.star{font-size:1.5rem;color:var(--border-color, #e2e8f0);transition:color .2s}.star.filled{color:#fbbf24}.star.interactive{cursor:pointer}.star.interactive:hover{color:#fbbf24}.review-form-section{margin-bottom:32px;padding:20px;background:var(--card-bg-secondary, #f8fafc);border-radius:12px}.write-review-btn{width:100%;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s}.write-review-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.review-form{display:flex;flex-direction:column;gap:16px}.review-form h4{margin:0 0 8px;color:var(--text-primary, #1e293b)}.form-group label{font-weight:500;color:var(--text-primary, #1e293b)}.form-group textarea{padding:12px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-family:inherit;font-size:.95rem;resize:vertical;background:var(--input-bg, #ffffff);color:var(--text-primary, #1e293b)}.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn,.submit-btn{padding:10px 20px;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn{background:var(--card-bg-secondary, #f8fafc);color:var(--text-primary, #1e293b)}.cancel-btn:hover{background:var(--border-color, #e2e8f0)}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.review-login-prompt{padding:16px;background:var(--card-bg-secondary, #f8fafc);border-radius:8px;text-align:center;color:var(--text-secondary, #64748b);margin-bottom:24px}.reviews-section{margin-top:32px}.reviews-section h4{margin:0 0 20px;color:var(--text-primary, #1e293b)}.no-reviews{text-align:center;padding:40px;color:var(--text-secondary, #64748b)}.review-item{padding:20px;background:var(--card-bg-secondary, #f8fafc);border-radius:12px;border:1px solid var(--border-color, #e2e8f0)}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.reviewer-info{display:flex;gap:12px;align-items:flex-start}.reviewer-photo{width:48px;height:48px;border-radius:50%;object-fit:cover}.reviewer-name{margin:0;font-weight:500;color:var(--text-primary, #1e293b)}.review-context{margin:4px 0 0;font-size:.85rem;color:var(--text-secondary, #64748b)}.review-rating{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.review-date{font-size:.85rem;color:var(--text-secondary, #64748b)}.review-text{margin:12px 0 0;color:var(--text-primary, #1e293b);line-height:1.6}.load-more-reviews-btn{width:100%;padding:12px;margin-top:20px;background:var(--card-bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;color:var(--text-primary, #1e293b);font-size:.95rem;cursor:pointer;transition:all .2s}.load-more-reviews-btn:hover{background:var(--border-color, #e2e8f0)}[data-theme=dark] .organizer-modal{background:var(--card-bg, #1e293b)}[data-theme=dark] .organizer-modal-header{border-bottom-color:var(--border-color, #334155)}[data-theme=dark] .organizer-profile-photo{border-color:var(--border-color, #334155)}[data-theme=dark] .rating-summary,[data-theme=dark] .review-form-section,[data-theme=dark] .review-item{background:var(--card-bg-secondary, #0f172a);border-color:var(--border-color, #334155)}@media(max-width:768px){.organizer-modal{max-width:100%;max-height:100vh;border-radius:0}.organizer-profile{flex-direction:column;align-items:center;text-align:center}.review-header{flex-direction:column;gap:12px}.review-rating{align-items:flex-start}}.league-detail-page{min-height:100vh;min-height:-webkit-fill-available;background:var(--dark-bg, #0f172a);padding:0;color:var(--text-primary, #ffffff);width:100%;overflow-x:hidden}.league-detail-container{max-width:1400px;margin:0 auto;padding:0;width:100%;box-sizing:border-box}.league-detail-loading,.league-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:var(--text-primary, #ffffff)}.loader{font-size:1.5rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.back-button{padding:.75rem 1.5rem;background:var(--dark-card, #1e293b);color:var(--text-primary, #ffffff);border:1px solid var(--border-color, #334155);border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;margin:1.5rem 2rem}.back-button:hover{background:var(--primary-color, #667eea);border-color:var(--primary-color, #667eea)}.league-banner-section{position:relative;width:100%;height:500px;overflow:hidden;margin-bottom:0}.league-banner-image{width:100%;height:100%;object-fit:cover;display:block}.banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000004d,#000000b3);z-index:1}.banner-content{position:absolute;bottom:0;left:0;right:0;padding:2rem;z-index:2;color:#fff}.banner-content .league-title-section h1{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:1rem}.banner-content .league-badges{margin-bottom:1.5rem}.banner-content .league-quick-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.banner-content .quick-info-item{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.banner-content .quick-info-label,.banner-content .quick-info-value{color:#fff}.banner-content .league-description-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2)}.banner-content .description-title{color:#fff}.banner-content .description-text{color:#ffffffe6}.league-header-section{display:grid;grid-template-columns:1fr auto;gap:2rem;padding:2rem;background:var(--dark-card, #1e293b);border-bottom:1px solid var(--border-color, #334155);align-items:start}.league-header-content{display:flex;flex-direction:column;gap:1.5rem}.league-title-section h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary, #ffffff);line-height:1.2}.league-badges{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.status-badge,.sport-badge{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:capitalize}.status-badge{background:var(--dark-bg, #0f172a);border:1px solid var(--border-color, #334155)}.status-badge.status-open{background:#22c55e1a;border-color:#22c55e;color:#22c55e}.status-badge.status-full{background:#ef44441a;border-color:#ef4444;color:#ef4444}.status-badge.status-completed{background:#6b72801a;border-color:#6b7280;color:#6b7280}.status-badge.status-cancelled{background:#ef44441a;border-color:#ef4444;color:#ef4444}.sport-badge{background:#a855f71a;border:1px solid #a855f7;color:#a855f7}.league-quick-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.quick-info-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#1e293bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.quick-info-item:hover{background:#1e293bf2;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.quick-info-icon{font-size:1.5rem;flex-shrink:0}.quick-info-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.quick-info-label{font-size:.75rem;color:var(--text-secondary, #94a3b8);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.quick-info-value{font-size:.95rem;color:var(--text-primary, #ffffff);font-weight:600;word-break:break-word;overflow-wrap:break-word}.league-description-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.description-title{font-size:1.1rem;font-weight:700;color:var(--text-primary, #ffffff);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.description-text{color:var(--text-secondary, #94a3b8);line-height:1.8;font-size:.95rem}.description-text p{margin:0;white-space:pre-wrap;word-wrap:break-word}.league-poster-display{display:flex;align-items:center;justify-content:center;max-width:400px}.league-poster-image{width:100%;max-width:400px;height:auto;border-radius:12px;object-fit:contain;border:1px solid var(--border-color, #334155);box-shadow:0 8px 32px #0000004d}.league-detail-card{background:var(--dark-card, #1e293b);border-radius:0;padding:2rem;border:none;border-top:1px solid var(--border-color, #334155)}.league-content{display:grid;grid-template-columns:1fr 350px;gap:2rem;width:100%;box-sizing:border-box}.league-main{display:flex;flex-direction:column;gap:2rem}.league-sidebar{display:flex;flex-direction:column;gap:1.5rem}.motion-card{background:var(--dark-bg, #0f172a);border:1px solid var(--border-color, #334155);border-radius:12px;padding:1.5rem;transition:all .3s ease}.motion-card:hover{border-color:var(--primary-color, #667eea);box-shadow:0 4px 12px #667eea33}.section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary, #ffffff);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.sponsors-section{margin-bottom:2rem}.sponsors-section .section-title{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary, #ffffff)}.sponsors-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem}.sponsor-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:var(--dark-card, #1e293b);border-radius:8px;border:1px solid var(--border-color, #334155);transition:all .3s ease;min-height:120px}.sponsor-item:hover{transform:translateY(-4px);box-shadow:0 4px 12px #667eea4d;border-color:var(--primary-color, #667eea)}.sponsor-link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text-primary, #ffffff);width:100%;height:100%}.sponsor-item-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.sponsor-logo{max-width:100%;max-height:80px;object-fit:contain;margin-bottom:.5rem;border-radius:4px}.sponsor-logo-placeholder{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--primary-color, #667eea);color:#fff;border-radius:8px;font-size:2rem;font-weight:700;margin-bottom:.5rem}.sponsor-name{font-size:.9rem;text-align:center;color:var(--text-primary, #ffffff);word-break:break-word}.sponsor-link .sponsor-name{text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .3s ease}.sponsor-link:hover .sponsor-name{text-decoration-color:var(--primary-color, #667eea)}.prizes-section{margin-bottom:0}.prizes-list{display:flex;flex-direction:column;gap:1rem}.prize-item{background:var(--dark-card, #1e293b);border:1px solid var(--border-color, #334155);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}.prize-item:hover{border-color:var(--primary-color, #667eea);transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.prize-place{display:flex;align-items:center;gap:.5rem}.prize-place-label{font-size:1.5rem;font-weight:700;color:var(--primary-color, #667eea);text-transform:uppercase}.prize-place-range{font-size:1rem;font-weight:600;color:var(--text-secondary, #94a3b8)}.prize-items{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;word-break:break-word}.prize-item-detail{display:flex;align-items:center;gap:.5rem}.prize-amount{font-size:1.25rem;font-weight:700;color:var(--primary-color, #667eea);background:#667eea1a;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--primary-color, #667eea)}.prize-type{font-size:1rem;font-weight:600;color:var(--text-primary, #ffffff);background:var(--dark-card, #1e293b);padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-color, #334155)}.prize-separator{color:var(--text-secondary, #94a3b8);font-weight:600;margin:0 .25rem}.league-info-section{margin-bottom:0}.overview-sections{display:flex;flex-direction:column;gap:2.5rem}.overview-section-group{display:flex;flex-direction:column;gap:1.5rem}.section-group-title{font-size:1.5rem;font-weight:700;color:var(--text-primary, #ffffff);margin:0;display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color, #334155)}.overview-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.overview-info-card{background:var(--dark-card, #1e293b);border:1px solid var(--border-color, #334155);border-radius:12px;padding:1.25rem;transition:all .3s ease;position:relative;overflow:hidden}.overview-info-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--primary-color, #667eea);transform:scaleY(0);transition:transform .3s ease}.overview-info-card:hover{border-color:var(--primary-color, #667eea);transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.overview-info-card:hover:before{transform:scaleY(1)}.info-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.info-card-icon{font-size:1.25rem;flex-shrink:0}.info-card-label{font-size:.875rem;color:var(--text-secondary, #94a3b8);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-card-value{font-size:1.1rem;color:var(--text-primary, #ffffff);font-weight:600;word-break:break-word}.overview-location-card{background:var(--dark-card, #1e293b);border:1px solid var(--border-color, #334155);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.location-detail-item{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(51,65,85,.5)}.location-detail-item:last-of-type{border-bottom:none;padding-bottom:0}.location-direction-buttons{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.direction-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .3s ease;border:1px solid transparent;flex:1;min-width:140px;justify-content:center}.direction-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.google-maps-btn{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;border-color:#4285f4}.google-maps-btn:hover{background:linear-gradient(135deg,#357ae8,#2d8f47);box-shadow:0 4px 12px #4285f466}.waze-btn{background:linear-gradient(135deg,#3cf,#06c);color:#fff;border-color:#3cf}.waze-btn:hover{background:linear-gradient(135deg,#1ab3e6,#0052a3);box-shadow:0 4px 12px #3cf6}.direction-btn-icon{font-size:1.25rem}.direction-btn-text{font-size:.9375rem}.location-label{font-size:.875rem;color:var(--text-secondary, #94a3b8);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.location-value{font-size:1rem;color:var(--text-primary, #ffffff);font-weight:500;line-height:1.6}.status-badge-inline{display:inline-block;padding:.375rem .875rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:capitalize}.status-badge-inline.status-open{background:#22c55e1a;border:1px solid #22c55e;color:#22c55e}.status-badge-inline.status-full{background:#ef44441a;border:1px solid #ef4444;color:#ef4444}.status-badge-inline.status-completed{background:#6b72801a;border:1px solid #6b7280;color:#6b7280}.status-badge-inline.status-cancelled{background:#ef44441a;border:1px solid #ef4444;color:#ef4444}.league-actions-section{margin-bottom:0}.league-actions{display:flex;gap:1rem;flex-wrap:wrap}.gradient-button{background:var(--gradient-1, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.gradient-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.leave-button{background:linear-gradient(135deg,#ff006e,#ff4757);box-shadow:0 4px 15px #ff006e4d}.leave-button:hover{box-shadow:0 6px 20px #ff006e66}.participants-section{margin-bottom:0}.participants-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.participant-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--dark-card, #1e293b);border:1px solid var(--border-color, #334155);border-radius:12px;transition:all .3s ease}.participant-item:hover{border-color:var(--primary-color, #667eea);transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.participant-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color, #334155)}.participant-info{flex:1;min-width:0}.participant-name{font-size:1rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-meta{font-size:.875rem;color:var(--text-secondary, #94a3b8);margin:0}.no-participants{text-align:center;color:var(--text-secondary, #94a3b8);padding:2rem;font-style:italic}.organizer-card{position:sticky;top:100px;transition:all .3s ease}.organizer-card.clickable{cursor:pointer}.organizer-card.clickable:hover{border-color:var(--primary-color, #667eea);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.organizer-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary, #ffffff);margin-bottom:1rem}.organizer-info{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.organizer-photo{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color, #667eea);transition:all .3s ease}.organizer-card.clickable:hover .organizer-photo{border-color:var(--primary-color, #667eea);box-shadow:0 0 20px #667eea80;transform:scale(1.05)}.organizer-info p{font-size:1rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0}.view-profile-hint{font-size:.875rem;color:var(--text-secondary, #94a3b8);font-style:italic;margin-top:.5rem;transition:all .3s ease}.organizer-card.clickable:hover .view-profile-hint{color:var(--primary-color, #667eea);transform:translate(5px)}.join-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.join-modal{background:var(--dark-card, #1e293b);border-radius:12px;padding:2rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;overflow-x:hidden;border:1px solid var(--border-color, #334155);box-shadow:0 20px 60px #00000080;box-sizing:border-box;margin:auto}.join-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #334155)}.join-modal-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary, #ffffff);margin:0}.close-modal-btn{background:none;border:none;font-size:2rem;color:var(--text-secondary, #94a3b8);cursor:pointer;transition:color .2s ease;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-modal-btn:hover{color:var(--text-primary, #ffffff)}.join-modal-content{display:flex;flex-direction:column;gap:1.5rem}.join-type-selector{display:flex;flex-direction:column;gap:.75rem}.join-type-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--dark-bg, #0f172a);border:1px solid var(--border-color, #334155);border-radius:8px;cursor:pointer;transition:all .3s ease}.join-type-option:hover{border-color:var(--primary-color, #667eea);background:#667eea1a}.join-type-option input[type=radio]{cursor:pointer}.join-type-option span{color:var(--text-primary, #ffffff);font-weight:500}.team-selector{display:flex;flex-direction:column;gap:.75rem}.team-selector label{color:var(--text-primary, #ffffff);font-weight:600;font-size:.9rem}.team-select{padding:.75rem;background:var(--dark-bg, #0f172a);border:1px solid var(--border-color, #334155);border-radius:8px;color:var(--text-primary, #ffffff);font-size:1rem;cursor:pointer;transition:all .3s ease}.team-select:hover{border-color:var(--primary-color, #667eea)}.team-select:focus{outline:none;border-color:var(--primary-color, #667eea);box-shadow:0 0 0 3px #667eea1a}.loading-teams,.no-teams{padding:1rem;text-align:center;color:var(--text-secondary, #94a3b8)}.no-teams{display:flex;flex-direction:column;gap:1rem;align-items:center}.team-hint{font-size:.875rem;font-style:italic}.neon-button{background:transparent;color:var(--primary-color, #667eea);border:2px solid var(--primary-color, #667eea);padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.neon-button:hover{background:var(--primary-color, #667eea);color:#fff;box-shadow:0 0 20px #667eea80}.payment-info{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--dark-bg, #0f172a);border-radius:8px;margin-bottom:1rem}.payment-amount,.wallet-balance{display:flex;justify-content:space-between;align-items:center}.payment-amount label,.wallet-balance label{color:var(--text-secondary, #94a3b8);font-size:.9rem}.payment-amount .amount{font-size:1.5rem;font-weight:700;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wallet-balance .balance-ok{color:#43e97b;font-weight:600}.wallet-balance .balance-low{color:#ff006e;font-weight:600}.balance-warning{color:#ff006e;font-size:.85rem;margin-top:.5rem;font-style:italic}.balance-loading{color:var(--text-secondary, #94a3b8);font-size:.9rem;font-style:italic}.payment-method-selector{display:flex;flex-direction:column;gap:.75rem}.join-modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.join-modal-actions button{min-width:120px}@media(max-width:1024px){.league-content{grid-template-columns:1fr;gap:1.5rem;width:100%}.league-header-section{grid-template-columns:1fr}.league-poster-display{max-width:100%;margin-top:1.5rem}.league-poster-image{max-width:100%}.overview-cards-grid{grid-template-columns:1fr}.organizer-card{position:static}}@media(max-width:768px){.league-detail-container{padding:0;width:100%;overflow-x:hidden}.league-detail-page{overflow-x:hidden;width:100%}.back-button{margin:1rem;padding:.5rem 1rem;font-size:.875rem;white-space:nowrap}.league-banner-section{height:350px}.league-header-section{padding:1rem;gap:1rem}.league-title-section h1{font-size:1.75rem;line-height:1.3}.league-badges{gap:.5rem}.status-badge,.sport-badge{padding:.375rem .75rem;font-size:.75rem}.league-quick-info{grid-template-columns:1fr;gap:1rem;margin-top:1rem}.quick-info-item{padding:.75rem;gap:.75rem}.quick-info-icon{font-size:1.25rem}.quick-info-label{font-size:.7rem}.quick-info-value{font-size:.875rem;white-space:normal;word-break:break-word}.league-description-section{margin-top:1rem;padding-top:1rem}.description-title{font-size:1rem}.description-text{font-size:.875rem}.league-detail-card{padding:1rem}.league-main{gap:1.5rem}.motion-card{padding:1rem}.section-title{font-size:1.25rem;margin-bottom:1rem}.banner-content{padding:1rem}.banner-content .league-title-section h1{font-size:1.75rem}.banner-content .league-quick-info{grid-template-columns:1fr;gap:1rem}.banner-content .quick-info-item{padding:.75rem}.league-poster-image{max-width:100%;border-radius:8px}.sponsors-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;width:100%;box-sizing:border-box}.sponsor-item{width:100%;box-sizing:border-box}.sponsor-item{min-height:100px;padding:.75rem}.sponsor-logo{max-height:60px}.sponsor-logo-placeholder{width:60px;height:60px;font-size:1.5rem}.sponsor-name{font-size:.8rem}.prizes-list{gap:.75rem;width:100%;box-sizing:border-box}.prize-item{width:100%;box-sizing:border-box}.prize-item{padding:1rem;overflow:hidden}.prize-items{gap:.5rem;flex-wrap:wrap}.prize-item-detail,.prize-place{flex-wrap:wrap;gap:.5rem}.prize-place-label{font-size:1.25rem;word-break:break-word}.prize-place-range{word-break:break-word}.prize-amount{font-size:1rem;padding:.375rem .75rem}.prize-type{font-size:.875rem;padding:.375rem .75rem}.overview-sections{gap:2rem}.section-group-title{font-size:1.25rem}.overview-cards-grid{grid-template-columns:1fr;gap:1rem;width:100%;box-sizing:border-box}.overview-info-card,.overview-location-card,.overview-section-group{width:100%;box-sizing:border-box}.overview-info-card{padding:1rem}.info-card-header{gap:.5rem;margin-bottom:.5rem}.info-card-icon{font-size:1.1rem}.info-card-label{font-size:.8rem}.info-card-value{font-size:1rem}.overview-location-card{padding:1rem;gap:1rem}.location-detail-item{padding-bottom:.75rem}.location-label{font-size:.8rem}.location-value{font-size:.9rem}.location-direction-buttons{flex-direction:column;gap:.75rem;margin-top:.75rem}.direction-btn{width:100%;padding:.625rem 1rem;font-size:.875rem;min-width:unset}.direction-btn-icon{font-size:1.1rem}.direction-btn-text{font-size:.875rem}.league-actions{flex-direction:column;width:100%;box-sizing:border-box}.gradient-button{width:100%;padding:.875rem 1.5rem;font-size:.9375rem;box-sizing:border-box;word-break:break-word;white-space:normal}.participants-list{grid-template-columns:1fr;gap:.75rem;width:100%;box-sizing:border-box}.participant-item{padding:.75rem;gap:.75rem;width:100%;box-sizing:border-box;overflow:hidden}.participant-info{min-width:0;flex:1;overflow:hidden}.participant-avatar{width:45px;height:45px;flex-shrink:0}.participant-name{font-size:.9375rem;word-break:break-word;white-space:normal;overflow-wrap:break-word}.participant-meta{font-size:.8rem;word-break:break-word;white-space:normal;overflow-wrap:break-word}.organizer-card h3{font-size:1.1rem}.organizer-photo{width:80px;height:80px}.organizer-info p{font-size:.9375rem}.view-profile-hint{font-size:.8rem}.join-modal{padding:1.5rem;margin:1rem;max-height:95vh;width:calc(100% - 2rem);max-width:calc(100% - 2rem)}.join-modal-overlay{padding:2rem .5rem .5rem;align-items:flex-start}.join-modal-content{width:100%;box-sizing:border-box}.join-type-selector{width:100%}.join-type-option{width:100%;box-sizing:border-box}.team-selector{width:100%}.team-select{width:100%;box-sizing:border-box}.join-modal-header{margin-bottom:1rem;padding-bottom:.75rem}.join-modal-header h3{font-size:1.25rem}.close-modal-btn{font-size:1.75rem;width:28px;height:28px}.join-modal-content{gap:1.25rem}.join-type-option{padding:.625rem;gap:.625rem}.join-type-option span{font-size:.9rem}.team-selector label{font-size:.875rem}.team-select{padding:.625rem;font-size:.9375rem}.payment-info{padding:.75rem;gap:.75rem}.payment-amount .amount{font-size:1.25rem}.wallet-balance .balance-ok,.wallet-balance .balance-low{font-size:1rem}.join-modal-actions{flex-direction:column;gap:.75rem}.join-modal-actions button{width:100%;min-width:unset}.prize-place{flex-wrap:wrap;gap:.5rem}.prize-place-label,.prize-place-range{word-break:break-word}.description-text,.location-value,.info-card-value{word-break:break-word;overflow-wrap:break-word}.participant-name{word-break:break-word;white-space:normal}.sponsor-name{word-break:break-word;overflow-wrap:break-word}}@media(max-width:480px){.back-button{margin:.75rem;padding:.5rem .875rem;font-size:.8rem}.league-banner-section{height:300px}.league-header-section{padding:.75rem}.league-title-section h1{font-size:1.5rem}.league-detail-card{padding:.75rem;width:100%;box-sizing:border-box;overflow-x:hidden}.league-main{width:100%;box-sizing:border-box;overflow-x:hidden}.league-sidebar{width:100%;box-sizing:border-box}.motion-card{padding:.875rem}.section-title{font-size:1.1rem}.banner-content{padding:.75rem}.banner-content .league-title-section h1{font-size:1.5rem}.sponsors-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.sponsor-item{min-height:90px;padding:.625rem}.sponsor-logo{max-height:50px}.sponsor-logo-placeholder{width:50px;height:50px;font-size:1.25rem}.sponsor-name{font-size:.75rem}.prize-place-label{font-size:1.1rem}.prize-amount{font-size:.9375rem;padding:.375rem .625rem}.prize-type{font-size:.8rem;padding:.375rem .625rem}.overview-info-card{padding:.875rem}.info-card-value{font-size:.9375rem}.join-modal{padding:1rem;margin:.5rem;width:calc(100% - 1rem);max-width:calc(100% - 1rem)}.join-modal-overlay{padding:1rem .25rem .25rem}.join-modal-header h3{font-size:1rem;word-break:break-word}.join-type-option span{font-size:.85rem;word-break:break-word}.team-selector label{font-size:.8rem}.no-teams p{font-size:.85rem;word-break:break-word}.team-hint{font-size:.8rem}.join-modal-header h3{font-size:1.1rem}.prize-items{gap:.375rem}.prize-amount,.prize-type{font-size:.8rem;padding:.25rem .5rem;word-break:break-word}.quick-info-item{flex-wrap:wrap}.quick-info-content{min-width:0;flex:1}.banner-content .quick-info-value{white-space:normal;word-break:break-word}.league-title-section h1,.banner-content .league-title-section h1{word-break:break-word;overflow-wrap:break-word}.prize-separator{margin:0 .125rem}.overview-section-group{overflow:hidden}.section-group-title,.organizer-info p{word-break:break-word;overflow-wrap:break-word}.view-profile-hint,.no-participants,.balance-warning,.team-hint,.loading-teams,.no-teams{word-break:break-word}}.organizer-detail-page{min-height:calc(var(--vh, 1vh) * 100);min-height:-webkit-fill-available;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);padding:20px;color:#fff}.organizer-detail-loading,.organizer-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(var(--vh, 1vh) * 100 - 140px);min-height:calc(-webkit-fill-available - 140px)}.organizer-detail-container{max-width:1200px;margin:0 auto}.organizer-header-section{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px;margin-bottom:30px}.organizer-header-content{display:flex;gap:24px;align-items:flex-start}.organizer-avatar-section{flex-shrink:0}.organizer-avatar,.organizer-avatar-placeholder{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.2)}.organizer-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4caf50,#45a049);font-size:48px;font-weight:700;color:#fff}.organizer-info-section{flex:1}.organizer-name{font-size:32px;font-weight:700;margin:0 0 8px;color:#fff}.organizer-organization{font-size:18px;color:#ffffffb3;margin:0 0 8px}.organizer-location{font-size:16px;color:#fff9;margin:0 0 12px}.organizer-rating{display:flex;align-items:center;gap:8px}.rating-stars{font-size:18px}.rating-value{font-size:16px;font-weight:600;color:#fff}.rating-count{font-size:14px;font-weight:400;color:#fff9;margin-left:4px}.challenges-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid rgba(255,255,255,.1)}.tab-button{background:transparent;border:none;padding:12px 24px;font-size:16px;font-weight:600;color:#fff9;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease;margin-bottom:-2px}.tab-button:hover{color:#fffc}.tab-button.active{color:#4caf50;border-bottom-color:#4caf50}.challenges-section{margin-top:24px}.no-challenges{text-align:center;padding:60px 20px;color:#fff9}.challenges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.challenge-card-link{text-decoration:none;color:inherit;display:block}.challenge-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer}.challenge-card-link .challenge-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006;border-color:#4caf5080}.challenge-poster,.challenge-poster-placeholder{width:100%;height:200px;object-fit:cover;background:linear-gradient(135deg,#2d2d2d,#1a1a1a)}.challenge-poster-placeholder{display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#ffffff80}.challenge-content{padding:20px}.challenge-header{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.challenge-type-badge{background:#4caf5033;color:#4caf50;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase}.challenge-status-badge{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize}.challenge-status-badge.status-published{background:#2196f333;color:#2196f3}.challenge-status-badge.status-ongoing{background:#4caf5033;color:#4caf50}.challenge-status-badge.status-completed{background:#9e9e9e33;color:#9e9e9e}.challenge-name{font-size:20px;font-weight:700;margin:0 0 8px;color:#fff}.challenge-description{font-size:14px;color:#ffffffb3;margin:0 0 16px;line-height:1.5}.challenge-details{display:flex;flex-direction:column;gap:8px}.challenge-detail-item{font-size:14px;color:#fff9;display:flex;align-items:center;gap:6px}@media(max-width:768px){.organizer-detail-page{padding:12px}.organizer-header-section{padding:20px}.organizer-header-content{flex-direction:column;align-items:center;text-align:center}.organizer-avatar,.organizer-avatar-placeholder{width:100px;height:100px}.organizer-name{font-size:24px}.challenges-grid{grid-template-columns:1fr;gap:16px}.challenge-poster,.challenge-poster-placeholder{height:180px}}.venues-page{padding:40px 0;min-height:calc(100vh - 140px)}.venues-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.venues-header .section-title{font-size:2.4rem}.filter-select,.filter-input{padding:12px 16px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--primary-color)}.location-controls{display:flex;align-items:center;gap:12px;flex:1;min-width:100%;margin-top:12px}.location-status{color:var(--text-secondary);font-size:14px;display:flex;align-items:center;gap:8px}.location-status.success{color:#43e97b}.location-error{display:flex;align-items:center;gap:12px;color:#ff006e;font-size:14px}.location-btn,.location-retry-btn{padding:10px 20px;background:var(--gradient-3);border:none;border-radius:8px;color:var(--secondary-color);font-weight:600;cursor:pointer;font-size:14px;transition:all .3s ease;font-family:inherit}.location-btn:hover,.location-retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.location-retry-btn{background:#ff006e33;border:1px solid #ff006e;color:#ff006e}.location-retry-btn:hover{background:#ff006e4d;box-shadow:0 4px 12px #ff006e4d}.no-venues{text-align:center;padding:60px 20px;color:var(--text-secondary)}.venue-card{display:flex;flex-direction:column;transition:all .3s ease;overflow:hidden}.venue-card:hover{border-color:var(--primary-color)}.venue-card-image{width:calc(100% + 48px);height:200px;overflow:hidden;background:var(--dark-bg);border-radius:12px 12px 0 0;margin:-24px -24px 16px;display:flex;align-items:center;justify-content:center}.venue-card-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.venue-card:hover .venue-card-image img{transform:scale(1.05)}.venue-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--dark-bg);color:var(--text-secondary)}.venue-image-placeholder span{font-size:48px;opacity:.5}.venue-image-placeholder p{font-size:.9rem;color:var(--text-secondary)}.venue-card-content{display:flex;flex-direction:column;flex:1}.venue-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.venue-card-header h3{color:var(--primary-color);font-size:1.5rem;flex:1}.venue-type-badge{background:var(--gradient-3);padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize;color:var(--secondary-color)}.venue-location{color:var(--text-secondary);margin-bottom:8px}.venue-distance{color:var(--primary-color);font-size:.9rem;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:4px}.venue-rating{color:var(--text-primary);margin-bottom:12px;font-weight:600}.venue-pricing{color:var(--primary-color);font-weight:600;margin-bottom:20px}.venue-card .neon-button{margin-top:auto;width:100%;text-align:center}@media(max-width:768px){.venues-header{flex-direction:column;gap:20px;align-items:stretch}.venues-header button{width:100%}.filters{flex-direction:column}.filter-select,.filter-input{width:100%}.location-controls{flex-direction:column;align-items:stretch}.location-btn,.location-retry-btn{width:100%}}.venue-detail-page{padding:40px 0;min-height:calc(100vh - 140px)}.pending-approval-banner{background:linear-gradient(135deg,#ffc10726,#ff980026);border:1px solid rgba(255,193,7,.3);border-radius:12px;padding:20px;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.banner-content{display:flex;align-items:flex-start;gap:16px}.banner-icon{font-size:32px;flex-shrink:0}.banner-text{flex:1}.banner-text strong{display:block;color:#ffc107;font-size:18px;margin-bottom:8px;font-weight:600}.banner-text p{color:var(--text-secondary);margin:0;line-height:1.6}.verified-badge{color:#4caf50;font-weight:600}.pending-badge{color:#ffc107;font-weight:600}.venue-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:30px;flex-wrap:wrap;gap:20px}.venue-header h1{font-size:2.5rem;margin-bottom:12px;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.venue-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.venue-location{color:var(--text-secondary)}.venue-type{background:var(--gradient-3);color:var(--secondary-color);padding:4px 12px;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:capitalize}.venue-rating{color:var(--text-primary);font-weight:600}.venue-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:16px}.venue-pricing{text-align:right}.price-label{display:block;color:var(--text-secondary);font-size:.9rem;margin-bottom:4px}.price-value{display:block;color:var(--primary-color);font-size:1.8rem;font-weight:800}.venue-owner-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.delete-button{padding:10px 20px;background:linear-gradient(135deg,#ff006e,#ff4757);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff006e4d}.delete-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff006e66}.delete-button:active{transform:translateY(0)}.venue-gallery{margin-bottom:30px;display:flex;flex-direction:column;gap:16px}.venue-main-image{width:100%;height:auto;min-height:400px;max-height:600px;border-radius:16px;overflow:hidden;background:var(--dark-bg);border:2px solid var(--border-color);position:relative;box-shadow:0 4px 16px #0003;transition:all .3s ease;display:block}.venue-main-image:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #c6ff0033;transform:translateY(-2px)}.venue-main-image img{width:100%;height:auto;object-fit:contain;object-position:center;display:block;transition:transform .3s ease;min-height:400px;max-height:600px}.venue-main-image:hover img{transform:scale(1.05)}.venue-main-image .image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary);background:var(--dark-bg);position:absolute;top:0;left:0;z-index:1}.venue-main-image .image-placeholder span{font-size:64px;opacity:.5}.venue-main-image .image-placeholder p{font-size:1rem;color:var(--text-secondary)}.venue-main-image .image-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--primary-color);font-size:1.5rem}.venue-sub-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.venue-sub-image{width:100%;height:200px;border-radius:12px;overflow:hidden;background:var(--dark-bg);border:1px solid var(--border-color);cursor:pointer;transition:transform .3s ease,border-color .3s ease;position:relative}.venue-sub-image:after{content:"🔍";position:absolute;top:8px;right:8px;background:#0009;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:0;transition:opacity .3s ease;z-index:2}.venue-sub-image:hover:after{opacity:1}.venue-sub-image:hover{transform:scale(1.05);border-color:var(--primary-color)}.venue-sub-image img{width:100%;height:100%;object-fit:cover}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;cursor:default}.image-modal-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:0 8px 32px #c6ff004d}.image-modal-close{position:absolute;top:-40px;right:0;background:var(--gradient-3);color:var(--secondary-color);border:none;width:40px;height:40px;border-radius:50%;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10000;box-shadow:0 4px 12px #c6ff0066}.image-modal-close:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 6px 16px #c6ff0099}.amenities-list{display:flex;flex-wrap:wrap;gap:12px}.amenity-badge{background:var(--dark-bg);border:1px solid rgba(220,38,38,.3);color:var(--primary-color);padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600}.contact-info{display:flex;flex-direction:column;gap:12px}.contact-item{display:flex;align-items:center;gap:12px}.contact-label{color:var(--text-secondary);font-weight:600;min-width:80px}.contact-value{color:var(--primary-color);text-decoration:none;transition:color .3s ease}.contact-value:hover{color:#00d4e6;text-decoration:underline}.venue-type-badge{display:inline-block;background:var(--gradient-3);color:var(--secondary-color);padding:8px 20px;border-radius:20px;font-size:1rem;font-weight:600;text-transform:capitalize}.courts-list{display:flex;flex-direction:column;gap:16px}.court-item{padding:16px;background:var(--dark-bg);border-radius:8px;border:1px solid var(--border-color)}.court-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.court-header h3{color:var(--text-primary);font-size:1.2rem;margin:0}.court-type-badge{background:var(--gradient-3);color:var(--secondary-color);padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:capitalize}.court-details{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:8px}.court-sport,.court-capacity{color:var(--text-secondary);font-size:.9rem}.court-status{padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.court-status.available{background:#4ade8033;color:#4ade80}.court-status.unavailable{background:#ef444433;color:#ef4444}.court-description{color:var(--text-secondary);font-size:.9rem;margin-top:8px;line-height:1.5}.venue-address{color:var(--text-secondary);line-height:1.6;margin-bottom:16px;font-size:1rem}.venue-map-container{margin-top:16px;position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);background:var(--dark-bg)}.venue-map{width:100%;height:400px;min-height:300px}.map-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--dark-bg);color:var(--text-secondary);gap:12px}.map-loading .loader{width:40px;height:40px;border:3px solid rgba(220,38,38,.3);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.map-loading p{margin:0;font-size:.9rem}.map-actions{position:absolute;bottom:16px;right:16px;z-index:10}.map-directions-btn{background:var(--primary-color);color:var(--dark-bg);padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease;box-shadow:0 4px 12px #dc26264d}.map-directions-btn:hover{background:#00d4e6;transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.venue-content{display:grid;grid-template-columns:1fr 350px;gap:24px}.venue-main{display:flex;flex-direction:column;gap:24px}.venue-section{padding:24px}.venue-section h2{color:var(--primary-color);margin-bottom:16px;font-size:1.5rem}.sport-types{display:flex;flex-wrap:wrap;gap:12px}.sport-badge{background:var(--gradient-3);color:var(--secondary-color);padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:600}.availability-calendar{display:flex;flex-direction:column;gap:20px}.day-slots{padding:16px;background:var(--dark-bg);border-radius:8px;border:1px solid var(--border-color)}.day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.day-date{color:var(--text-primary);font-weight:600}.slot-count{color:var(--text-secondary);font-size:.9rem}.time-slots{display:flex;flex-wrap:wrap;gap:12px}.time-slot{background:var(--dark-card);border:1px solid rgba(220,38,38,.3);color:var(--primary-color);padding:10px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:100px}.time-slot:hover{background:var(--primary-color);color:var(--dark-bg);border-color:var(--primary-color);transform:translateY(-2px)}.slot-price{font-size:.8rem;font-weight:600}.review-item{padding:16px;background:var(--dark-bg);border-radius:8px;border:1px solid var(--border-color)}.review-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.reviewer-info{display:flex;gap:12px;align-items:start}.reviewer-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--gradient-3);display:flex;align-items:center;justify-content:center}.reviewer-avatar img{width:100%;height:100%;object-fit:cover}.reviewer-name{font-weight:600;color:var(--text-primary);margin-bottom:4px}.review-rating{color:gold;font-size:.9rem}.review-date{color:var(--text-secondary);font-size:.85rem}.review-text{color:var(--text-secondary);line-height:1.6;margin-top:8px}.no-reviews{color:var(--text-secondary);text-align:center;padding:40px 20px}.venue-sidebar{display:flex;flex-direction:column;gap:20px}.amenities-card{padding:16px;background:var(--dark-bg);border-radius:8px;border:1px solid var(--border-color)}.amenities-card h3{color:var(--text-primary);font-size:1.2rem;margin:0 0 12px;font-weight:600}.amenities-card .amenities-list{display:flex;flex-wrap:wrap;gap:8px}.amenities-card .amenity-badge{background:var(--dark-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500}.booking-card{padding:20px;background:var(--dark-bg)!important;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a;transition:all .3s ease;position:sticky;top:100px;z-index:10}.booking-card:hover{box-shadow:0 4px 12px #c6ff0026;border-color:var(--primary-color)}.quick-info-card{padding:24px 24px 28px;background:var(--dark-bg);border-radius:16px;border:2px solid var(--border-color);box-shadow:0 4px 16px #00000026;transition:all .3s ease;position:relative;overflow:hidden}.quick-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-3);opacity:0;transition:opacity .3s ease}.quick-info-card:hover{box-shadow:0 8px 24px #c6ff0033;border-color:var(--primary-color);transform:translateY(-2px)}.quick-info-card:hover:before{opacity:1}.quick-info-card h3{color:var(--text-primary);font-size:1.6rem;margin:0 0 24px;font-weight:700;display:flex;align-items:center;gap:10px}.quick-info-card h3:before{content:"⚡";font-size:1.2rem;color:var(--primary-color)}.info-item{display:flex;flex-direction:column;gap:12px;padding:16px 16px 20px;background:#c6ff000d;border-radius:10px;border-left:3px solid var(--primary-color);transition:all .2s ease}.quick-info-card .info-item:last-child{margin-bottom:0;padding-bottom:24px;min-height:70px}.info-item:hover{background:#c6ff001a;transform:translate(4px)}.info-label{color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:.8}.info-value{color:var(--text-primary);font-weight:700;font-size:1rem;word-break:break-word;line-height:1.5;margin-bottom:2px}.verified-badge{color:#4ade80!important;display:inline-flex;align-items:center;gap:4px;padding:2px 0;line-height:1.5}.pending-badge{color:#ffc107!important;display:inline-flex;align-items:center;gap:4px;padding:2px 0;line-height:1.5}.booking-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.booking-modal-content{background:var(--dark-card);border-radius:20px;padding:40px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid rgba(220,38,38,.2)}.booking-modal-content h2{color:var(--primary-color);margin-bottom:24px;font-size:1.8rem}.booking-date-display{padding:16px;background:var(--dark-bg);border-radius:8px;margin-bottom:20px;color:var(--text-primary);font-size:1rem}.slots-container{margin-bottom:24px}.slots-container h3{color:var(--text-primary);margin-bottom:8px;font-size:1.2rem}.slots-hint{color:var(--text-secondary);font-size:.9rem;margin-bottom:16px}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:20px}.time-slot-button{background:var(--dark-card);border:2px solid rgba(220,38,38,.3);color:var(--text-primary);padding:16px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;min-height:100px}.time-slot-button:hover:not(:disabled){border-color:var(--primary-color);background:#dc26261a;transform:translateY(-2px)}.time-slot-button.selected{background:var(--primary-color);color:var(--dark-bg);border-color:var(--primary-color)}.time-slot-button.booked,.time-slot-button:disabled{opacity:.5;cursor:not-allowed;background:var(--dark-bg);border:1px solid var(--border-color)}.slot-time{font-size:1rem;font-weight:600}.slot-price{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.time-slot-button.selected .slot-price{color:var(--dark-bg)}.slot-status{position:absolute;top:4px;right:4px;font-size:.75rem;padding:2px 6px;border-radius:4px;background:#ef444433;color:#ef4444}.slot-status.selected{background:#4ade8033;color:#4ade80}.booking-summary{padding:20px;background:var(--dark-bg);border-radius:8px;margin-bottom:20px;border:1px solid rgba(220,38,38,.3)}.booking-summary h3{color:var(--primary-color);margin-bottom:16px;font-size:1.2rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border:1px solid var(--border-color)}.summary-item:last-child{border-bottom:none}.summary-item.total{font-size:1.2rem;font-weight:700;color:var(--primary-color);margin-top:8px;padding-top:16px;border-top:2px solid rgba(220,38,38,.3)}.no-slots{text-align:center;padding:40px 20px;color:var(--text-secondary)}.no-slots p{margin-bottom:20px;font-size:1rem}.form-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.form-actions button{flex:1;min-width:120px}.booking-total{text-align:center;padding:16px;background:var(--dark-bg);border-radius:8px;margin:20px 0;font-size:1.2rem;font-weight:700;color:var(--primary-color)}@media(max-width:1024px){.venue-content{grid-template-columns:1fr}}@media(max-width:768px){.venue-header{flex-direction:column}.venue-header h1{font-size:2rem}.venue-pricing{text-align:left}.venue-main-image{aspect-ratio:16 / 9;min-height:250px;max-height:350px}.venue-sub-images{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.venue-sub-image{height:150px}.time-slots{flex-direction:column}.time-slot{width:100%}.booking-modal{padding:20px 10px 10px;align-items:flex-start}.booking-modal-content{padding:20px;max-width:100%;border-radius:16px;max-height:calc(100vh - 40px)}.booking-modal-content h2{font-size:1.5rem;margin-bottom:20px}.courts-selection-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:10px!important}.time-slots-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))!important;gap:8px!important}.time-slot-button{padding:12px 8px;min-height:80px;font-size:.9rem}.slot-time{font-size:.9rem}.slot-price{font-size:.8rem}.payment-type-options{flex-direction:column!important;gap:10px!important}.payment-type-selection label{width:100%!important;padding:12px!important}.form-actions{flex-direction:column;gap:10px}.form-actions button{width:100%}.booking-summary{padding:16px}.booking-summary h3{font-size:1.1rem}.summary-item{flex-direction:column;align-items:flex-start;gap:4px}.summary-item span:first-child{font-size:.9rem;color:var(--text-secondary)}.summary-item.total{flex-direction:row;justify-content:space-between;font-size:1.1rem}.booking-date-display,.booking-court-display{padding:12px!important;font-size:.9rem!important}.payment-method-selection label,.payment-type-selection label{padding:10px 12px!important}.booking-modal-content input[type=number]{width:100%!important}.booking-modal-content input[type=date]{font-size:14px!important;padding:10px!important}}@media(max-width:480px){.booking-modal{padding:0}.booking-modal-content{border-radius:0;max-height:100vh;padding:16px}.booking-modal-content h2{font-size:1.3rem}.courts-selection-grid{grid-template-columns:1fr!important}.courts-selection-grid button{width:100%;padding:12px!important}.time-slots-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))!important;gap:6px!important}.time-slot-button{padding:10px 6px;min-height:70px;font-size:.85rem}.slot-time{font-size:.85rem}.slot-price{font-size:.75rem}.payment-type-options{flex-direction:column!important}.payment-type-selection label{width:100%!important;padding:10px!important}.payment-method-selection>div{flex-direction:column!important}.payment-method-selection label{width:100%!important;margin-bottom:10px}.form-group label{font-size:.95rem}.booking-summary{padding:12px}.summary-item{padding:8px 0}}.create-venue-page{padding:40px 0;min-height:calc(100vh - 140px)}.create-venue-card{background:var(--dark-card);border-radius:20px;padding:40px;max-width:900px;margin:0 auto;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(220,38,38,.2)}.venue-form{margin-top:30px}.form-section{margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid rgba(220,38,38,.2)}.form-section:last-of-type{border-bottom:none;margin-bottom:30px;padding-bottom:0}.section-title{font-size:1.5rem;font-weight:700;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid rgba(220,38,38,.3);display:flex;align-items:center;gap:12px}.section-title:before{content:"";width:4px;height:24px;background:var(--gradient-3);border-radius:2px}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:12px}.checkbox-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--dark-bg);border-radius:8px;cursor:pointer;transition:all .3s ease}.checkbox-item:hover{background:#dc26261a;border-color:var(--primary-color)}.checkbox-item input[type=checkbox]{width:auto;cursor:pointer}.checkbox-item span{color:var(--text-primary);font-size:.9rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group small{display:block;margin-top:6px;color:var(--text-secondary);font-size:.85rem}.image-upload-section{margin-top:12px}.image-preview{position:relative;width:100%;max-width:400px;margin-bottom:12px;border-radius:12px;overflow:hidden;border:2px solid rgba(220,38,38,.3)}.image-preview img{width:100%;height:auto;display:block}.remove-image-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#ff4d4de6;border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.remove-image-btn:hover{background:#ff4d4d;transform:scale(1.1)}.image-placeholder{width:100%;max-width:400px;height:200px;border:2px dashed rgba(0,0,0,.2);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin-bottom:12px;background:var(--dark-bg)}.image-placeholder span{font-size:48px;opacity:.5}.image-placeholder p{color:var(--text-secondary);font-size:.9rem}.upload-button{display:inline-block;padding:10px 20px;background:var(--gradient-3);color:#fff;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;text-align:center}.upload-hint{margin-top:8px;color:var(--text-secondary);font-size:.85rem}.sub-images-section{margin-top:12px}.sub-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:12px}.sub-image-preview{position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.sub-image-preview img{width:100%;height:100%;object-fit:cover}.remove-sub-image-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#ff4d4de6;border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.remove-sub-image-btn:hover{background:#ff4d4d;transform:scale(1.1)}.pricing-rules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.add-rule-button{padding:8px 16px;background:var(--gradient-3);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .3s ease}.add-rule-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #dc262666}.pricing-rules-list{margin-top:16px;display:flex;flex-direction:column;gap:12px}.pricing-rule-item{padding:16px;background:var(--dark-bg);border-radius:8px;border:1px solid var(--border-color)}.rule-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;gap:12px;align-items:end}.rule-field{display:flex;flex-direction:column;gap:6px}.rule-field label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.rule-field input,.rule-field select{padding:8px 12px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;font-family:inherit;transition:all .3s ease}.rule-field input:focus,.rule-field select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #dc26261a}.remove-rule-btn{padding:8px 12px;background:#ff4d4d33;border:1px solid rgba(255,77,77,.3);border-radius:6px;color:#ff4d4d;cursor:pointer;font-size:16px;transition:all .3s ease;align-self:end}.remove-rule-btn:hover:not(:disabled){background:#ff4d4d4d;border-color:#ff4d4d80;transform:scale(1.1)}.remove-rule-btn:disabled{opacity:.4;cursor:not-allowed;background:#ff4d4d1a;border-color:#ff4d4d1a}@media(max-width:768px){.create-venue-card{padding:30px 20px}.page-title{font-size:2rem}.checkbox-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}.sub-images-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.rule-row{grid-template-columns:1fr;gap:12px}.pricing-rules-header{flex-direction:column;align-items:flex-start;gap:12px}}.location-search-section{margin-top:12px}.search-input-group{display:flex;gap:8px;margin-bottom:8px}.search-input{flex:1;padding:10px 16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #dc26261a}.search-button,.search-by-name-button{padding:10px 16px;background:var(--gradient-3);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .3s ease;white-space:nowrap}.search-button:hover:not(:disabled),.search-by-name-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #dc262666}.search-button:disabled,.search-by-name-button:disabled{opacity:.5;cursor:not-allowed}.search-by-name-button{background:var(--gradient-2)}.coordinates-display{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.coordinate-field{display:flex;flex-direction:column;gap:6px}.coordinate-field label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.coordinate-field input{padding:10px 12px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;font-family:inherit;transition:all .3s ease}.coordinate-field input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #dc26261a}.map-container{position:relative;width:100%;height:400px;border-radius:12px;overflow:hidden;border:2px solid rgba(220,38,38,.3);margin-top:12px;background:var(--dark-bg)}.google-map{width:100%;height:100%}.map-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-secondary);z-index:1}.map-loading p{margin-bottom:8px;font-size:1rem}.map-loading small{font-size:.85rem;opacity:.7}@media(max-width:768px){.search-input-group{flex-direction:column}.search-button,.search-by-name-button{width:100%}.coordinates-display{grid-template-columns:1fr}.map-container{height:300px}}.teams-page{padding:40px 0;min-height:calc(100vh - 140px)}.teams-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.teams-header .section-title{font-size:2.4rem}.teams-tabs{display:flex;gap:0;background:var(--dark-card);padding:4px;border-radius:12px;border:2px solid var(--border-color);margin-bottom:30px;width:fit-content}.teams-tab{padding:10px 24px;background:transparent;border:none;color:var(--text-secondary);font-size:16px;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s ease;font-family:inherit}.teams-tab:hover:not(:disabled){color:var(--text-primary);background:#c6ff001a}.teams-tab.active{background:var(--gradient-3);color:var(--secondary-color);font-weight:700;box-shadow:0 2px 8px #c6ff004d}.teams-tab:disabled{opacity:.5;cursor:not-allowed}.filter-select{padding:12px 16px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;min-width:200px}.filter-select:focus{outline:none;border-color:var(--primary-color)}.no-teams{text-align:center;padding:60px 20px;color:var(--text-secondary)}.team-card{display:flex;flex-direction:column;transition:all .3s ease;position:relative}.team-card:hover{border-color:var(--primary-color)}.team-logo-small{width:calc(100% + 48px);height:200px;object-fit:cover;object-position:center;border-radius:12px 12px 0 0;margin:-24px -24px 20px;display:block}.team-sport-badge{background:#dc262626;color:var(--primary-color);padding:6px 14px;border-radius:12px;font-size:.85rem;font-weight:600;border:1px solid rgba(220,38,38,.3);text-transform:uppercase;letter-spacing:.5px}.teams-page .grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}@media(max-width:768px){.teams-header{flex-direction:column;gap:20px;align-items:stretch}.teams-header button,.filter-select{width:100%}}.create-team-page{padding:40px 0;min-height:calc(100vh - 140px)}.create-team-card{background:var(--dark-card);border-radius:20px;padding:40px;max-width:700px;margin:0 auto;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(220,38,38,.2)}.team-form{margin-top:30px}.logo-preview-container{width:100%;display:flex;justify-content:center;align-items:center;min-height:200px;background:var(--dark-bg);border-radius:12px;border:2px dashed rgba(0,0,0,.2);padding:20px}.logo-preview{position:relative;width:100%;max-width:200px;height:200px;display:flex;align-items:center;justify-content:center}.logo-preview img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px}.remove-logo-btn{position:absolute;top:-10px;right:-10px;width:32px;height:32px;border-radius:50%;background:var(--secondary-color);color:#fff;border:none;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #ff006e4d}.remove-logo-btn:hover{background:#ff006e;transform:scale(1.1)}.logo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary);text-align:center}.logo-placeholder span{font-size:48px;opacity:.5}.logo-placeholder p{margin:0;font-size:.9rem}.upload-button{display:inline-block;padding:12px 24px;background:var(--gradient-3);color:#fff;border-radius:8px;cursor:pointer;font-weight:600;text-align:center;transition:all .3s ease;border:none;font-family:inherit;font-size:.95rem}.upload-button:hover{transform:translateY(-2px);box-shadow:0 4px 20px #dc262666}.upload-hint{color:var(--text-secondary);font-size:.85rem;margin:0;text-align:center}@media(max-width:768px){.create-team-card{padding:30px 20px}.page-title{font-size:2rem}.form-actions{flex-direction:column}.form-actions button{width:100%}}.team-matches-section{margin-top:32px;padding:24px;background:var(--card-bg, #ffffff);border-radius:16px;box-shadow:0 2px 8px #0000001a}.matches-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.matches-header h3{margin:0;font-size:1.5rem;color:var(--text-primary, #1e293b)}.matches-tabs{display:flex;gap:8px;background:var(--card-bg-secondary, #f8fafc);padding:4px;border-radius:8px}.tab-btn{padding:8px 16px;border:none;background:transparent;color:var(--text-secondary, #64748b);font-size:.9rem;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s}.tab-btn:hover{background:var(--hover-bg, #f1f5f9);color:var(--text-primary, #1e293b)}.tab-btn.active{background:var(--primary-color, #667eea);color:#fff}.matches-content{margin-top:20px}.matches-list{display:flex;flex-direction:column;gap:16px}.team-match-item{padding:20px;background:var(--card-bg-secondary, #f8fafc);border-radius:12px;border:1px solid var(--border-color, #e2e8f0);transition:all .2s}.team-match-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.match-date{font-size:.85rem;color:var(--text-secondary, #64748b);margin-bottom:8px}.match-challenge{margin-bottom:12px}.challenge-badge{display:inline-block;padding:4px 8px;background:var(--primary-color, #667eea);color:#fff;font-size:.75rem;font-weight:500;border-radius:4px}.match-teams{display:flex;align-items:center;gap:16px;margin-bottom:12px}.match-team{display:flex;align-items:center;gap:12px;flex:1}.team-logo{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color, #e2e8f0)}.team-name{font-weight:500;color:var(--text-primary, #1e293b);flex:1}.match-vs{font-size:.9rem;color:var(--text-secondary, #64748b);font-weight:500;padding:0 8px}.match-score{font-size:1.2rem;font-weight:700;padding:4px 8px;border-radius:4px}.match-score.win{color:#10b981;background:#10b9811a}.match-score.loss{color:#ef4444;background:#ef44441a}.match-score.draw{color:#f59e0b;background:#f59e0b1a}.match-result,.match-status{display:flex;justify-content:flex-end;margin-top:8px}.result-badge,.status-badge{padding:4px 12px;border-radius:4px;font-size:.85rem;font-weight:500}.result-badge.win{background:#10b9811a;color:#10b981}.result-badge.loss{background:#ef44441a;color:#ef4444}.result-badge.draw{background:#f59e0b1a;color:#f59e0b}.status-badge.upcoming{background:#667eea1a;color:#667eea}.no-matches{text-align:center;padding:40px;color:var(--text-secondary, #64748b)}[data-theme=dark] .team-matches-section{background:var(--card-bg, #1e293b)}[data-theme=dark] .team-match-item{background:var(--card-bg-secondary, #0f172a);border-color:var(--border-color, #334155)}[data-theme=dark] .matches-tabs{background:var(--card-bg-secondary, #0f172a)}@media(max-width:768px){.matches-header{flex-direction:column;align-items:flex-start}.match-teams{flex-direction:column;gap:12px}.match-vs{padding:8px 0}.match-team{width:100%;justify-content:space-between}}.team-detail-page{min-height:100vh;padding:100px 20px 40px;background:var(--dark-bg)}.team-detail-wrapper{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.back-button{padding:10px 20px;background:transparent;border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .3s ease;margin-bottom:24px;align-self:flex-start}.team-content-layout{display:flex;flex-direction:column;gap:24px}.team-main-content{display:flex;flex-direction:column;gap:24px;min-width:0}.team-chat-sidebar{display:flex;flex-direction:column;width:100%}.team-hero-section{background:var(--dark-card);border:1px solid var(--border-color);border-radius:20px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 8px 32px var(--shadow-color);position:relative;overflow:hidden}.team-hero-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-1);z-index:1}.team-hero-content{display:flex;align-items:center;gap:28px;flex:1;min-width:0}.team-hero-logo-wrapper{position:relative;flex-shrink:0}.team-hero-logo{width:120px;height:120px;border-radius:20px;object-fit:cover;border:4px solid var(--primary-color);box-shadow:0 8px 24px #dc26264d;background:var(--dark-bg)}.team-hero-logo-placeholder{width:120px;height:120px;border-radius:20px;background:var(--gradient-1);display:flex;align-items:center;justify-content:center;border:4px solid var(--primary-color);box-shadow:0 8px 24px #dc26264d}.team-hero-logo-placeholder span{font-size:3.5rem;font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.team-hero-info{display:flex;flex-direction:column;gap:16px;flex:1;min-width:0}.team-hero-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin:0;line-height:1.2;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.team-hero-badges{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.team-hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:16px;flex-shrink:0}.team-hero-results{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.hero-result-badge{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;border:2px solid;transition:all .3s ease;flex-shrink:0}.hero-result-badge.win{background:#22c55e26;color:#22c55e;border-color:#22c55e4d}.hero-result-badge.loss{background:#ef444426;color:#ef4444;border-color:#ef44444d}.hero-result-badge.draw{background:#fbbf2426;color:#fbbf24;border-color:#fbbf244d}.hero-result-badge.empty{background:var(--dark-bg);color:var(--text-secondary);border-color:var(--border-color);opacity:.5}.hero-result-badge:hover:not(.empty){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.sport-badge-hero{background:#dc262626;color:var(--primary-color);padding:8px 18px;border-radius:12px;font-size:.9rem;font-weight:700;border:2px solid rgba(220,38,38,.3);text-transform:uppercase;letter-spacing:.5px}.ranking-badge-hero{background:linear-gradient(135deg,gold,#ffed4e);color:#8b6914;padding:8px 18px;border-radius:12px;font-size:.9rem;font-weight:700;border:2px solid rgba(255,215,0,.5);display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #ffd7004d}.trophy-icon{font-size:1.2rem}.ranking-text{font-weight:800}.team-hero-actions{display:flex;gap:12px;flex-shrink:0}.section-subtitle{color:var(--primary-color);font-size:1.2rem;font-weight:700;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.badge-count{color:var(--text-secondary);font-size:.9rem;font-weight:500}.team-main-card{padding:32px}.team-description-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border-color)}.team-description{color:var(--text-secondary);font-size:1rem;line-height:1.8;margin:0}.team-stats-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border-color)}.team-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background:var(--dark-bg);border:2px solid var(--border-color);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-1);transform:scaleX(0);transition:transform .3s ease}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 24px #dc262633}.stat-card.stat-primary{border-color:#dc26264d}.stat-card.stat-primary:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #dc26264d}.stat-card.stat-success{border-color:#22c55e4d}.stat-card.stat-success:hover{border-color:#22c55e;box-shadow:0 8px 24px #22c55e4d}.stat-card.stat-info{border-color:#3b82f64d}.stat-card.stat-info:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f64d}.stat-card.stat-warning{border-color:#fbbf244d}.stat-card.stat-warning:hover{border-color:#fbbf24;box-shadow:0 8px 24px #fbbf244d}.stat-icon{font-size:2.5rem;flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#dc26261a;border-radius:14px}.stat-content{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.stat-label{color:var(--text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:800;word-break:break-word}.team-invite-section{margin-top:0;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border-color)}.invite-form input{flex:1;min-width:250px;padding:14px 18px;border:2px solid var(--border-color);border-radius:12px;background:var(--dark-bg);color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:all .3s ease}.team-members-section{margin-top:0}.section-header-members{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.member-card{background:var(--dark-bg);border:2px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;transition:all .3s ease;position:relative}.member-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 24px #dc262633}.member-card.captain-card{border-color:#ffd70080;background:linear-gradient(135deg,#ffd7000d,#ffd70005)}.member-card.captain-card:hover{border-color:gold;box-shadow:0 8px 24px #ffd7004d}.member-avatar-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.member-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;background:var(--gradient-3);display:flex;align-items:center;justify-content:center;border:3px solid var(--border-color);transition:all .3s ease}.member-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{color:var(--secondary-color);font-weight:800;font-size:2rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}.captain-badge{position:absolute;top:-8px;right:-8px;width:32px;height:32px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:2px solid var(--dark-card);box-shadow:0 4px 12px #ffd70066;z-index:2}.co-captain-badge{position:absolute;top:-8px;right:-8px;width:28px;height:28px;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;border:2px solid var(--dark-card);box-shadow:0 4px 12px #3b82f666;z-index:2}.member-details{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;text-align:center}.member-name{color:var(--text-primary);font-weight:700;font-size:1rem;word-break:break-word}.member-role{color:var(--text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;border-radius:8px;background:var(--dark-card);border:1px solid var(--border-color)}.member-role.captain{background:#ffd70026;color:gold;border-color:#ffd7004d}.member-role.co_captain{background:#3b82f626;color:#3b82f6;border-color:#3b82f64d}.member-actions{display:flex;gap:8px;align-items:center;width:100%;margin-top:8px;flex-wrap:wrap}.role-select{flex:1;min-width:120px;padding:10px 14px;background:var(--dark-card);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.85rem;font-family:inherit;cursor:pointer;transition:all .3s ease;font-weight:600}.role-select:hover{border-color:var(--primary-color)}.role-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dc26261a}.action-btn.primary-btn:hover:not(:disabled){background:var(--gradient-3);opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #c6ff004d}.action-btn.danger-btn{background:#ff6b6b1a;color:#ff6b6b;border:2px solid rgba(255,107,107,.3)}.action-btn.small-btn{padding:8px 12px;font-size:.85rem}.team-chat-section{margin-top:0;padding:0;overflow:hidden;display:flex;flex-direction:column;height:600px;min-height:500px;max-height:700px}.chat-message{display:flex;gap:8px;align-items:flex-end;max-width:85%;animation:slideIn .3s ease}@media(max-width:1200px){.team-chat-section{height:550px;min-height:450px;max-height:600px}}@media(max-width:768px){.team-detail-page{padding:100px 16px 32px}.team-detail-wrapper,.team-content-layout{gap:20px}.team-hero-section{flex-direction:column;align-items:stretch;padding:32px 24px}.team-hero-content{flex-direction:column;align-items:center;text-align:center;gap:20px}.team-hero-logo,.team-hero-logo-placeholder{width:100px;height:100px}.team-hero-title{font-size:2rem}.team-hero-actions,.team-hero-actions .action-btn{width:100%}.team-main-card{padding:24px}.team-stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:20px}.stat-icon{width:56px;height:56px;font-size:2rem}.stat-value{font-size:1.3rem}.members-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.member-card{padding:20px}.member-avatar{width:64px;height:64px}.avatar-placeholder{font-size:1.5rem}.invite-form{flex-direction:column}.invite-form input,.invite-form .action-btn{width:100%;min-width:0}.member-actions{flex-direction:column;width:100%}.role-select{width:100%}.team-chat-section{height:450px;min-height:350px;max-height:500px}}@media(max-width:480px){.team-detail-page{padding:80px 12px 24px}.team-detail-wrapper,.team-content-layout{gap:16px}.back-button{margin-bottom:16px;padding:8px 16px;font-size:.85rem}.team-hero-section{padding:24px 20px}.team-hero-logo,.team-hero-logo-placeholder{width:80px;height:80px}.team-hero-logo-placeholder span{font-size:2.5rem}.team-hero-title{font-size:1.75rem}.sport-badge-hero,.ranking-badge-hero{padding:6px 14px;font-size:.8rem}.team-main-card{padding:20px}.section-subtitle{font-size:1.1rem}.team-stats-grid{gap:12px}.stat-card{padding:16px;gap:12px}.stat-icon{width:48px;height:48px;font-size:1.5rem}.stat-label{font-size:.8rem}.stat-value{font-size:1.2rem}.members-grid{grid-template-columns:1fr;gap:12px}.member-card{flex-direction:row;align-items:center;text-align:left;padding:16px}.member-avatar-wrapper{flex-shrink:0}.member-avatar{width:56px;height:56px}.avatar-placeholder{font-size:1.2rem}.member-details{align-items:flex-start;text-align:left;flex:1}.member-name{font-size:.95rem}.member-role{font-size:.75rem;padding:3px 10px}.team-chat-section{height:350px;min-height:300px;max-height:400px}.chat-header{padding:12px 20px}.chat-header .section-title{font-size:1.1rem}.chat-messages-container{padding:12px 20px}.chat-message{max-width:100%}.chat-input-form{padding:12px 20px}.chat-input{padding:8px 12px;font-size:.85rem}.send-button{width:36px;height:36px;font-size:14px}.send-button span{font-size:16px}}.parties-page{padding:40px 0;min-height:calc(100vh - 140px);background:var(--dark-bg)}.parties-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.parties-header .section-title{font-size:2.4rem!important;font-weight:700;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.parties-header-actions{display:flex;gap:12px}.parties-type-tabs{display:flex;gap:0;background:var(--dark-card);padding:4px;border-radius:12px;border:2px solid var(--border-color);margin:0 auto 20px;width:fit-content}.parties-type-tab{padding:12px 32px;background:transparent;border:none;color:var(--text-secondary);font-size:18px;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s ease;font-family:inherit}.parties-type-tab:hover:not(:disabled){color:var(--text-primary);background:#c6ff001a}.parties-type-tab.active{background:var(--gradient-3);color:var(--secondary-color);font-weight:700;box-shadow:0 2px 8px #c6ff004d}.parties-sub-tabs{display:flex;gap:0;background:var(--dark-card);padding:4px;border-radius:12px;border:2px solid var(--border-color);margin-bottom:30px;width:fit-content}.parties-sub-tab{padding:10px 24px;background:transparent;border:none;color:var(--text-secondary);font-size:16px;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s ease;font-family:inherit}.parties-sub-tab:hover:not(:disabled){color:var(--text-primary);background:#c6ff001a}.parties-sub-tab.active{background:var(--gradient-3);color:var(--secondary-color);font-weight:700;box-shadow:0 2px 8px #c6ff004d}.parties-sub-tab:disabled{opacity:.5;cursor:not-allowed}.parties-page .grid.teams-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.team-card{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.club-star-badge{position:absolute;top:12px;left:12px;font-size:20px;z-index:10;background:#0009;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #0000004d;animation:starPulse 2s ease-in-out infinite}@keyframes starPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.team-card:hover{border-color:var(--primary-color);box-shadow:0 4px 16px #dc26261f;transform:translateY(-2px)}.team-logo-small{width:calc(100% + 48px);height:200px;object-fit:contain;object-position:center;border-radius:12px 12px 0 0;margin:-24px -24px 20px;display:block;padding:30px;background:var(--dark-bg)}.team-logo-placeholder{width:calc(100% + 48px);height:200px;background:var(--gradient-1);border-radius:12px 12px 0 0;margin:-24px -24px 20px;display:flex;align-items:center;justify-content:center}.team-logo-placeholder span{font-size:4rem;font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.team-card-content{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.team-card-name{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin:0;word-break:break-word}.team-sport-badge{background:#dc262626;color:var(--primary-color);padding:6px 14px;border-radius:12px;font-size:.85rem;font-weight:600;border:1px solid rgba(220,38,38,.3);text-transform:uppercase;letter-spacing:.5px;width:fit-content}.no-items{text-align:center;padding:80px 20px;color:var(--text-secondary);font-size:1.1rem}@media(max-width:768px){.parties-header{flex-direction:column;align-items:stretch}.parties-header-actions,.parties-header-actions button{width:100%}.parties-type-tabs{width:100%;flex-wrap:wrap}.parties-type-tab{flex:1;min-width:100px;padding:10px 16px;font-size:16px}.filters{flex-direction:column}.filter-input,.filter-select{width:100%}.grid{grid-template-columns:1fr;gap:20px}.organization-meta{gap:16px}}@media(max-width:480px){.organization-card,.team-card{padding:16px;gap:12px}.organization-header-card h3,.team-card-name{font-size:1.1rem}.organization-meta{flex-direction:column;align-items:flex-start;gap:12px}.meta-item{width:100%}.team-logo-small,.team-logo-placeholder{width:calc(100% + 32px);margin:-16px -16px 16px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.modal-content{background:var(--dark-card);border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color);box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;padding:0;line-height:1}.modal-close:hover:not(:disabled){background:#dc26261a;color:var(--primary-color);transform:rotate(90deg)}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:24px;flex:1;overflow-y:auto}.modal-actions{display:flex;gap:12px;padding:24px;border-top:1px solid var(--border-color);flex-shrink:0;align-items:stretch}.modal-actions button{padding:12px 24px;font-size:16px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;font-family:inherit}.modal-actions button:disabled{opacity:.5;cursor:not-allowed}.modal-actions .wallet-back-button{background:var(--dark-card);border:2px solid var(--border-color);color:var(--text-primary);padding:12px 20px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;font-family:inherit;flex:0 0 auto;white-space:nowrap;width:auto}.modal-actions .wallet-back-button:hover:not(:disabled){background:var(--dark-bg);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #dc262633}.modal-actions .wallet-back-button:disabled{opacity:.5;cursor:not-allowed}.modal-actions .neon-button{background:var(--gradient-3);color:var(--secondary-color);padding:12px 30px;font-size:16px;font-weight:700;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;font-family:inherit;box-shadow:0 4px 15px #c6ff004d;flex:1;min-width:0;white-space:nowrap;text-align:center}.modal-actions .neon-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.modal-actions .neon-button:hover:before{left:100%}.modal-actions .neon-button:hover:not(:disabled){box-shadow:0 6px 20px #c6ff0080;transform:translateY(-2px)}.modal-actions .neon-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.modal-overlay{padding:10px;align-items:flex-end}.modal-content{max-width:100%;width:100%;max-height:95vh;border-radius:16px 16px 0 0;margin:0}.modal-header{padding:20px}.modal-header h2{font-size:1.3rem}.modal-body{padding:20px}.modal-actions{padding:20px;flex-direction:column}.modal-actions button{width:100%}}@media(max-width:480px){.modal-overlay{padding:0}.modal-content{max-height:100vh;border-radius:0}.modal-header{padding:16px}.modal-header h2{font-size:1.2rem}.modal-body{padding:16px}.modal-body p{font-size:14px;margin-bottom:16px!important}.modal-actions{padding:16px;gap:8px}.modal-actions button{padding:10px 20px;font-size:14px}.modal-actions .wallet-back-button{padding:10px 16px;font-size:13px;min-width:80px}.modal-actions .neon-button{padding:10px 24px;font-size:14px;flex:1}.payment-method-option{padding:12px!important;flex-wrap:wrap}.payment-method-option input[type=radio]{margin-right:8px!important;width:16px!important;height:16px!important}.payment-method-option>div{font-size:13px}.payment-method-option>div>div:first-child{font-size:14px;margin-bottom:2px}.payment-method-option>div>div:last-child{font-size:12px}}.payment-method-selection{margin-bottom:20px}.payment-method-options{display:flex;flex-direction:column;gap:12px}.payment-method-option{display:flex;align-items:flex-start;padding:16px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease;word-wrap:break-word;overflow-wrap:break-word}.payment-method-option:hover{border-color:var(--primary-color);background:#dc26260d}.payment-method-option.active{border-color:var(--primary-color);background:#dc26261a}.payment-method-option input[type=radio]{margin-right:12px;margin-top:2px;flex-shrink:0}.payment-method-option>div{flex:1;min-width:0}.create-party-page{min-height:100vh;padding:100px 20px 40px;background:var(--bg-primary)}.create-party-card{max-width:600px;margin:0 auto;padding:40px;background:var(--dark-card);border:2px solid var(--border-color);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#dc2626,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.page-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:30px}.party-form{display:flex;flex-direction:column;gap:20px}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;background:var(--dark-bg);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .3s ease}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 10px #dc26264d}.form-group small{color:var(--text-secondary);font-size:12px}.form-group input[type=checkbox]{margin-right:8px;width:18px;height:18px;cursor:pointer}.form-group label span{color:var(--text-primary);font-weight:400;cursor:pointer}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.error-message{padding:12px 16px;background:#ff6b6b33;border:1px solid #ff6b6b;border-radius:8px;color:#ff6b6b;font-size:14px;margin-bottom:20px}.form-section{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid var(--border-color)}.form-section:last-of-type{border-bottom:none}.section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--primary-color)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.file-upload-container{margin-top:8px}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;border:2px dashed var(--border-color);border-radius:8px;background:var(--dark-bg);cursor:pointer;transition:all .3s ease;text-align:center}.file-upload-label:hover{border-color:var(--primary-color);background:#dc26260d}.upload-icon{font-size:2.5rem;margin-bottom:10px}.file-upload-label span:not(.upload-icon){color:var(--text-secondary);font-size:14px;font-weight:500}.file-preview{position:relative;border:2px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--dark-bg)}.file-preview img{width:100%;max-height:300px;object-fit:contain;display:block}.remove-file-btn{position:absolute;top:10px;right:10px;padding:8px 15px;background:#ef4444e6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s ease}.remove-file-btn:hover{background:#ef4444;transform:scale(1.05)}.info-box{padding:15px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:var(--text-secondary);font-size:14px;margin-top:10px}.info-box p{margin:0}.form-group input[type=email],.form-group input[type=tel]{padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;background:var(--dark-bg);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .3s ease}.form-group input[type=email]:focus,.form-group input[type=tel]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 10px #dc26264d}@media(max-width:768px){.create-party-card{padding:30px 20px}.form-actions{flex-direction:column}.form-actions button{width:100%}.form-row{grid-template-columns:1fr}.section-title{font-size:1.3rem}}.club-header-sport-badge.verified{background:#22c55e26;color:#22c55e;border-color:#22c55e}.party-detail-card{max-width:1000px;margin:0 auto;padding:0;background:transparent;display:flex;flex-direction:column;gap:24px}.party-header-section{background:var(--dark-card);border:1px solid var(--border-color);border-radius:16px;padding:32px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.party-title-group{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.party-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.status-badge{padding:6px 14px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.full{background:#ff6b6b26;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.party-actions{display:flex;gap:12px;flex-wrap:wrap}.action-btn{padding:12px 24px;border-radius:10px;font-size:.95rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;white-space:nowrap}.action-btn.primary-btn{background:var(--gradient-3);color:var(--secondary-color)}.action-btn.primary-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.action-btn.danger-btn{background:#ff6b6b1a;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.action-btn.danger-btn:hover:not(:disabled){background:#ff6b6b33;border-color:#ff6b6b;transform:translateY(-2px)}.action-btn.success-btn{background:#4ade801a;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.action-btn.success-btn:hover:not(:disabled){background:#4ade8033;border-color:#4ade80;transform:translateY(-2px)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.party-description-section{background:var(--dark-card);border:1px solid var(--border-color);border-radius:16px;padding:24px 32px}.party-description{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin:0}.party-info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.info-card{background:var(--dark-card);border:1px solid var(--border-color);border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.info-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #dc26261a}.info-icon{font-size:2rem;flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#dc26261a;border-radius:12px}.info-content{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.info-label{color:var(--text-secondary);font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-value{color:var(--text-primary);font-size:1.1rem;font-weight:700;word-break:break-word}.info-value.primary{color:var(--primary-color);font-size:1.25rem}.section-card{background:var(--dark-card);border:1px solid var(--border-color);border-radius:16px;padding:28px 32px}.section-title{background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.4rem;font-weight:700;margin:0 0 20px;display:flex;align-items:center;gap:8px}.badge-count{color:var(--text-secondary);font-size:1rem;font-weight:500}.invite-section{margin-top:0}.invite-form{display:flex;gap:12px;flex-wrap:wrap}.invite-form input{flex:1;min-width:250px;padding:14px 18px;border:1px solid var(--border-color);border-radius:10px;background:var(--dark-bg);color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:all .3s ease}.invite-form input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dc26261a}.invite-form input::placeholder{color:var(--text-secondary)}.requests-section{margin-top:0}.request-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px;gap:16px;transition:all .3s ease}.request-item:hover{border-color:var(--primary-color);transform:translate(4px)}.request-info{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.request-avatar-placeholder{width:44px;height:44px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:var(--secondary-color);font-weight:700;font-size:1.1rem;flex-shrink:0}.request-details{display:flex;flex-direction:column;gap:4px;min-width:0}.request-name{color:var(--text-primary);font-weight:600;font-size:.95rem;word-break:break-word}.request-email{color:var(--text-secondary);font-size:.85rem;word-break:break-word}.request-actions{display:flex;gap:10px;flex-shrink:0}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.member-card{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:all .3s ease}.member-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #dc26261a}.member-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.member-avatar-placeholder{width:64px;height:64px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:var(--secondary-color);font-weight:700;font-size:1.5rem;border:2px solid var(--border-color)}.member-details{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.member-name{color:var(--text-primary);font-weight:600;font-size:.95rem;text-align:center;word-break:break-word}.role-badge{padding:4px 10px;border-radius:8px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.creator{background:#dc262626;color:var(--primary-color);border:1px solid rgba(220,38,38,.3)}.party-chat-section{margin-top:0;padding:0;overflow:hidden;display:flex;flex-direction:column;height:600px}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-bottom:1px solid var(--border-color);background:var(--dark-card)}.chat-header .section-title{margin:0;font-size:1.3rem}.chat-status{font-size:.85rem;color:var(--text-secondary)}.status-online{color:#4ade80}.status-offline{color:#f87171}.chat-messages-container{flex:1;overflow-y:auto;background:var(--dark-bg);background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px);padding:20px 32px;scroll-behavior:smooth}.chat-messages-container::-webkit-scrollbar{width:6px}.chat-messages-container::-webkit-scrollbar-track{background:var(--dark-bg)}.chat-messages-container::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.chat-messages-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.chat-messages{display:flex;flex-direction:column;gap:12px;min-height:100%}.no-messages{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center}.chat-message{display:flex;gap:8px;align-items:flex-end;max-width:70%;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.own-message{align-self:flex-end;flex-direction:row-reverse;margin-left:auto}.chat-message.other-message{align-self:flex-start}.chat-message.optimistic{opacity:.7}.message-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--gradient-3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-avatar .avatar-placeholder{color:var(--secondary-color);font-weight:700;font-size:14px}.message-sender{font-weight:600;color:var(--primary-color);font-size:.75rem;padding-left:8px;margin-bottom:2px}.chat-message.own-message .message-sender{display:none}.message-bubble{padding:10px 14px;border-radius:18px;position:relative;word-wrap:break-word;display:flex;flex-direction:column;gap:4px}.chat-message.own-message .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 8px #667eea4d}.chat-message.other-message .message-bubble{background:var(--dark-card);color:var(--text-primary);border-bottom-left-radius:4px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0003}.message-text{font-size:.95rem;line-height:1.4}.message-time{font-size:.7rem;opacity:.7;align-self:flex-end;margin-top:2px}.chat-message.own-message .message-time{color:#fffc}.chat-message.other-message .message-time{color:var(--text-secondary)}.chat-input-form{padding:20px 32px;background:var(--dark-card);border-top:1px solid var(--border-color);position:sticky;bottom:0;z-index:10}.chat-input-wrapper{display:flex;gap:12px;align-items:center}.chat-input{flex:1;padding:12px 18px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:24px;color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:all .3s ease}.chat-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #dc26261a}.chat-input:disabled{opacity:.5;cursor:not-allowed}.send-button{width:44px;height:44px;border-radius:50%;background:var(--gradient-3);border:none;color:var(--secondary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease;flex-shrink:0}.send-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 20px #dc262666}.send-button span{display:block;transform:rotate(-45deg);font-size:20px}@media(max-width:768px){.party-detail-page{padding:100px 16px 32px}.party-detail-card{gap:20px}.party-header-section{padding:24px;flex-direction:column;align-items:stretch}.party-title{font-size:1.75rem}.party-actions{width:100%}.action-btn{flex:1;min-width:0}.party-description-section{padding:20px 24px}.party-info-cards{grid-template-columns:1fr}.section-card{padding:24px}.invite-form{flex-direction:column}.invite-form input{width:100%;min-width:0}.request-item{flex-direction:column;align-items:stretch;gap:16px}.request-actions{width:100%}.request-actions .action-btn{flex:1}.members-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.party-chat-section{height:500px}.chat-header,.chat-messages-container{padding:16px 24px}.chat-message{max-width:85%}.chat-input-form{padding:16px 24px}}@media(max-width:480px){.party-header-section{padding:20px}.party-title{font-size:1.5rem}.party-info-cards{gap:12px}.info-card{padding:16px}.info-icon{width:48px;height:48px;font-size:1.5rem}.section-card{padding:20px}.section-title{font-size:1.2rem}.members-grid{grid-template-columns:1fr}.member-card{flex-direction:row;align-items:center;text-align:left}.member-details{align-items:flex-start}}.status-badge.verified{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.portal-action-btn.danger-btn{background:#ff6b6b1a;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.portal-action-btn.danger-btn:hover:not(:disabled){background:#ff6b6b33;border-color:#ff6b6b}.view-all-requests-btn{width:100%;padding:10px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.view-all-requests-btn:hover{background:#ffffff1a;border-color:var(--primary-color)}.empty-state-subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:8px;opacity:.8}.invite-input{flex:1;min-width:250px;padding:14px 18px;border:1px solid var(--border-color);border-radius:10px;background:var(--dark-bg);color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:all .3s ease}.invite-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dc26261a}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:8px}.info-label{color:var(--text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-value{color:var(--text-primary);font-size:1rem;font-weight:500}.info-value a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}.info-value a:hover{color:var(--text-primary);text-decoration:underline}.overview-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border-color)}.overview-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.club-squad-tab{width:100%;display:flex;flex-direction:column;gap:32px}.squad-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.squad-stats{color:var(--text-secondary);font-size:.9rem}.member-details{text-align:center;width:100%}.role-badge.creator{background:#ffd70033;color:gold;border:1px solid #ffd700}.gradient-button{background:var(--gradient-3);color:var(--secondary-color);border:none;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.neon-button{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}@media(max-width:968px){.club-header-wrapper{padding:0 24px 24px}.club-header-top{flex-direction:column;align-items:center;text-align:center;gap:20px}.club-header-logo-box{width:100px;height:100px;border-radius:14px}.club-header-logo-fallback{font-size:3.5rem}.club-header-title-area{flex-direction:column;gap:24px}.club-header-title-left{width:100%;text-align:center}.club-header-name-row{justify-content:center}.club-header-title{font-size:2.2rem}.club-header-info-grid{grid-template-columns:1fr;gap:16px}.club-info-card{padding:16px}.info-card-icon-wrapper{width:48px;height:48px}.info-card-icon{font-size:1.5rem}}@media(max-width:768px){.club-detail-page{padding:0}.club-header-wrapper{padding:0 16px 20px}.club-header-logo-box{width:90px;height:90px;border-width:2px}.club-header-logo-fallback{font-size:3rem}.club-header-title{font-size:1.9rem}.club-header-sport-badge{padding:6px 14px;font-size:.75rem}.club-info-card{padding:14px;gap:12px}.info-card-icon-wrapper{width:44px;height:44px}.info-card-icon{font-size:1.4rem}.info-card-label{font-size:.7rem}.info-card-value{font-size:1rem}.club-header-description-section{padding:16px}.club-description-text{font-size:.9rem}}@media(max-width:480px){.club-header-wrapper{padding:0 12px 16px}.club-header-back-btn{padding:8px 16px;font-size:13px}.club-header-logo-box{width:80px;height:80px;border-radius:12px;border-width:2px}.club-header-logo-fallback{font-size:2.5rem}.club-header-title{font-size:1.6rem}.club-header-sport-badge{padding:5px 12px;font-size:.7rem}.club-header-info-grid{gap:12px}.club-info-card{padding:12px;gap:10px}.info-card-icon-wrapper{width:40px;height:40px;border-radius:10px}.info-card-icon{font-size:1.2rem}.info-card-label{font-size:.65rem;margin-bottom:4px}.info-card-value{font-size:.95rem}.club-header-description-section{padding:14px}.club-description-text{font-size:.85rem}}.organization-page{padding:40px 0;min-height:calc(100vh - 140px);background:var(--dark-bg)}.organization-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.organization-header .section-title{font-size:2.4rem!important;font-weight:700;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.organization-tabs{display:flex;gap:0;background:var(--dark-card);padding:4px;border-radius:12px;border:2px solid var(--border-color);margin-bottom:30px;width:fit-content}.organization-tab{padding:10px 24px;background:transparent;border:none;color:var(--text-secondary);font-size:16px;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s ease;font-family:inherit}.organization-tab:hover:not(:disabled){color:var(--text-primary);background:#c6ff001a}.organization-tab.active{background:var(--gradient-3);color:var(--secondary-color);font-weight:700;box-shadow:0 2px 8px #c6ff004d}.organization-tab:disabled{opacity:.5;cursor:not-allowed}.filters{display:flex;gap:16px;margin-bottom:30px;flex-wrap:wrap}.filter-input,.filter-select{padding:12px 16px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .3s ease}.filter-input{flex:1;min-width:200px}.filter-select{min-width:150px}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dc26261a}.filter-input::placeholder{color:var(--text-secondary)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.organization-card{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.organization-card:hover{border-color:var(--primary-color);box-shadow:0 4px 16px #dc26261f;transform:translateY(-2px)}.organization-header-card{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.organization-header-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;flex:1;line-height:1.4;word-break:break-word}.status-badge{padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.status-badge.full{background:#ff6b6b1a;color:#ff6b6b;border:1px solid rgba(255,107,107,.2)}.organization-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}.organization-meta{display:flex;gap:20px;align-items:center;padding:12px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.meta-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.meta-value{color:var(--text-primary);font-size:1.1rem;font-weight:700;line-height:1.2}.meta-value.primary{color:var(--primary-color);font-size:1.2rem}.meta-label{color:var(--text-secondary);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.organization-footer{display:flex;flex-direction:column;gap:8px;margin-top:auto}.footer-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary)}.footer-label{font-size:.9rem;flex-shrink:0}.footer-text{color:var(--text-primary);font-weight:500;word-break:break-word}.no-organizations{text-align:center;padding:80px 20px;color:var(--text-secondary);font-size:1.1rem}@media(max-width:768px){.organization-header{flex-direction:column;align-items:stretch}.organization-header button{width:100%}.filters{flex-direction:column}.filter-input,.filter-select{width:100%}.grid{grid-template-columns:1fr;gap:20px}.organization-meta{gap:16px}}@media(max-width:480px){.organization-card{padding:16px;gap:12px}.organization-header-card h3{font-size:1.1rem}.organization-meta{flex-direction:column;align-items:flex-start;gap:12px}.meta-item{width:100%}}.club-management-page{padding:40px 0;min-height:calc(100vh - 140px);background:var(--dark-bg)}.club-management-header{display:flex;flex-direction:column;gap:20px;margin-bottom:30px;padding:30px;background:var(--dark-card);border-radius:16px;border:1px solid var(--border-color)}.club-header-actions{display:flex;align-items:center;gap:12px;align-self:flex-end;margin-top:-60px}.club-header-info{display:flex;align-items:center;gap:20px}.club-logo-large{width:100px;height:100px;border-radius:12px;object-fit:cover;padding:10px;border:2px solid var(--border-color)}.club-header-info h1{color:var(--text-primary);font-size:2rem;margin:0 0 8px}.club-sport-type{color:var(--primary-color);font-weight:600;margin:0 0 4px}.club-location{color:var(--text-secondary);margin:0;font-size:14px}.user-role-badge{padding:8px 16px;background:#dc26261a;border:1px solid var(--primary-color);border-radius:8px;color:var(--primary-color);font-size:14px}.create-event-button{padding:10px 20px;background:linear-gradient(135deg,var(--primary-color),#ff006e);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.create-event-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.overview-card{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px}.overview-card h3{color:var(--text-primary);font-size:1.3rem;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid var(--border-color)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-item{text-align:center;padding:16px;background:var(--dark-card);border-radius:8px;border:1px solid var(--border-color)}.stat-value{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:8px}.divisions-list,.feed-preview{display:flex;flex-direction:column;gap:12px}.division-item,.feed-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--dark-card);border-radius:8px;border:1px solid var(--border-color)}.division-name,.post-title{flex:1;color:var(--text-primary);font-weight:600}.division-type,.post-type{padding:4px 12px;background:#dc26261a;color:var(--primary-color);border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.division-members{color:var(--text-secondary);font-size:.9rem}.empty-state{color:var(--text-secondary);text-align:center;padding:40px 20px;font-style:italic}.jersey-management-card{grid-column:1 / -1}.jersey-upload-section{margin-top:20px}.jersey-upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:20px}.jersey-label{color:var(--text-primary);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.jersey-preview-container{width:100%;height:200px;border:2px dashed var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--dark-bg);position:relative;overflow:hidden;transition:all .3s ease}.jersey-preview-container:hover{border-color:var(--primary-color)}.jersey-preview-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.jersey-preview{max-width:100%;max-height:100%;object-fit:contain;padding:12px}.jersey-remove-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#dc2626e6;border:none;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.jersey-remove-btn:hover:not(:disabled){background:var(--primary-color);transform:scale(1.1)}.jersey-remove-btn:disabled{opacity:.5;cursor:not-allowed}.jersey-placeholder{color:var(--text-secondary);font-size:.9rem;text-align:center;padding:20px}.jersey-file-input{display:none}.jersey-upload-btn{padding:10px 20px;background:var(--dark-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;text-align:center;transition:all .3s ease}.jersey-upload-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#dc26261a}.jersey-save-btn{padding:12px 24px;background:var(--gradient-3);border:none;border-radius:8px;color:var(--secondary-color);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:12px}.jersey-save-btn:hover:not(:disabled){box-shadow:0 4px 12px #c6ff004d;transform:translateY(-2px)}.jersey-save-btn:disabled{opacity:.5;cursor:not-allowed}.tab-placeholder{text-align:center;padding:60px 20px}.tab-placeholder h2{color:var(--text-primary);font-size:2rem;margin-bottom:16px}.tab-placeholder p{color:var(--text-secondary);font-size:1.1rem}@media(max-width:768px){.club-management-header{padding:20px}.club-header-info{flex-direction:column;text-align:center}.management-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.management-tab{padding:10px 16px;font-size:14px}.tab-label{display:none}.tab-content{padding:20px}.overview-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.jersey-upload-grid{grid-template-columns:1fr}}@media(max-width:480px){.club-management-page{padding:20px 0}.management-tabs{padding:4px}.management-tab{padding:8px 12px}.stats-grid{grid-template-columns:1fr}}.divisions-tab{width:100%}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tab-header-actions{display:flex;align-items:center;gap:16px}.tab-header h2{color:var(--text-primary);font-size:1.8rem;margin:0}.divisions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.division-card{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .3s ease}.division-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #dc26261a}.division-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.division-header h3{color:var(--text-primary);font-size:1.3rem;margin:0}.division-type-badge{padding:4px 12px;background:#dc26261a;color:var(--primary-color);border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.division-description{color:var(--text-secondary);font-size:.9rem;margin:12px 0;line-height:1.5}.division-info{display:flex;flex-direction:column;gap:8px;margin:16px 0;padding:12px;background:var(--dark-card);border-radius:8px}.info-item{color:var(--text-secondary);font-size:.9rem}.info-item strong{color:var(--text-primary);margin-right:8px}.division-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.btn-secondary{background:var(--dark-card);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.btn-danger{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#dc2626;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.btn-danger:hover{background:#dc262633;border-color:#dc2626}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:var(--dark-card);border-radius:16px;border:1px solid var(--border-color);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color)}.modal-header h3{color:var(--text-primary);font-size:1.5rem;margin:0}.modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:28px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:var(--dark-bg);color:var(--text-primary)}.modal-body{padding:24px}.form-group label{display:block;color:var(--text-primary);font-weight:600;margin-bottom:8px;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .3s ease}.form-group textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--border-color);margin-top:24px}@media(max-width:768px){.divisions-grid{grid-template-columns:1fr}.tab-header{flex-direction:column;align-items:flex-start;gap:16px}.modal-content{max-width:100%;margin:0;border-radius:0;max-height:100vh}}@media(max-width:480px){.division-actions{flex-direction:column}.division-actions button{width:100%}.modal-header,.modal-body{padding:16px}}.players-tab,.notifications-tab{width:100%}.notifications-section{margin-bottom:32px}.notifications-section h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--border-color)}.join-requests-list{display:flex;flex-direction:column;gap:16px}.join-request-card{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.join-request-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #c6ff001a}.join-request-notification{padding:20px}.join-request-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.request-user-clickable{display:flex;align-items:center;gap:16px;flex:1;transition:opacity .2s ease}.request-user-clickable:hover{opacity:.8}.request-user-details{flex:1}.request-user-details h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 4px;cursor:pointer}.request-user-details h4:hover{color:var(--primary-color)}.request-user-info{display:flex;align-items:center;gap:16px;flex:1}.request-avatar{width:60px;height:60px;border-radius:50%;overflow:visible;border:2px solid var(--border-color);flex-shrink:0;position:relative}.request-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.request-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-3);color:var(--secondary-color);font-weight:700;font-size:24px;border-radius:50%}.injured-symbol{position:absolute;top:-4px;right:-4px;background:#dc2626e6;border:2px solid #fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;z-index:10;box-shadow:0 2px 4px #0000004d}.request-details h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 4px}.request-email{color:var(--text-secondary);font-size:.9rem;margin:4px 0}.request-date{color:var(--text-secondary);font-size:.85rem;margin:4px 0}.request-actions{display:flex;gap:12px}.btn-success{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-success:hover{background:#059669;transform:translateY(-2px)}.btn-danger{background:#ef4444;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-item{padding:16px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.notification-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #c6ff001a}.notification-item.unread{border-left:4px solid var(--primary-color);background:#c6ff000d}.notification-sender{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sender-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color)}.sender-avatar-placeholder{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gradient-3);color:var(--secondary-color);font-weight:600;font-size:14px;border:1px solid var(--border-color)}.sender-name{color:var(--text-secondary);font-size:.85rem;font-weight:500}.notification-content h4{color:var(--text-primary);font-size:1rem;margin:0 0 8px}.notification-content p{color:var(--text-secondary);font-size:.9rem;margin:0 0 8px;line-height:1.5}.notification-date{color:var(--text-secondary);font-size:.85rem;opacity:.7}.profile-view{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.profile-avatar-large{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--border-color);flex-shrink:0}.avatar-placeholder-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-3);color:var(--secondary-color);font-weight:700;font-size:48px}.profile-details{text-align:center;width:100%}.profile-details h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 16px}.profile-details p{color:var(--text-secondary);margin:8px 0;line-height:1.6}.profile-details strong{color:var(--text-primary)}.verified-badge{display:inline-block;background:#10b981;color:#fff;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600;margin-top:8px}@media(max-width:768px){.join-request-card,.join-request-header{flex-direction:column;align-items:flex-start;gap:16px}.request-actions{width:100%;justify-content:stretch}.request-actions button{flex:1}}.players-count{color:var(--text-secondary);font-size:.9rem}.players-section{margin-bottom:40px}.players-section:last-child{margin-bottom:0}.players-section-title{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:1px}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}.player-avatar{position:relative}.jersey-number-badge{position:absolute;top:-8px;right:-8px;background:var(--primary-color);color:#000;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;border:2px solid var(--dark-card);z-index:2}.player-avatar .injured-symbol,.players-grid .player-card .player-avatar .injured-symbol{position:absolute!important;bottom:-10px!important;right:-1px!important;top:auto!important;left:auto!important;background:#fff!important;border:2px solid var(--dark-card)!important;border-radius:50%!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;font-weight:700!important;color:#ef4444!important;z-index:10!important;box-shadow:0 2px 4px #0000004d!important;line-height:1!important}.player-card-header{overflow:visible!important}.player-jersey-number{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:.85rem}.jersey-label{color:var(--text-secondary);font-weight:500}.jersey-value{color:var(--primary-color);font-weight:700;font-size:1rem}.player-condition{margin-top:8px}.condition-badge{display:inline-block}.player-detail-field{margin-top:8px;display:flex;flex-direction:column;gap:4px}.player-detail-field label{color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.jersey-number-input{width:100%;padding:6px 8px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;font-weight:600;text-align:center}.jersey-number-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #c6ff001a}.condition-select{width:100%;padding:6px 8px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.85rem;cursor:pointer}.condition-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #c6ff001a}.players-grid .player-card{background:linear-gradient(180deg,#1e1e28f2,#14141ef2);border:1px solid rgba(198,255,0,.2);border-radius:20px;padding:24px 20px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.players-grid .player-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--secondary-color),transparent);opacity:0;transition:opacity .4s ease}.players-grid .player-card:hover{border-color:var(--secondary-color);box-shadow:0 8px 32px #c6ff0026,0 0 0 1px #c6ff001a;transform:translateY(-4px)}.players-grid .player-card:hover:before{opacity:1}.player-card-header{margin-bottom:20px;position:relative}.player-avatar{width:90px;height:90px;border-radius:50%;overflow:visible;position:relative;background:var(--dark-bg);transition:all .4s cubic-bezier(.4,0,.2,1)}.player-avatar:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--secondary-color),#a8d500,var(--secondary-color));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8;transition:all .4s ease}.players-grid .player-card:hover .player-avatar:before{opacity:1;box-shadow:0 0 30px #c6ff0099,0 0 60px #c6ff004d;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 30px #c6ff0099,0 0 60px #c6ff004d}50%{box-shadow:0 0 40px #c6ff00cc,0 0 80px #c6ff0066}}.player-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:50%!important;position:relative!important;z-index:1!important}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--secondary-color),#a8d500);color:var(--dark-bg);display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:700;border-radius:50%;position:relative;z-index:1}.player-card-body{width:100%;flex:1}.player-info{margin-bottom:20px}.player-info h3{color:var(--text-primary);font-size:1.15rem;font-weight:700;margin:0 0 14px;line-height:1.3;letter-spacing:-.3px}.players-grid .player-card .player-role{display:inline-block!important;color:gold;font-size:.75rem;font-weight:700;padding:8px 16px;border-radius:20px;background:#556b2f;border:1.5px solid #ffd700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 2px 4px #0003;transition:all .3s ease;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3),0 0 4px rgba(255,215,0,.3);position:relative;flex-direction:unset!important;align-items:unset!important;gap:unset!important}.players-grid .player-card:hover .player-role{box-shadow:0 4px 8px #0000004d,0 0 8px #ffd70066;transform:translateY(-1px);border-color:#ffed4e}.players-grid .player-card .player-role:before{content:"👑";font-size:1rem;line-height:1;display:inline-block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.player-email{display:none}.player-card-footer{width:100%;margin-top:auto;padding-top:20px}.players-grid .player-card .btn-secondary{width:100%;padding:12px 20px;font-size:.9rem;font-weight:600;border-radius:12px;transition:all .3s ease;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary)}.players-grid .player-card .btn-secondary:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.large-modal{max-width:800px}.player-detail-header{display:flex;align-items:center;gap:16px}.player-avatar-large{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid var(--border-color);flex-shrink:0}.player-avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-large{width:100%;height:100%;background:var(--gradient-3);color:var(--secondary-color);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.player-details-tabs{display:flex;flex-direction:column;gap:32px}.detail-section{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px}.detail-section h4{color:var(--text-primary);font-size:1.3rem;margin:0 0 16px;display:flex;align-items:center;justify-content:space-between}.detail-section .btn-secondary.small{padding:6px 12px;font-size:12px}.empty-state-small{color:var(--text-secondary);text-align:center;padding:20px;font-style:italic}.documents-list,.contracts-list{display:flex;flex-direction:column;gap:12px}.document-item,.contract-item{background:var(--dark-card);border:1px solid var(--border-color);border-radius:8px;padding:16px}.document-info,.contract-info{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.document-info strong,.contract-info strong{color:var(--text-primary);font-size:1rem}.document-type,.contract-info span{color:var(--text-secondary);font-size:.85rem}.verified-badge{color:#10b981;font-weight:600;font-size:.8rem}.unverified-badge{color:#f59e0b;font-weight:600;font-size:.8rem}.active-badge{color:#10b981;font-weight:600;font-size:.8rem}.inactive-badge{color:var(--text-secondary);font-weight:600;font-size:.8rem}.expiry-date{color:#f59e0b;font-size:.8rem}.document-actions{display:flex;gap:8px;flex-wrap:wrap}.document-actions .btn-secondary.small,.document-actions .btn-danger.small,.btn-secondary.small,.btn-danger.small{padding:6px 12px;font-size:12px}@media(max-width:768px){.players-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.large-modal{max-width:100%}.player-detail-header{flex-direction:column;text-align:center}}@media(max-width:480px){.players-grid{grid-template-columns:1fr}.document-actions{flex-direction:column}.document-actions button,.document-actions a{width:100%}}.contracts-tab{width:100%}.filter-tabs{display:flex;gap:8px;margin-bottom:24px;padding:8px;background:var(--dark-bg);border-radius:8px;border:1px solid var(--border-color)}.filter-tab{flex:1;padding:10px 16px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;font-family:inherit}.filter-tab:hover{border-color:var(--primary-color);color:var(--text-primary)}.filter-tab.active{background:var(--gradient-3);color:var(--secondary-color);border-color:transparent;box-shadow:0 2px 8px #c6ff004d}.contracts-table-container{overflow-x:auto;background:var(--dark-bg);border-radius:12px;border:1px solid var(--border-color)}.contracts-table{width:100%;border-collapse:collapse}.contracts-table thead{background:var(--dark-card)}.contracts-table th{padding:16px;text-align:left;color:var(--text-primary);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color)}.contracts-table td{padding:16px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.contracts-table tbody tr:hover{background:var(--dark-card)}.contracts-table tbody tr:last-child td{border-bottom:none}.player-cell{display:flex;align-items:center;gap:12px}.player-thumb{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.player-cell strong{display:block;color:var(--text-primary);font-size:.95rem;margin-bottom:4px}.player-email-small{display:block;color:var(--text-secondary);font-size:.8rem}.table-actions{display:flex;gap:8px;flex-wrap:wrap}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-group label input[type=checkbox]{width:auto;margin-right:8px}.btn-warning{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.btn-warning:hover{background:#f59e0b33;border-color:#f59e0b}@media(max-width:768px){.contracts-table-container{overflow-x:scroll}.contracts-table{min-width:800px}.form-row{grid-template-columns:1fr}.filter-tabs{flex-direction:column}}@media(max-width:480px){.contracts-table th,.contracts-table td{padding:12px 8px;font-size:.85rem}.table-actions{flex-direction:column}.table-actions button{width:100%}}.transfers-tab{width:100%}.section-tabs{display:flex;gap:8px;margin-bottom:24px;padding:8px;background:var(--dark-bg);border-radius:8px;border:1px solid var(--border-color)}.section-tab{flex:1;padding:12px 20px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;font-family:inherit}.section-tab:hover{border-color:var(--primary-color);color:var(--text-primary)}.section-tab.active{background:var(--gradient-3);color:var(--secondary-color);border-color:transparent;box-shadow:0 2px 8px #c6ff004d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.transfers-list,.market-listings{display:flex;flex-direction:column;gap:16px}.transfer-card,.market-card{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .3s ease}.transfer-card:hover,.market-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #dc26261a}.transfer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.transfer-player,.market-player{display:flex;align-items:center;gap:12px}.transfer-clubs{display:block;color:var(--text-secondary);font-size:.85rem;margin-top:4px}.transfer-details,.market-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.detail-item{color:var(--text-secondary);font-size:.9rem}.transfer-actions{display:flex;gap:8px;flex-wrap:wrap}.status-badge{padding:6px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-negotiating{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.status-approved{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-rejected{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-completed{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.negotiations-list{display:flex;flex-direction:column;gap:16px}.negotiation-item{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px}.negotiation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.negotiation-header strong{color:var(--text-primary)}.negotiation-header span{color:var(--text-secondary);font-size:.85rem}.negotiation-details{display:flex;flex-direction:column;gap:8px;color:var(--text-secondary);font-size:.9rem}.negotiation-message{margin-top:8px;padding:12px;background:var(--dark-card);border-radius:8px;font-style:italic}@media(max-width:768px){.section-header,.transfer-header{flex-direction:column;align-items:flex-start}.transfer-actions{width:100%}.transfer-actions button{flex:1}}@media(max-width:480px){.section-tabs,.transfer-actions{flex-direction:column}.transfer-actions button{width:100%}}.performance-tab{width:100%}.player-selector{margin-bottom:24px;padding:20px;background:var(--dark-card);border-radius:12px;border:1px solid var(--border-color)}.player-selector label{display:block;color:var(--text-primary);font-weight:600;margin-bottom:12px;font-size:14px}.player-select{width:100%;max-width:400px;padding:12px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .3s ease}.player-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dc26261a}.dashboard-section{margin-top:24px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.dashboard-card{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;padding:24px}.dashboard-card h3{color:var(--text-primary);font-size:1.3rem;margin:0 0 20px}.stats-summary{display:flex;flex-direction:column;gap:12px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color)}.stat-row:last-child{border-bottom:none}.stat-row span{color:var(--text-secondary);font-size:.9rem}.stat-row strong{color:var(--text-primary);font-size:1.1rem}.fitness-status{display:flex;flex-direction:column;gap:12px;align-items:center}.fitness-badge{padding:8px 16px;border-radius:12px;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.fitness-badge.fit{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.fitness-badge.injured{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.fitness-badge.recovering{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.fitness-badge.unfit{background:#9ca3af1a;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.fitness-badge.unknown{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.injury-info{color:var(--text-secondary);font-size:.85rem;margin-top:8px}.match-stats-section{margin-top:24px}.stats-totals{display:flex;gap:20px;margin-bottom:24px;padding:20px;background:var(--dark-card);border-radius:12px;border:1px solid var(--border-color);flex-wrap:wrap}.total-item{color:var(--text-secondary);font-size:.9rem}.total-item strong{color:var(--text-primary);margin-right:8px}.match-stats-list{display:flex;flex-direction:column;gap:16px}.match-stat-card{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .3s ease}.match-stat-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #dc26261a}.match-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.match-stat-header strong{color:var(--text-primary);font-size:1.1rem}.match-stat-header span{color:var(--text-secondary);font-size:.85rem}.match-stat-details{display:flex;flex-direction:column;gap:12px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--dark-bg);border-radius:8px}.stat-item span{color:var(--text-secondary);font-size:.8rem}.stat-item strong{color:var(--text-primary);font-size:1.1rem}.stat-notes{color:var(--text-secondary);font-size:.85rem;font-style:italic;margin-top:8px;padding-top:12px;border-top:1px solid var(--border-color)}.training-section{margin-top:24px}.training-sessions-list{display:flex;flex-direction:column;gap:16px}.training-session-card{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .3s ease}.training-session-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #dc26261a}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.session-header strong{color:var(--text-primary);font-size:1.1rem}.session-type{display:inline-block;padding:4px 12px;background:#dc26261a;color:var(--primary-color);border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-left:12px}.session-details{display:flex;flex-direction:column;gap:8px}.fitness-section{margin-top:24px}.fitness-card{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;padding:24px}.fitness-status-display{display:flex;justify-content:center;margin-bottom:24px}.fitness-details{display:flex;flex-direction:column;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.progress-section{margin-top:24px}.progress-list{display:flex;flex-direction:column;gap:16px}.progress-card{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .3s ease}.progress-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #dc26261a}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.progress-header strong{color:var(--text-primary);font-size:1.1rem}.progress-header span{color:var(--text-secondary);font-size:.85rem}.progress-value{color:var(--text-secondary);font-size:.9rem;margin-bottom:8px}.progress-value strong{color:var(--text-primary);margin-right:8px}.progress-period{color:var(--text-secondary);font-size:.85rem;margin-bottom:8px}.progress-period strong{color:var(--text-primary);margin-right:8px}.progress-notes{color:var(--text-secondary);font-size:.85rem;font-style:italic;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr}.stats-totals{flex-direction:column;gap:12px}.stat-grid{grid-template-columns:repeat(2,1fr)}.session-header{flex-direction:column;align-items:flex-start}.match-stat-header{flex-direction:column;align-items:flex-start;gap:8px}}@media(max-width:480px){.stat-grid{grid-template-columns:1fr}.player-selector{padding:16px}.player-select{max-width:100%}}.feed-actions{display:flex;gap:12px;flex-wrap:wrap}.feed-tabs{display:flex;gap:8px;margin-bottom:24px;padding:8px;background:var(--dark-bg);border-radius:8px;border:1px solid var(--border-color)}.feed-tab-button{flex:1;padding:12px 20px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;font-family:inherit}.feed-tab-button:hover{border-color:var(--primary-color);color:var(--text-primary)}.feed-tab-button.active{background:var(--gradient-3);color:var(--secondary-color);border-color:transparent;box-shadow:0 2px 8px #c6ff004d}.post-filter-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.feed-posts-list{display:flex;flex-direction:column;gap:20px}.feed-post-card{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s ease;position:relative}.feed-post-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #dc26261a}.pinned-badge{position:absolute;top:12px;right:12px;padding:4px 12px;background:#dc26261a;color:var(--primary-color);border-radius:12px;font-size:.75rem;font-weight:600}.post-header{margin-bottom:16px}.author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.post-author strong{display:block;color:var(--text-primary);font-size:.95rem;margin-bottom:4px}.post-type{display:inline-block;padding:2px 8px;background:#dc26261a;color:var(--primary-color);border-radius:8px;font-size:.7rem;font-weight:600;text-transform:uppercase;margin-right:8px}.post-date{display:block;color:var(--text-secondary);font-size:.8rem;margin-top:4px}.post-content{margin-bottom:16px}.post-content h3{color:var(--text-primary);font-size:1.2rem;margin:0 0 8px}.post-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}.post-media{margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.media-item{border-radius:8px;overflow:hidden;background:var(--dark-bg)}.media-item img,.media-item video{display:block;width:100%;border-radius:8px}.post-actions{display:flex;gap:16px;padding-top:16px;border-top:1px solid var(--border-color)}.action-button{background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;gap:6px}.action-button:hover{background:var(--dark-bg);color:var(--text-primary)}.action-button.liked{color:#ef4444}.votings-list{display:flex;flex-direction:column;gap:20px}.voting-card{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s ease}.voting-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #dc26261a}.voting-header{margin-bottom:20px}.voting-header h3{color:var(--text-primary);font-size:1.3rem;margin:0 0 8px}.voting-header p{color:var(--text-secondary);font-size:.9rem;margin:0 0 12px}.voting-meta{display:flex;gap:16px;color:var(--text-secondary);font-size:.85rem}.voting-options{display:flex;flex-direction:column;gap:12px}.voting-option{background:var(--dark-bg);border:2px solid var(--border-color);border-radius:8px;padding:16px;cursor:pointer;transition:all .3s ease}.voting-option:hover{border-color:var(--primary-color)}.voting-option.selected{border-color:var(--primary-color);background:#dc26260d}.option-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.option-content span:first-child{color:var(--text-primary);font-weight:600}.option-votes{color:var(--text-secondary);font-size:.85rem}.option-bar{width:100%;height:8px;background:var(--dark-bg);border-radius:4px;overflow:hidden;position:relative}.option-fill{height:100%;background:var(--gradient-3);border-radius:4px;transition:width .3s ease}.comments-list{max-height:400px;overflow-y:auto;margin-bottom:20px;padding-right:8px}.comment-item{padding:12px 0;border-bottom:1px solid var(--border-color)}.comment-author{display:flex;align-items:center;gap:12px;margin-bottom:8px}.comment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.comment-author strong{display:block;color:var(--text-primary);font-size:.9rem;margin-bottom:2px}.comment-author span{color:var(--text-secondary);font-size:.75rem}.comment-content{color:var(--text-secondary);font-size:.9rem;margin:0;padding-left:44px}.comment-form{display:flex;gap:8px;padding-top:16px;border-top:1px solid var(--border-color)}.comment-input{flex:1;padding:10px 12px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit}.comment-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dc26261a}.neon-button.small{padding:10px 20px;font-size:14px}.btn-secondary.small{padding:8px 16px;font-size:12px}@media(max-width:768px){.feed-actions{flex-direction:column;width:100%}.feed-actions button{width:100%}.post-filter-tabs{flex-direction:column}.post-filter-tabs button{width:100%}.voting-option{padding:12px}.option-content{flex-direction:column;align-items:flex-start;gap:4px}}@media(max-width:480px){.feed-post-card{padding:16px}.post-actions{flex-direction:column;gap:8px}.comment-form{flex-direction:column}.comment-input{width:100%}}.finance-tab{width:100%}.club-wallet-display{display:flex;align-items:center;gap:20px;padding:24px 32px;background:linear-gradient(135deg,var(--gradient-3) 0%,rgba(198,255,0,.1) 100%);border:2px solid var(--primary-color);border-radius:16px;margin-bottom:24px;box-shadow:0 4px 20px #c6ff0033;position:relative}.wallet-icon{font-size:3.5rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.wallet-info{flex:1}.wallet-label{color:var(--text-secondary);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.wallet-amount{color:var(--primary-color);font-size:2.5rem;font-weight:800;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.2)}.finance-tabs{display:flex;gap:8px;margin-bottom:24px;padding:8px;background:var(--dark-bg);border-radius:8px;border:1px solid var(--border-color)}.finance-tab-button{flex:1;padding:12px 20px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;font-family:inherit}.finance-tab-button:hover{border-color:var(--primary-color);color:var(--text-primary)}.finance-tab-button.active{background:var(--gradient-3);color:var(--secondary-color);border-color:transparent;box-shadow:0 2px 8px #c6ff004d}.budget-overview{margin-top:24px}.budget-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.budget-card{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s ease}.budget-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #dc26261a}.budget-card h3{color:var(--text-secondary);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.budget-value{font-size:2rem;font-weight:700;margin-bottom:8px}.budget-value.positive{color:#10b981}.budget-value.negative{color:#ef4444}.budget-period{color:var(--text-secondary);font-size:.8rem;margin:0}.budget-filters{display:flex;gap:16px;align-items:flex-end;padding:20px;background:var(--dark-card);border-radius:12px;border:1px solid var(--border-color);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:150px}.filter-group label{color:var(--text-primary);font-size:.85rem;font-weight:600}.filter-group input,.filter-group select{padding:10px 12px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .3s ease}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dc26261a}.transactions-view{margin-top:24px}.transactions-filters{display:flex;gap:16px;align-items:flex-end;padding:20px;background:var(--dark-card);border-radius:12px;border:1px solid var(--border-color);margin-bottom:24px;flex-wrap:wrap}.transactions-table-container{overflow-x:auto;background:var(--dark-bg);border-radius:12px;border:1px solid var(--border-color)}.transactions-table{width:100%;border-collapse:collapse}.transactions-table thead{background:var(--dark-card)}.transactions-table th{padding:16px;text-align:left;color:var(--text-primary);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color)}.transactions-table td{padding:16px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.transactions-table tbody tr:hover{background:var(--dark-card)}.transactions-table tbody tr:last-child td{border-bottom:none}.transaction-type-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.amount-positive{color:#10b981;font-weight:600}.amount-negative{color:#ef4444;font-weight:600}.error-container{text-align:center;padding:60px 20px;color:var(--text-secondary)}.error-container h2{color:var(--text-primary);margin-bottom:12px}@media(max-width:768px){.club-wallet-display{padding:20px 24px;gap:16px;flex-wrap:wrap}.wallet-icon{font-size:2.5rem}.wallet-amount{font-size:2rem}.top-up-button{padding:10px 20px;font-size:.9rem}.budget-cards{grid-template-columns:repeat(2,1fr)}.budget-filters,.transactions-filters{flex-direction:column;align-items:stretch}.filter-group{min-width:100%}.transactions-table-container{overflow-x:scroll}.transactions-table{min-width:800px}}@media(max-width:480px){.club-wallet-display{padding:16px 20px;gap:12px;flex-direction:column;text-align:center}.wallet-icon{font-size:2rem}.wallet-amount{font-size:1.75rem}.top-up-button{width:100%;padding:12px;font-size:.9rem}.budget-cards{grid-template-columns:1fr}.budget-value{font-size:1.5rem}.transactions-table th,.transactions-table td{padding:12px 8px;font-size:.85rem}}.analytics-tab{width:100%}.analytics-tabs{display:flex;gap:8px;margin-bottom:24px;padding:8px;background:var(--dark-bg);border-radius:8px;border:1px solid var(--border-color)}.analytics-tab-button{flex:1;padding:12px 20px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;font-family:inherit}.analytics-tab-button:hover{border-color:var(--primary-color);color:var(--text-primary)}.analytics-tab-button.active{background:var(--gradient-3);color:var(--secondary-color);border-color:transparent;box-shadow:0 2px 8px #c6ff004d}.analytics-dashboard{margin-top:24px}.analytics-filters{display:flex;gap:16px;align-items:flex-end;padding:20px;background:var(--dark-card);border-radius:12px;border:1px solid var(--border-color);margin-bottom:24px;flex-wrap:wrap}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px}.analytics-card{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s ease}.analytics-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #dc26261a}.analytics-card h3{color:var(--text-primary);font-size:1.2rem;margin:0 0 20px;text-align:center}.chart-container{width:100%;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:var(--dark-bg);border-radius:8px}.chart-empty{text-align:center;color:var(--text-secondary);padding:40px 20px;font-style:italic}.chart-legend{display:flex;gap:16px;justify-content:center;margin-top:12px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.85rem}.legend-color{width:16px;height:16px;border-radius:4px;display:inline-block}.player-comparison-section{margin-top:24px}.comparison-header{margin-bottom:24px;padding:20px;background:var(--dark-card);border-radius:12px;border:1px solid var(--border-color)}.comparison-header h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 8px}.comparison-header p{color:var(--text-secondary);font-size:.9rem;margin:0}.player-selection{margin-bottom:32px;padding:24px;background:var(--dark-card);border-radius:12px;border:1px solid var(--border-color)}.player-selection h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 16px}.players-grid-select{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:20px}.player-select-card{background:var(--dark-bg);border:2px solid var(--border-color);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column;align-items:center;gap:12px}.player-select-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.player-select-card.selected{border-color:var(--primary-color);background:#dc26260d;box-shadow:0 4px 12px #dc262633}.player-select-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;border:3px solid var(--border-color);position:relative}.player-select-avatar img{width:100%;height:100%;object-fit:cover}.player-select-info{text-align:center}.player-select-info strong{display:block;color:var(--text-primary);font-size:.95rem;margin-bottom:4px}.player-select-info span{display:block;color:var(--text-secondary);font-size:.8rem;text-transform:capitalize}.selected-badge{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--gradient-3);color:var(--secondary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.comparison-results{margin-top:32px}.comparison-results h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 24px}.comparison-section{margin-bottom:32px;padding:24px;background:var(--dark-card);border-radius:12px;border:1px solid var(--border-color)}.comparison-section h4{color:var(--text-primary);font-size:1.2rem;margin:0 0 16px}.comparison-table-container{overflow-x:auto;background:var(--dark-bg);border-radius:8px;border:1px solid var(--border-color)}.comparison-table{width:100%;border-collapse:collapse;min-width:600px}.comparison-table thead{background:var(--dark-card)}.comparison-table th{padding:16px;text-align:left;color:var(--text-primary);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color)}.comparison-table td{padding:16px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.comparison-table tbody tr:hover{background:var(--dark-card)}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-player-cell{display:flex;align-items:center;gap:12px}.comparison-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.availability-badge{padding:4px 12px;background:#10b9811a;color:#10b981;border-radius:12px;font-size:.85rem;font-weight:600}.fitness-badge{padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:capitalize}.fitness-badge.excellent{background:#10b9811a;color:#10b981}.fitness-badge.good{background:#3b82f61a;color:#3b82f6}.fitness-badge.fair{background:#f59e0b1a;color:#f59e0b}.fitness-badge.poor{background:#ef44441a;color:#ef4444}.fitness-badge.unknown{background:#6b72801a;color:#6b7280}@media(max-width:1024px){.analytics-grid{grid-template-columns:1fr}}@media(max-width:768px){.analytics-filters{flex-direction:column;align-items:stretch}.filter-group{min-width:100%}.players-grid-select{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.comparison-table-container{overflow-x:scroll}.comparison-table{min-width:800px}}@media(max-width:480px){.analytics-card{padding:16px}.chart-container{padding:12px}.players-grid-select{grid-template-columns:1fr}.comparison-section{padding:16px}.comparison-table th,.comparison-table td{padding:12px 8px;font-size:.85rem}}.lineup-builder-tab{width:100%}.lineups-list{margin-top:24px}.lineups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.lineup-card{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .3s ease}.lineup-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #dc26261a}.lineup-card-header h3{color:var(--text-primary);font-size:1.2rem;margin:0}.lineup-card-actions{display:flex;gap:8px}.lineup-card-info{color:var(--text-secondary);font-size:.9rem}.lineup-card-info p{margin:8px 0}.lineup-builder{margin-top:24px}.lineup-form-section{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:24px}.lineup-form-section h3{color:var(--text-primary);font-size:1.3rem;margin:0 0 20px}.lineup-builder-main{display:grid;grid-template-columns:250px 1fr 250px;gap:24px;margin-bottom:24px}.players-panel,.bench-panel{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;max-height:800px;overflow-y:auto}.players-panel h4,.bench-panel h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 16px}.players-list{display:flex;flex-direction:column;gap:12px}.player-card{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px;cursor:move;transition:all .3s ease}.player-card:hover{border-color:var(--primary-color);transform:translate(4px)}.player-card.draggable{cursor:grab}.player-card.draggable:active{cursor:grabbing;opacity:.7}.player-avatar-small{width:40px;height:40px;border-radius:50%;overflow:visible;border:2px solid var(--border-color);flex-shrink:0;position:relative}.player-avatar-small .injured-symbol,.position-player .injured-symbol{position:absolute!important;bottom:-10px!important;right:-1px!important;top:auto!important;left:auto!important;background:#fff!important;border:2px solid var(--dark-card)!important;border-radius:50%!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;font-weight:700!important;color:#ef4444!important;z-index:10!important;box-shadow:0 2px 4px #0000004d!important;line-height:1!important}.player-avatar-small img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-small{width:100%;height:100%;background:var(--gradient-3);color:var(--secondary-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.player-info-small{flex:1;min-width:0}.player-info-small strong{display:block;color:var(--text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-info-small span{display:block;color:var(--text-secondary);font-size:.75rem;margin-top:2px}.player-info-small .player-meta{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.player-jersey-badge{display:inline-block;color:#c6ff00;font-weight:700;font-size:.75rem;background:#c6ff001a;padding:2px 6px;border-radius:4px;border:1px solid rgba(198,255,0,.3)}.field-container{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;padding:24px}.field-container h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 20px;text-align:center}.football-field{position:relative;width:100%;aspect-ratio:2 / 3;background:linear-gradient(135deg,#0f5132,#1a7a4a,#0f5132);border:3px solid #fff;border-radius:8px;overflow:hidden;min-height:500px}.football-field:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 49px,rgba(255,255,255,.1) 49px,rgba(255,255,255,.1) 50px),repeating-linear-gradient(90deg,transparent,transparent 49px,rgba(255,255,255,.1) 49px,rgba(255,255,255,.1) 50px);pointer-events:none}.field-position{position:absolute;width:80px;z-index:10;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none}.field-position.occupied{z-index:20}.field-position.dragging{z-index:1000!important}.field-position.dragging .position-player{opacity:.9;transform:scale(1.1);box-shadow:0 8px 24px #c6ff0099}.position-placeholder{width:80px;height:80px;background:#ffffff1a;border:2px dashed rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff9;font-weight:600;font-size:.75rem;transition:all .3s ease;pointer-events:none}.field-position.empty:hover .position-placeholder{background:#fff3;border-color:#ffffff80}.position-player{width:80px;height:80px;background:var(--gradient-3);border:2px solid var(--secondary-color);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;position:relative;box-shadow:0 4px 12px #c6ff004d;overflow:hidden}.position-label{position:absolute;top:2px;left:50%;transform:translate(-50%);font-size:.65rem;font-weight:700;color:var(--secondary-color);text-transform:uppercase;z-index:2;background:#0000004d;padding:1px 4px;border-radius:3px;white-space:nowrap}.position-player-image{width:100%;height:100%;object-fit:cover;border-radius:50%;position:absolute;top:0;left:0;z-index:1}.position-player-placeholder{width:100%;height:100%;background:var(--gradient-3);color:var(--secondary-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;border-radius:50%;position:absolute;top:0;left:0;z-index:1}.position-player-name{margin-top:4px;font-size:.7rem;color:#fff;font-weight:600;text-align:center;word-wrap:break-word;overflow-wrap:break-word;max-width:90px;text-shadow:0 1px 2px rgba(0,0,0,.8);line-height:1.2}.position-player-number{text-align:center;margin-bottom:4px;color:#c6ff00;font-weight:700;font-size:.75rem;text-shadow:0 1px 3px rgba(0,0,0,.9);padding:2px 6px;white-space:nowrap;display:inline-block;width:100%;box-sizing:border-box}.player-name-small{font-size:.65rem;color:var(--secondary-color);font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.remove-player-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#ef4444;color:#fff;border:2px solid #fff;border-radius:50%;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .3s ease;z-index:20;box-shadow:0 2px 6px #0000004d}.remove-player-btn:hover{background:#dc2626;transform:scale(1.15);box-shadow:0 3px 8px #0006}.position-player{cursor:pointer}.position-player:hover{box-shadow:0 4px 16px #c6ff0066}.bench-container{display:flex;flex-direction:column;gap:12px;min-height:200px;padding:12px;background:var(--dark-bg);border-radius:8px;border:2px dashed var(--border-color);transition:all .3s ease}.bench-container:hover{border-color:var(--primary-color);background:#dc26260d}.bench-empty{text-align:center;color:var(--text-secondary);font-style:italic;padding:40px 20px}.bench-player-card{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px;position:relative}.bench-player-card:hover{border-color:var(--primary-color)}.injury-panel{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-top:20px;width:100%;grid-column:1 / -1}.injury-panel h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 16px}.injury-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;min-height:100px;padding:12px;background:var(--dark-bg);border-radius:8px;border:2px solid rgba(220,38,38,.3);width:100%;box-sizing:border-box}.injury-empty{text-align:center;color:var(--text-secondary);font-style:italic;padding:40px 20px}.injury-player-card{background:var(--dark-bg);border:1px solid rgba(220,38,38,.5);border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px;position:relative;opacity:.7;cursor:not-allowed;flex:1 1 auto;min-width:200px}.injury-reason-text{display:block;color:var(--text-secondary);font-size:.75rem;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.injury-player-card:hover{border-color:#dc2626b3}.lineup-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background:var(--dark-card);border-radius:12px;border:1px solid var(--border-color)}.btn-danger{background:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s ease}.btn-danger:hover{background:#dc2626}.btn-danger.small{padding:6px 12px;font-size:.75rem}@media(max-width:1200px){.lineup-builder-main{grid-template-columns:200px 1fr 200px}}@media(max-width:968px){.lineup-builder-main{grid-template-columns:1fr;grid-template-rows:auto auto auto}.players-panel,.bench-panel{max-height:300px}.football-field{min-height:400px}}@media(max-width:768px){.lineups-grid{grid-template-columns:1fr}.field-position{width:60px}.position-player,.position-placeholder{width:60px;height:60px}.position-label{font-size:.55rem}.position-player-name{font-size:.6rem;max-width:70px}.player-name-small{font-size:.55rem}.lineup-actions{flex-direction:column}.lineup-actions button{width:100%}}@media(max-width:480px){.football-field{min-height:300px}.field-position{width:50px}.position-player,.position-placeholder{width:50px;height:50px}.position-label{font-size:.5rem}.position-player-name{font-size:.55rem;max-width:60px}.player-name-small{font-size:.5rem}}.search-results{margin-top:20px;max-height:400px;overflow-y:auto}.search-results h4{color:var(--text-primary);font-size:1rem;margin-bottom:12px}.user-list{display:flex;flex-direction:column;gap:12px}.user-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--dark-bg);border-radius:8px;border:1px solid var(--border-color)}.user-info{display:flex;align-items:center;gap:12px;flex:1}.user-avatar-small{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-info div{display:flex;flex-direction:column;gap:4px}.user-info strong{color:var(--text-primary);font-size:.95rem}.user-email{color:var(--text-secondary);font-size:.85rem}.search-loading{color:var(--text-secondary);font-size:.9rem;margin-top:8px}.no-results{color:var(--text-secondary);font-size:.9rem;margin-top:12px;text-align:center;padding:20px}.permissions-tab{padding:20px}.permissions-header{margin-bottom:30px}.permissions-header h2{color:var(--text-primary);margin-bottom:10px;font-size:24px}.permissions-header p{color:var(--text-secondary);margin-bottom:10px;line-height:1.6}.permissions-note{background:var(--dark-card);padding:15px;border-radius:8px;border-left:4px solid var(--primary-color);margin-top:15px}.permissions-note strong{color:var(--primary-color)}.permissions-table-container{overflow-x:auto;margin-bottom:30px;background:var(--dark-card);border-radius:12px;padding:20px;border:1px solid var(--border-color)}.permissions-table{width:100%;border-collapse:collapse;min-width:800px}.permissions-table thead{background:var(--dark-bg);border-bottom:2px solid var(--border-color)}.permissions-table th{padding:15px;text-align:left;color:var(--text-primary);font-weight:600;font-size:14px}.role-column{min-width:150px;position:sticky;left:0;background:var(--dark-card);z-index:2}.function-column{min-width:120px;text-align:center}.function-header{display:flex;flex-direction:column;align-items:center;gap:5px}.function-icon{font-size:20px}.function-label{font-size:12px;color:var(--text-secondary)}.actions-column{min-width:180px;text-align:center}.permissions-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease}.permissions-table tbody tr:hover{background:var(--dark-bg)}.role-cell{padding:15px;position:sticky;left:0;background:var(--dark-card);z-index:1}.role-cell strong{color:var(--text-primary);display:block;margin-bottom:5px}.founder-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;margin-top:5px}.permission-cell{padding:15px;text-align:center}.permission-toggle{display:inline-block;position:relative;width:50px;height:26px;cursor:pointer}.permission-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.permission-toggle input:checked+.toggle-slider{background-color:var(--primary-color)}.permission-toggle input:checked+.toggle-slider:before{transform:translate(24px)}.permission-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.permission-badge.always-allowed{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.actions-cell{padding:15px;text-align:center}.bulk-actions{display:flex;gap:8px;justify-content:center}.bulk-action-btn{padding:6px 12px;border:1px solid var(--border-color);background:var(--dark-bg);color:var(--text-primary);border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s ease}.bulk-action-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.bulk-action-btn.select-all:hover{background:var(--primary-color);color:#fff}.bulk-action-btn.deselect-all:hover{background:#e74c3c;color:#fff;border-color:#e74c3c}.permissions-actions{display:flex;justify-content:center;padding:20px 0}.save-permissions{padding:12px 30px;font-size:16px;font-weight:600}@media(max-width:768px){.permissions-table-container{padding:10px}.permissions-table{font-size:12px}.permissions-table th,.permissions-table td{padding:10px 8px}.function-header{flex-direction:row}.function-label{font-size:10px}.bulk-actions{flex-direction:column}.bulk-action-btn{width:100%}}.role-selector{padding:6px 12px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease;min-width:150px}.role-selector:hover{border-color:var(--primary-color)}.role-selector:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.role-selector-detail{padding:8px 16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:180px;margin:8px 0}.role-selector-detail:hover{border-color:var(--primary-color)}.role-selector-detail:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.settings-tab{padding:20px}.settings-tab h2{color:var(--text-primary);margin-bottom:10px;font-size:24px}.settings-description{color:var(--text-secondary);margin-bottom:30px;font-size:14px}.settings-form{display:flex;flex-direction:column;gap:30px}.settings-section{background:var(--dark-card);border-radius:12px;padding:24px;border:1px solid var(--border-color)}.settings-section h3{color:var(--text-primary);margin-bottom:20px;font-size:18px;font-weight:600}.image-upload-section{display:flex;flex-direction:column;gap:16px}.image-preview-container{position:relative;display:inline-block;max-width:300px}.image-preview{width:100%;max-width:300px;height:auto;border-radius:12px;border:1px solid var(--border-color);object-fit:cover}.remove-image-btn{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:12px;transition:background .2s ease}.remove-image-btn:hover{background:#f00c}.image-upload-placeholder{width:300px;height:200px;border:2px dashed var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:var(--dark-bg)}.image-upload-placeholder:hover{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.05)}.image-upload-placeholder.small{width:200px;height:150px}.file-upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:var(--text-secondary)}.upload-icon{font-size:32px}.jerseys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.jersey-upload-item{display:flex;flex-direction:column;gap:12px}.jersey-upload-item>label{color:var(--text-primary);font-weight:600;font-size:14px;margin-bottom:8px}.jersey-help-text{color:var(--text-secondary);font-size:13px;margin-bottom:20px}.jersey-mode-toggle{display:flex;gap:8px;margin-bottom:12px}.mode-toggle-btn{flex:1;padding:8px 12px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease}.mode-toggle-btn:hover{border-color:var(--primary-color);color:var(--text-primary)}.mode-toggle-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--dark-bg);font-weight:600}.color-picker-section{display:flex;flex-direction:column;gap:16px;width:100%}.jersey-color-preview{display:flex;flex-direction:column;gap:4px;width:100%;height:140px;border-radius:8px;overflow:hidden;border:2px solid var(--border-color);box-shadow:0 2px 8px #0003}.jersey-preview-shirt{flex:2;width:100%;border-bottom:2px solid var(--border-color)}.jersey-preview-pants{flex:1;width:100%}.color-picker-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-picker-item{display:flex;flex-direction:column;gap:8px}.color-picker-item>label{color:var(--text-primary);font-weight:600;font-size:12px;text-align:center}.color-input{width:100%;height:40px;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;background:var(--dark-bg)}.color-text-input{width:100%;padding:8px 12px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;font-family:monospace;text-align:center}.color-text-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-group input,.form-group textarea{padding:12px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.section-save-button{display:flex;justify-content:flex-end;padding-top:20px;margin-top:20px;border-top:1px solid var(--border-color)}.save-section{min-width:150px}@media(max-width:768px){.settings-section{padding:16px}.jerseys-grid,.form-row,.color-picker-row{grid-template-columns:1fr}.image-upload-placeholder{width:100%;max-width:300px}.image-upload-placeholder.small{width:100%;max-width:200px}.jersey-color-preview{height:120px}}.association-management-page{padding:40px 0;min-height:calc(100vh - 140px);background:var(--dark-bg)}.association-management-header{display:flex;flex-direction:column;gap:20px;margin-bottom:30px;padding:30px;background:var(--dark-card);border-radius:16px;border:1px solid var(--border-color)}.back-button{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease;align-self:flex-start}.back-button:hover{border-color:var(--primary-color);color:var(--primary-color)}.association-header-info{display:flex;align-items:center;gap:20px}.association-logo-placeholder{width:100px;height:100px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--gradient-3);color:var(--secondary-color);font-size:3rem;font-weight:700;border:2px solid var(--border-color)}.association-logo-large{width:100px;height:100px;border-radius:12px;object-fit:cover;padding:10px;border:2px solid var(--border-color)}.association-header-info h1{color:var(--text-primary);font-size:2rem;margin:0 0 8px}.association-sport-type{color:var(--primary-color);font-weight:600;margin:0 0 4px}.association-location{color:var(--text-secondary);margin:0;font-size:14px}.user-role-badge{padding:8px 16px;background:#dc26261a;border:1px solid var(--primary-color);border-radius:8px;color:var(--primary-color);font-size:14px;align-self:flex-start}.management-tabs{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap;background:var(--dark-card);padding:8px;border-radius:12px;border:1px solid var(--border-color)}.management-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;color:var(--text-secondary);font-size:15px;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s ease;font-family:inherit;position:relative}.management-tab:hover{background:#dc26261a;color:var(--text-primary)}.management-tab.active{background:var(--gradient-3);color:var(--secondary-color);box-shadow:0 2px 8px #c6ff004d}.tab-icon{font-size:18px}.tab-label{white-space:nowrap}.notification-badge{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:2px solid var(--dark-card);z-index:1}.management-tab.has-notifications{animation:pulse-notification 2s ease-in-out infinite}@keyframes pulse-notification{0%,to{box-shadow:0 0 #ef4444b3}50%{box-shadow:0 0 0 8px #ef444400}}.notification-badge.blinking{animation:blink-badge 1s ease-in-out infinite}@keyframes blink-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.tab-content{background:var(--dark-card);border-radius:16px;padding:30px;border:1px solid var(--border-color);min-height:400px}.overview-tab{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:30px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px}.stat-icon{font-size:2.5rem}.stat-info{flex:1}.stat-value{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:4px}.stat-label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.overview-section{margin-top:30px}.overview-section h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-item{padding:16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px}.info-label{color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.info-value{color:var(--text-primary);font-size:1rem;font-weight:600}.status-badge{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;display:inline-block}.status-badge.verified{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.2)}.members-tab{width:100%}.section-header{margin-bottom:24px}.section-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.member-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px;text-align:center}.member-avatar,.request-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover}.member-avatar-placeholder,.request-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:var(--gradient-3);color:var(--secondary-color);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.member-details{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.member-name{color:var(--text-primary);font-weight:600;font-size:1rem}.role-badge{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.role-badge.creator{background:#dc26261a;color:var(--primary-color);border:1px solid var(--primary-color)}.member-actions{display:flex;gap:8px;width:100%;margin-top:8px}.role-select{flex:1;padding:6px 12px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem}.remove-btn{padding:6px 12px;background:#dc26261a;border:1px solid var(--primary-color);border-radius:8px;color:var(--primary-color);font-size:.9rem;cursor:pointer;transition:all .3s ease}.remove-btn:hover{background:var(--primary-color);color:#fff}.feed-tab{width:100%}.create-post-form{margin-bottom:24px;padding:20px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px}.post-input{width:100%;padding:12px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:inherit;resize:vertical;margin-bottom:12px}.post-editor-wrapper{margin-bottom:12px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--dark-card)}.post-editor-toolbar{display:flex;align-items:center;gap:4px;padding:8px;background:var(--dark-bg);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.post-editor-toolbar button{padding:6px 10px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.post-editor-toolbar button:hover{background:var(--dark-card);border-color:var(--border-color)}.post-editor-toolbar button.is-active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.toolbar-divider{width:1px;height:24px;background:var(--border-color);margin:0 4px}.post-editor-content{min-height:200px;padding:12px;color:var(--text-primary);font-size:1rem;line-height:1.6;outline:none}.post-editor-content p{margin:0 0 8px}.post-editor-content p:last-child{margin-bottom:0}.post-editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-secondary);pointer-events:none;height:0}.post-editor-content h1,.post-editor-content h2,.post-editor-content h3{margin:12px 0 8px;font-weight:600}.post-editor-content h1{font-size:1.8rem}.post-editor-content h2{font-size:1.5rem}.post-editor-content h3{font-size:1.25rem}.post-editor-content ul,.post-editor-content ol{margin:8px 0;padding-left:24px}.post-editor-content li{margin:4px 0}.post-editor-content a{color:var(--primary-color);text-decoration:underline}.post-editor-content a:hover{color:var(--secondary-color)}.post-editor-content img{max-width:100%;height:auto;border-radius:8px;margin:8px 0;cursor:pointer;position:relative}.post-editor-content img.ProseMirror-selectednode{outline:2px solid var(--primary-color);outline-offset:2px}.post-editor-content .image-resize-wrapper{display:inline-block;position:relative;max-width:100%;margin:8px 0}.post-editor-content .image-resize-wrapper img{display:block;max-width:100%;height:auto;margin:0}.post-editor-content .image-resize-handle{position:absolute;bottom:-4px;right:-4px;width:16px;height:16px;background:var(--primary-color);border:2px solid #fff;border-radius:50%;cursor:nwse-resize;z-index:10;display:none}.post-editor-content .image-resize-wrapper:hover .image-resize-handle,.post-editor-content .image-resize-wrapper.selected .image-resize-handle{display:block}.post-editor-content .image-resize-handle:hover{background:var(--secondary-color);transform:scale(1.2)}.post-editor-content blockquote{border-left:3px solid var(--primary-color);padding-left:12px;margin:8px 0;color:var(--text-secondary);font-style:italic}.post-editor-content code{background:var(--dark-bg);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.post-editor-content pre{background:var(--dark-bg);padding:12px;border-radius:8px;overflow-x:auto;margin:8px 0}.post-editor-content pre code{background:transparent;padding:0}.image-upload-modal{max-width:500px}.image-upload-options{display:flex;flex-direction:column;gap:20px}.upload-option{display:flex;flex-direction:column;gap:8px}.upload-label{cursor:pointer}.upload-button{padding:12px 20px;background:var(--dark-card);border:2px dashed var(--border-color);border-radius:8px;text-align:center;color:var(--text-primary);font-weight:500;transition:all .3s ease}.upload-button:hover{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.1)}.upload-label input[type=file]:disabled+.upload-button{opacity:.6;cursor:not-allowed}.upload-divider{display:flex;align-items:center;text-align:center;margin:8px 0}.upload-divider:before,.upload-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.upload-divider span{padding:0 12px;color:var(--text-secondary);font-size:.9rem}.image-url-input{width:100%;padding:10px 12px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.95rem}.image-url-input:focus{outline:none;border-color:var(--primary-color)}.image-preview{margin-top:12px;padding:12px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px}.image-preview img{max-width:100%;height:auto;border-radius:6px;display:block}.image-preview-error{color:var(--primary-color);text-align:center;padding:12px}.posts-list{display:flex;flex-direction:column;gap:16px}.post-card{padding:20px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.author-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:var(--gradient-3);color:var(--secondary-color);display:flex;align-items:center;justify-content:center;font-weight:700}.delete-post-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;transition:all .3s ease}.delete-post-btn:hover{color:var(--primary-color)}.post-content{color:var(--text-primary);font-size:1rem;line-height:1.6;margin-bottom:12px;word-wrap:break-word}.post-content p{margin:0 0 8px}.post-content p:last-child{margin-bottom:0}.post-content a{color:var(--primary-color);text-decoration:underline}.post-content a:hover{color:var(--secondary-color)}.post-content img{max-width:100%;height:auto;border-radius:8px;margin:8px 0}.post-content code{background:var(--dark-card);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.post-content pre{background:var(--dark-card);padding:12px;border-radius:8px;overflow-x:auto;margin:8px 0}.post-content pre code{background:transparent;padding:0}.post-content blockquote{border-left:3px solid var(--primary-color);padding-left:12px;margin:8px 0;color:var(--text-secondary);font-style:italic}.post-content ul,.post-content ol{margin:8px 0;padding-left:24px}.post-content li{margin:4px 0}.post-media{width:100%;max-height:400px;object-fit:contain;border-radius:8px;margin-bottom:12px}.post-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-color)}.post-date{color:var(--text-secondary);font-size:.85rem}.notifications-tab{width:100%}.requests-list{display:flex;flex-direction:column;gap:16px}.request-card{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px}.request-info{display:flex;align-items:center;gap:16px}.request-details{display:flex;flex-direction:column;gap:4px}.request-name{color:var(--text-primary);font-weight:600;font-size:1rem}.request-email{color:var(--text-secondary);font-size:.85rem}.accept-btn,.reject-btn{padding:8px 16px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.accept-btn{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.2)}.accept-btn:hover{background:#4caf50;color:#fff}.reject-btn{background:#dc26261a;color:var(--primary-color);border:1px solid var(--primary-color)}.reject-btn:hover{background:var(--primary-color);color:#fff}.settings-tab{width:100%}.settings-form{max-width:600px}.form-group{margin-bottom:24px}.form-group label{display:block;color:var(--text-primary);font-weight:600;margin-bottom:8px;font-size:1rem}.form-group input[type=checkbox]{margin-right:8px}.form-input{width:100%;padding:12px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:inherit}.form-input:focus{outline:none;border-color:var(--primary-color)}.form-hint{color:var(--text-secondary);font-size:.85rem;margin-top:4px;font-style:italic}.error-container{text-align:center;padding:60px 20px}.error-container h2{color:var(--text-primary);margin-bottom:16px}.error-container p{color:var(--text-secondary);margin-bottom:24px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}@media(max-width:768px){.association-management-header{padding:20px}.association-header-info{flex-direction:column;text-align:center}.management-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.management-tab{padding:10px 16px;font-size:14px}.tab-label{display:none}.tab-content{padding:20px}.stats-grid,.members-grid{grid-template-columns:1fr}}@media(max-width:480px){.association-management-page{padding:20px 0}.management-tabs{padding:4px}.management-tab{padding:8px 12px}}.top-up-button{padding:12px 24px;background:var(--primary-color);color:var(--dark-bg);border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 8px #dc26264d}.top-up-button:hover{background:var(--primary-color-dark);transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.top-up-button:active{transform:translateY(0)}.top-up-button.withdraw-button{background:var(--danger-color, #dc2626)!important}.top-up-button.withdraw-button:hover{background:#b91c1c!important;box-shadow:0 4px 12px #dc262666}.create-club-page{padding:40px 0;min-height:calc(100vh - 140px);background:var(--dark-bg)}.create-club-card{background:var(--dark-card);border-radius:20px;padding:40px;max-width:800px;margin:0 auto;border:1px solid var(--border-color);box-shadow:0 8px 32px #0000004d}.page-title{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0 0 8px;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0 0 30px}.error-message{background:#dc26261a;border:1px solid #dc2626;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.club-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--text-primary);font-weight:600;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:16px;font-family:inherit;transition:all .3s ease}.form-group textarea{resize:vertical;min-height:100px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);opacity:.6}.logo-upload-section{display:flex;flex-direction:column;gap:16px}.logo-preview-container{width:200px;height:200px;border:2px dashed var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--dark-bg)}.logo-preview{width:100%;height:100%;position:relative}.logo-preview img{width:100%;height:100%;object-fit:cover}.remove-logo-btn{position:absolute;top:8px;right:8px;background:#dc2626e6;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.remove-logo-btn:hover{background:#dc2626;transform:scale(1.1)}.logo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary)}.logo-placeholder span{font-size:3rem}.logo-placeholder p{margin:0;font-size:14px}.upload-button{display:inline-block;padding:12px 24px;background:var(--gradient-3);color:var(--secondary-color);border:none;border-radius:8px;cursor:pointer;font-weight:600;text-align:center;transition:all .3s ease;width:fit-content}.upload-button:hover{box-shadow:0 4px 12px #c6ff004d;transform:translateY(-2px)}.upload-hint{color:var(--text-secondary);font-size:12px;margin:0}.checkbox-group label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-weight:500}.checkbox-group label>div{display:flex;flex-direction:column;gap:4px;flex:1}.checkbox-hint{font-size:.875rem;color:var(--text-secondary);font-weight:400;margin:0;line-height:1.4}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.form-actions{display:flex;gap:12px;margin-top:8px;padding-top:24px;border-top:1px solid var(--border-color)}.form-actions button{flex:1;padding:14px 24px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:inherit}.neon-button{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.neon-button:hover{background:var(--primary-color);color:var(--secondary-color);box-shadow:0 0 20px var(--primary-color)}.gradient-button{background:var(--gradient-3);color:var(--secondary-color);border:none}.gradient-button:hover:not(:disabled){box-shadow:0 4px 12px #c6ff004d;transform:translateY(-2px)}.gradient-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.create-club-card{padding:24px;margin:0 20px}.page-title{font-size:2rem}.logo-preview-container{width:150px;height:150px}.form-actions{flex-direction:column}}@media(max-width:480px){.create-club-page{padding:20px 0}.create-club-card{padding:20px;margin:0 10px}.page-title{font-size:1.75rem}.page-subtitle{font-size:1rem}}.club-detail-page{min-height:100vh;background:var(--dark-bg);position:relative}.club-portal-wrapper{width:100%;margin:0 auto;padding:0 40px}.club-detail-page .container{max-width:100%;width:100%;padding:0}.club-portal-layout{display:grid;grid-template-columns:280px 1fr;gap:32px;margin-top:40px;align-items:start;max-width:100%}.club-portal-sidebar{position:sticky;top:100px;height:fit-content;display:flex;flex-direction:column;gap:24px;align-items:stretch}.club-portal-main{min-width:0;display:flex;flex-direction:column;padding-top:0!important}.portal-sidebar-section{background:var(--dark-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-title{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid var(--border-color)}.portal-stats-list{display:flex;flex-direction:column;gap:16px}.portal-stat-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--dark-bg);border-radius:12px;transition:all .3s ease}.portal-stat-item:hover{background:#dc26261a;transform:translate(4px)}.portal-stat-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gradient-3);border-radius:10px;flex-shrink:0}.portal-stat-info{flex:1}.portal-stat-value{color:var(--text-primary);font-size:1.3rem;font-weight:700;line-height:1.2}.portal-stat-label{color:var(--text-secondary);font-size:.85rem;margin-top:2px}.portal-contact-list{display:flex;flex-direction:column;gap:12px}.portal-contact-item{display:flex;align-items:center;gap:12px;padding:10px;background:var(--dark-bg);border-radius:10px;transition:all .3s ease}.portal-contact-item:hover{background:#dc26261a}.contact-icon{font-size:1.2rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-link{color:var(--text-primary);text-decoration:none;font-size:.9rem;transition:color .3s ease;word-break:break-word}.contact-link:hover{color:var(--primary-color)}.portal-actions-list{display:flex;flex-direction:column;gap:10px}.portal-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.portal-action-btn.primary{background:var(--gradient-3);color:var(--secondary-color);box-shadow:0 4px 12px #c6ff004d}.portal-action-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #c6ff0066}.portal-action-btn.secondary{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary)}.portal-action-btn.secondary:hover:not(:disabled){background:#ffffff1a;border-color:var(--primary-color)}.portal-action-btn:disabled{opacity:.6;cursor:not-allowed}.private-club-message{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:.9rem;font-weight:500;width:100%;text-align:center}.portal-nav-tabs{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap;background:var(--dark-card);padding:8px;border-radius:16px;border:1px solid var(--border-color);align-self:flex-start;width:100%}.portal-nav-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:12px;color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;min-width:120px;justify-content:center}.portal-nav-tab:hover{background:#ffffff0d;color:var(--text-primary)}.portal-nav-tab.active{background:var(--gradient-3);color:var(--secondary-color);box-shadow:0 4px 12px #c6ff004d}.portal-nav-tab span:first-child{font-size:1.2rem}.portal-content-area{background:var(--dark-card);border:1px solid var(--border-color);border-radius:20px;padding:32px;min-height:500px}@media(max-width:1200px){.club-portal-wrapper{padding:0 30px}.club-portal-layout{gap:24px}}@media(max-width:1024px){.club-portal-wrapper{padding:0 24px}.club-portal-layout{grid-template-columns:1fr;gap:24px}.club-portal-sidebar{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.portal-nav-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:6px}.portal-nav-tab{min-width:auto;white-space:nowrap;padding:10px 16px;font-size:.9rem}.portal-nav-tab span:first-child{font-size:1.1rem}}@media(max-width:768px){.club-portal-wrapper{padding:0 16px}.club-portal-layout{gap:20px;margin-top:24px}.portal-content-area{padding:20px;border-radius:16px}.club-portal-sidebar{grid-template-columns:1fr;gap:16px}.portal-sidebar-section{padding:20px}.portal-nav-tabs{gap:8px;margin-bottom:24px}.portal-nav-tab{padding:8px 12px;font-size:.85rem;flex:0 0 auto}.portal-nav-tab span{display:none}.portal-nav-tab span:first-child{display:block;font-size:1.3rem}}@media(max-width:480px){.club-portal-wrapper{padding:0 12px}.portal-content-area,.portal-sidebar-section{padding:16px}.portal-nav-tabs{padding:4px;gap:4px}.portal-nav-tab{padding:8px;min-width:44px}}.club-portal-header{position:relative;width:100%;background:var(--dark-bg)}.club-header-main-content{position:relative;width:100%;background:var(--dark-bg);padding:0}.club-header-back-btn{display:inline-flex;align-items:center;gap:8px;background:var(--dark-card);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 20px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;font-family:inherit;margin-bottom:24px}.club-header-back-btn:hover{background:#ffffff1a;border-color:var(--primary-color);transform:translate(-4px)}.club-header-wrapper{max-width:100%;margin:0 auto;padding:0 40px 40px}.club-header-top{display:flex;align-items:flex-start;gap:32px;margin-bottom:32px}.club-header-logo-container{flex-shrink:0}.club-header-logo-box{width:140px;height:140px;border-radius:16px;overflow:hidden;background:var(--dark-card);border:3px solid var(--border-color);box-shadow:0 8px 24px #0000004d;display:flex;align-items:center;justify-content:center;position:relative}.club-header-logo-img{width:100%;height:100%;object-fit:cover;padding:20px}.club-header-logo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-3);color:var(--secondary-color);font-size:4.5rem;font-weight:900;letter-spacing:-2px}.club-header-title-area{flex:1;min-width:0;padding-top:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.club-header-title-left{flex:1;min-width:0}.club-header-name-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.club-header-jerseys-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0}.club-header-jerseys-title{color:var(--text-primary);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0;text-align:right}.club-header-jerseys{display:flex;gap:16px;align-items:flex-start}.club-header-jersey-item{display:flex;flex-direction:column;align-items:center;gap:8px}.jersey-label-header{color:var(--text-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.jersey-image-header{width:80px;height:100px;background:var(--dark-card);border:none;border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s ease}.jersey-image-header:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c6ff0033}.club-jersey-img-header{width:100%;height:100%;object-fit:contain}.jersey-color-preview-header{width:100%;height:100%;display:flex;flex-direction:column;border-radius:4px;overflow:hidden}.jersey-preview-shirt-header{flex:2;width:100%;border-bottom:2px solid var(--border-color)}.jersey-preview-pants-header{flex:1;width:100%}.club-header-title{color:var(--primary-color);font-size:3.2rem;font-weight:800;margin:0;line-height:1.1;letter-spacing:-1px}.club-header-sport-badge{display:inline-block;padding:8px 20px;background:#8b45134d;border:2px solid var(--primary-color);border-radius:20px;color:var(--primary-color);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.club-header-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.club-info-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--dark-card);border:none;border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.club-info-card.founder-card{overflow:visible}.club-info-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#c6ff000d;opacity:0;transition:opacity .3s ease}.club-info-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c6ff0033}.club-info-card:hover:before{opacity:1}.info-card-icon-wrapper{flex-shrink:0;width:56px;height:56px;border-radius:12px;background:var(--gradient-3);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.info-card-icon{font-size:1.8rem;display:block}.info-card-details{flex:1;min-width:0;position:relative;z-index:1}.info-card-label{color:var(--text-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.info-card-value{color:var(--text-primary);font-size:1.1rem;font-weight:700;word-break:break-word;line-height:1.3}.club-header-description-section{margin-top:0;padding:0;background:transparent;border:none}.club-description-text{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0;max-width:600px}.club-header-last-games{margin-top:20px;width:100%}.form-indicator-header{display:flex;align-items:center;gap:12px}.form-letter{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;transition:all .3s ease}.form-letter:hover{transform:scale(1.1)}.form-letter-win{background:#10b981}.form-letter-loss{background:#ef4444}.form-letter-draw{background:#ffffff4d;color:var(--text-primary);border:1px solid var(--border-color);position:relative}.form-letter-draw:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--text-primary)}.club-follow-btn{position:absolute;top:0;right:0;display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--gradient-3);border:none;border-radius:12px;color:var(--secondary-color);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 4px 12px #c6ff004d;white-space:nowrap}.club-follow-btn span{display:inline-block}.club-follow-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #c6ff0066}.club-follow-btn:disabled{opacity:.6;cursor:not-allowed}.club-follow-btn.following{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-primary);box-shadow:0 4px 12px #0003}.club-follow-btn.following:hover:not(:disabled){background:#ffffff26;box-shadow:0 6px 16px #0000004d}.back-button-modern{display:inline-flex;align-items:center;gap:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:var(--text-primary);padding:10px 20px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:32px;transition:all .3s ease;font-family:inherit}.back-button-modern:hover{background:#ffffff26;border-color:var(--primary-color);transform:translate(-4px)}.back-icon{font-size:18px}.club-hero-main{display:flex;align-items:flex-start;position:relative}.club-hero-logo{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.club-logo-hero,.club-logo-hero-placeholder{width:50px!important;height:50px!important;border-radius:10px;border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0000004d;background:var(--dark-card);padding:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.club-logo-hero{max-width:80%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain;margin:auto}.club-logo-hero-placeholder{display:flex;align-items:center;justify-content:center;background:var(--gradient-3);color:var(--secondary-color);font-size:1.5rem!important;font-weight:700}.club-badge{display:inline-block;padding:6px 16px;background:#dc262633;border:1px solid var(--primary-color);border-radius:20px;color:var(--primary-color);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start}.club-hero-info{flex:1;min-width:0}.club-name-with-badge{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.club-name-hero{color:var(--text-primary);font-size:3.5rem;font-weight:800;margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.club-hero-stats{display:flex;gap:24px;margin-bottom:24px;flex-wrap:wrap}.club-hero-stat-item{display:flex;align-items:center;gap:12px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 20px;transition:all .3s ease}.club-hero-stat-item:hover{background:#ffffff14;border-color:var(--primary-color);transform:translateY(-2px)}.club-hero-stat-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#dc262626;border-radius:10px;flex-shrink:0}.club-hero-stat-content{display:flex;flex-direction:column}.club-hero-stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:4px;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.club-hero-stat-label{color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.club-jerseys-overview{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}.club-jerseys-grid-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-top:24px}.club-jersey-card-overview{display:flex;flex-direction:column;align-items:center;gap:16px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;transition:all .3s ease;cursor:pointer}.club-jersey-card-overview:hover{background:#ffffff14;border-color:var(--primary-color);transform:translateY(-8px);box-shadow:0 8px 24px #dc26264d}.jersey-image-container-overview{width:100%;display:flex;align-items:center;justify-content:center;background:#ffffff08;border-radius:12px;padding:20px;min-height:200px}.jersey-label-overview{color:var(--text-primary);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.club-jersey-img-overview{width:100%;max-width:150px;height:auto;object-fit:contain;border-radius:4px}.club-meta{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.club-meta-item{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.95rem}.meta-icon{font-size:1.1rem}.club-description-hero{color:var(--text-primary);font-size:1.1rem;line-height:1.7;margin:0 0 32px;max-width:600px;opacity:.9}.club-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn-primary,.btn-secondary,.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;border:none;text-decoration:none}.btn-primary{background:var(--gradient-3);color:var(--secondary-color);box-shadow:0 4px 16px #c6ff0033}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #c6ff004d}.btn-secondary{background:#dc26261a;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-secondary:hover:not(:disabled){background:var(--primary-color);color:var(--secondary-color);box-shadow:0 4px 16px #dc26264d}.btn-outline{background:transparent;border:2px solid rgba(255,255,255,.3);color:var(--text-primary)}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color);background:#dc26261a}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.quick-stat-card{background:var(--dark-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s ease;cursor:pointer}.quick-stat-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 24px #dc262626}.quick-stat-icon{font-size:2.5rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#dc26261a;border-radius:12px;flex-shrink:0}.quick-stat-content{flex:1}.quick-stat-value{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:4px;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quick-stat-label{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.performance-stats-wrapper{margin-bottom:32px}.club-detail-page .club-stats-tab{background:var(--dark-card);border-radius:24px;padding:40px;border:1px solid var(--border-color);box-shadow:0 4px 20px #0000001a}.club-tabs-section{background:var(--dark-card);border-radius:24px;padding:32px;margin-bottom:24px;border:1px solid var(--border-color);box-shadow:0 4px 20px #0000001a}.club-tabs{display:flex;gap:8px;margin-bottom:32px;padding:6px;background:var(--dark-bg);border-radius:16px;border:1px solid var(--border-color);flex-wrap:wrap}.club-tab{flex:1;min-width:120px;padding:14px 24px;background:transparent;border:none;color:var(--text-secondary);border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;font-family:inherit;position:relative}.club-tab:hover{color:var(--text-primary);background:#dc26261a}.club-tab.active{background:var(--gradient-3);color:var(--secondary-color);box-shadow:0 4px 12px #c6ff004d}.club-tab-content{min-height:400px}.club-overview-tab{display:flex;flex-direction:column;gap:32px}.next-match-section{width:100%}.next-match-card-redesign{background:var(--dark-card);border-radius:16px;padding:32px 40px;display:flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid var(--border-color);transition:all .3s ease;position:relative}.next-match-card-redesign:hover{border-color:var(--primary-color);box-shadow:0 4px 16px #c6ff001a}.match-team-left,.match-team-right{display:flex;flex-direction:column;align-items:center;gap:16px;flex:1;min-width:0}.match-team-logo{width:100px;height:100px;object-fit:contain;border-radius:8px}.match-team-logo-placeholder{width:100px;height:100px;border-radius:8px;background:var(--dark-bg);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:var(--text-primary)}.match-team-name{color:var(--text-primary);font-size:1.1rem;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.match-form-indicator{display:flex;align-items:center;gap:6px;margin-top:4px}.form-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.form-dot.form-win{background:#10b981}.form-dot.form-loss{background:#ef4444}.form-dot.form-draw{background:#f59e0b}.form-dot.form-upcoming{background:#ffffff4d}.match-center-info{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0;min-width:120px}.match-type-display{color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;padding:4px 12px;background:#c6ff001a;border-radius:6px;border:1px solid rgba(198,255,0,.3)}.match-countdown{color:var(--text-primary);font-size:2.5rem;font-weight:700;font-family:Courier New,monospace;letter-spacing:2px;line-height:1}.match-date-display{color:var(--text-primary);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1px}.no-match-card{background:var(--dark-card);border-radius:16px;padding:40px;text-align:center;border:1px solid var(--border-color);color:var(--text-secondary)}.last-matches-section{width:100%}.matches-results-list-redesign{display:flex;flex-direction:row;gap:16px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--dark-bg);-webkit-overflow-scrolling:touch}.matches-results-list-redesign::-webkit-scrollbar{height:6px}.matches-results-list-redesign::-webkit-scrollbar-track{background:var(--dark-bg);border-radius:3px}.matches-results-list-redesign::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.matches-results-list-redesign::-webkit-scrollbar-thumb:hover{background:#c6ff00cc}.match-result-card-redesign{background:var(--dark-card);border-radius:12px;padding:20px 24px;border:1px solid var(--border-color);transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;min-width:320px;max-width:400px}.match-result-card-redesign:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #c6ff001a}.result-team-logo{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.result-logo-img{width:60px;height:60px;object-fit:contain;border-radius:8px}.result-logo-placeholder{width:60px;height:60px;border-radius:8px;background:var(--dark-bg);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.result-score{display:flex;align-items:center;gap:12px;flex-shrink:0;min-width:100px;justify-content:center}.score-home,.score-away{color:var(--text-primary);font-size:1.8rem;font-weight:700;min-width:30px;text-align:center}.score-divider{color:var(--text-secondary);font-size:1.5rem;font-weight:600}.no-matches-card{background:var(--dark-card);border-radius:16px;padding:40px;text-align:center;border:1px solid var(--border-color);color:var(--text-secondary)}.club-matches-tab{width:100%}.matches-header{margin-bottom:24px}.competition-filter{display:flex;align-items:center;gap:12px}.competition-select{background:var(--dark-card);border:1px solid var(--border-color);border-radius:8px;padding:10px 40px 10px 16px;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;outline:none;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.competition-select:hover{border-color:var(--primary-color)}.competition-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #c6ff001a}.matches-list{display:flex;flex-direction:column;gap:24px}.competition-group{display:flex;flex-direction:column;gap:12px}.competition-label{color:var(--text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;padding:0 4px}.match-item{background:var(--dark-card)!important;border-radius:12px;padding:16px;border:1px solid var(--border-color);display:flex;align-items:center;gap:16px}.match-item:hover{background:var(--dark-card)!important}.match-date-time{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:70px;flex-shrink:0}.match-date{color:var(--text-primary);font-size:.9rem;font-weight:600}.match-status{color:var(--text-secondary);font-size:.8rem;font-weight:500}.match-teams-info{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}.match-team{display:flex;align-items:center;gap:12px;width:100%}.match-team-logo-small{width:32px;height:32px;object-fit:contain;border-radius:6px;flex-shrink:0}.match-team-logo-small-placeholder{width:32px;height:32px;border-radius:6px;background:var(--dark-bg);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:var(--text-primary);flex-shrink:0}.match-team-name-small{color:var(--text-primary);font-size:.95rem;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-score{color:var(--text-primary);font-size:1rem;font-weight:700;min-width:24px;text-align:right}.match-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.match-action-btn{background:transparent;border:1px solid var(--border-color);border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--text-secondary);font-size:1rem}.match-action-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#c6ff001a}.no-matches-message{text-align:center;padding:60px 20px;color:var(--text-secondary)}.no-matches-message p{font-size:1.1rem;margin:0}.table-tab{width:100%}.league-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:12px 0}.league-header-left{display:flex;align-items:center;gap:12px}.league-logo-small{width:32px;height:32px;border-radius:6px;background:var(--gradient-3);color:var(--secondary-color);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.league-title{color:var(--text-primary);font-size:1.1rem;font-weight:700}.league-header-right{display:flex;align-items:center;gap:8px}.league-action-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .3s ease}.league-action-btn:hover{color:var(--text-primary);background:#c6ff001a}.table-filter-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid var(--border-color)}.table-filter-tab{background:transparent;border:none;color:var(--text-primary);font-size:.9rem;font-weight:500;padding:10px 16px;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease;position:relative;top:1px}.table-filter-tab:hover{color:var(--primary-color)}.table-filter-tab.active{color:var(--text-primary);background:var(--dark-card);border-bottom-color:var(--primary-color);border-radius:8px 8px 0 0}.league-table-container{width:100%;overflow-x:auto}.league-table{width:100%;border-collapse:collapse;background:var(--dark-card);border-radius:12px;overflow:hidden}.league-table thead{background:var(--dark-bg)}.league-table th{color:var(--text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:12px 8px;text-align:left;border-bottom:1px solid var(--border-color)}.league-table th.col-rank{width:50px;text-align:center}.league-table th.col-team{width:auto;min-width:200px}.league-table th.col-played,.league-table th.col-goaldiff,.league-table th.col-points{width:60px;text-align:center}.league-table tbody tr{border-bottom:1px solid var(--border-color);transition:all .2s ease}.league-table tbody tr:last-child{border-bottom:none}.position-indicator-cell{position:relative;width:50px;padding:12px 8px;text-align:center}.position-bar{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:0 2px 2px 0}.team-rank{color:var(--text-primary);font-size:.95rem;font-weight:600;position:relative;z-index:1}.team-cell{padding:12px 8px}.team-info-table{display:flex;align-items:center;gap:12px}.team-logo-table{width:28px;height:28px;object-fit:contain;border-radius:4px;flex-shrink:0}.team-logo-table-placeholder{width:28px;height:28px;border-radius:4px;background:var(--dark-bg);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--text-primary);flex-shrink:0}.team-name-table{color:var(--text-primary);font-size:.95rem;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-star{font-size:.85rem;color:var(--primary-color);flex-shrink:0}.stat-cell{padding:12px 8px;text-align:center;color:var(--text-primary);font-size:.95rem;font-weight:500}.points-cell{padding:12px 8px;text-align:center;color:var(--text-primary);font-size:1rem;font-weight:700}.points-cell strong{font-weight:700}.squad-tab{width:100%;display:flex;flex-direction:column;gap:32px}.squad-section{display:flex;flex-direction:column;gap:16px}.squad-section-title{color:var(--text-secondary);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin:0;padding:0 4px}.squad-section-content{display:flex;flex-direction:column;gap:12px}.squad-person-card{background:var(--dark-card);border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;border:1px solid var(--border-color)}.squad-person-avatar{position:relative;flex-shrink:0}.squad-avatar-img{width:56px;height:56px;border-radius:50%;object-fit:cover;display:block}.squad-avatar-placeholder{width:56px;height:56px;border-radius:50%;background:var(--dark-bg);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.squad-person-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.squad-person-name{color:var(--text-primary);font-size:1rem;font-weight:600}.squad-person-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.squad-jersey-number{color:var(--text-secondary);font-size:.85rem;font-weight:500}.squad-country-flag{font-size:1rem}.squad-country-name{color:var(--text-secondary);font-size:.85rem;font-weight:500}.squad-favorite-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.squad-favorite-btn:hover{color:var(--primary-color);transform:scale(1.1)}.members-section{margin-top:0}.section-title{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0 0 28px;display:flex;align-items:center;gap:12px}.section-title:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--primary-color),transparent)}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.member-card{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;transition:all .3s ease;cursor:pointer}.member-card:hover{border-color:var(--primary-color);transform:translateY(-6px);box-shadow:0 8px 24px #dc262633}.member-avatar{width:90px;height:90px;border-radius:50%;overflow:hidden;position:relative;border:3px solid var(--border-color);transition:all .3s ease}.member-card:hover .member-avatar{border-color:var(--primary-color);transform:scale(1.05)}.member-avatar img,.member-avatar-placeholder{width:100%;height:100%;object-fit:cover}.member-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--gradient-3);color:var(--secondary-color);font-size:2.5rem;font-weight:700}.member-info{text-align:center;width:100%}.member-name{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 10px}.member-role{display:inline-block;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600}.role-founder{background:#ffd70033;color:gold;border:1px solid #ffd700}.role-admin{background:#c6ff0033;color:#c6ff00;border:1px solid #c6ff00}.role-coach{background:#dc262633;color:var(--primary-color);border:1px solid var(--primary-color)}.role-manager{background:#3b82f633;color:#3b82f6;border:1px solid #3b82f6}.role-captain{background:#22c55e33;color:#22c55e;border:1px solid #22c55e}.role-member{background:#9ca3af33;color:#9ca3af;border:1px solid #9ca3af}.club-divisions-tab{animation:fadeIn .3s ease}.divisions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.division-card{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:16px;padding:28px;transition:all .3s ease;cursor:pointer}.division-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 24px #dc262626}.division-card h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 12px;font-weight:700}.division-type{display:inline-block;padding:6px 14px;background:#dc262626;color:var(--primary-color);border-radius:12px;font-size:.85rem;font-weight:600;text-transform:uppercase;margin-bottom:16px;letter-spacing:.5px}.division-description{color:var(--text-secondary);font-size:.95rem;margin:16px 0;line-height:1.7}.division-info{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.division-info p{color:var(--text-secondary);font-size:.9rem;margin:10px 0;display:flex;align-items:center;gap:8px}.division-info strong{color:var(--text-primary);min-width:80px}.club-feed-tab{animation:fadeIn .3s ease}.feed-posts-list{display:flex;flex-direction:column;gap:24px}.feed-post-card{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:16px;padding:28px;transition:all .3s ease;position:relative}.feed-post-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #dc26261a}.pinned-badge{position:absolute;top:16px;right:16px;padding:6px 14px;background:#dc262626;color:var(--primary-color);border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid var(--primary-color)}.post-header{margin-bottom:20px}.post-author{display:flex;align-items:center;gap:12px}.author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.post-author strong{display:block;color:var(--text-primary);font-size:1rem;margin-bottom:4px;font-weight:600}.post-type{display:inline-block;padding:4px 10px;background:#dc262626;color:var(--primary-color);border-radius:8px;font-size:.7rem;font-weight:600;text-transform:uppercase;margin-right:10px;letter-spacing:.5px}.post-date{display:block;color:var(--text-secondary);font-size:.85rem;margin-top:6px}.post-content h3{color:var(--text-primary);font-size:1.4rem;margin:0 0 12px;font-weight:700}.post-content p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin:0}.post-media{margin:20px 0;display:flex;flex-direction:column;gap:16px}.media-item{border-radius:12px;overflow:hidden;background:var(--dark-bg)}.post-actions{display:flex;gap:24px;padding-top:20px;border-top:1px solid var(--border-color);margin-top:16px}.action-count{color:var(--text-secondary);font-size:.95rem;display:flex;align-items:center;gap:6px}.club-lineups-tab{animation:fadeIn .3s ease}.lineups-list{display:flex;flex-direction:column;gap:20px}.lineup-card-public{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:16px;padding:24px;transition:all .3s ease;cursor:pointer}.lineup-card-public:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 24px #dc262626}.lineup-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.lineup-card-header h3{color:var(--text-primary);font-size:1.3rem;margin:0;font-weight:700}.lineup-date{color:var(--text-secondary);font-size:.9rem;padding:6px 12px;background:#dc26261a;border-radius:8px}.lineup-card-info{color:var(--text-secondary);font-size:.95rem;display:flex;flex-direction:column;gap:8px}.lineup-card-info p{margin:0;display:flex;align-items:center;gap:8px}.lineup-card-info strong{color:var(--text-primary);min-width:100px}.club-stats-tab{animation:fadeIn .3s ease}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:16px;padding:28px;text-align:center;transition:all .3s ease;cursor:pointer}.stat-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 24px #dc262626}.stat-card h3{color:var(--text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px}.stat-value-large{font-size:2.8rem;font-weight:800;margin:0;color:var(--text-primary)}.stat-value-large.positive{color:#10b981}.stat-value-large.negative{color:#ef4444}.recent-matches-section{margin-top:40px}.recent-matches-section h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 24px;font-weight:700}.recent-matches-list{display:flex;flex-direction:column;gap:16px}.recent-match-card{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;cursor:pointer}.recent-match-card:hover{border-color:var(--primary-color);transform:translate(4px)}.match-date{color:var(--text-primary);font-weight:600;font-size:1rem}.match-result{display:flex;gap:20px}.match-result .wins{color:#10b981;font-weight:600;font-size:1rem}.match-result .losses{color:#ef4444;font-weight:600;font-size:1rem}.empty-state{color:var(--text-secondary);text-align:center;padding:60px 40px;font-size:1.1rem}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:24px}.error-container h2{color:var(--text-primary);font-size:2rem}@media(max-width:1200px){.club-header-wrapper{padding:0 30px 30px}.club-header-logo-box{width:120px;height:120px}.club-header-logo-fallback{font-size:4rem}.club-header-title{font-size:2.6rem}.club-header-info-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(max-width:968px){.club-header-wrapper{padding:0 24px 24px}.club-header-top{flex-direction:column;align-items:center;text-align:center;gap:20px}.club-header-logo-box{width:100px;height:100px;border-radius:14px}.club-header-logo-fallback{font-size:3.5rem}.club-header-title-area{flex-direction:column;gap:24px}.club-header-title-left{width:100%;text-align:center}.club-header-name-row{justify-content:center}.club-header-title{font-size:2.2rem}.club-header-jerseys-wrapper{align-items:center;width:100%}.club-header-jerseys-title{text-align:center}.club-header-jerseys{justify-content:center;width:100%}.jersey-image-header{width:70px;height:90px}.next-match-card-redesign{flex-direction:column;gap:24px;padding:24px}.match-team-left,.match-team-right{width:100%}.match-center-info{order:-1;width:100%;padding:16px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.match-countdown{font-size:2rem}.match-team-logo,.match-team-logo-placeholder{width:80px;height:80px}.match-team-name{font-size:1rem}.matches-results-list-redesign{gap:12px;padding-bottom:12px}.match-result-card-redesign{padding:16px 20px;gap:16px;min-width:280px;max-width:320px}.result-logo-img,.result-logo-placeholder{width:50px;height:50px}.result-logo-placeholder{font-size:1.2rem}.score-home,.score-away{font-size:1.5rem}.score-divider{font-size:1.2rem}.club-header-info-grid{grid-template-columns:1fr;gap:16px}.club-info-card{padding:16px}.info-card-icon-wrapper{width:48px;height:48px}.info-card-icon{font-size:1.5rem}.club-follow-btn{position:relative;top:auto;right:auto;margin-bottom:20px}.club-hero-logo{margin-bottom:20px}.club-name-hero{font-size:2.5rem;text-align:center}.club-name-with-badge,.club-hero-stats,.club-jerseys,.club-meta,.club-hero-actions{justify-content:center}.club-jerseys-grid-overview{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}.quick-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.club-detail-page{padding:0}.club-header-wrapper{padding:0 16px 20px}.club-header-logo-box{width:90px;height:90px;border-width:2px}.club-header-logo-fallback{font-size:3rem}.club-header-title{font-size:1.9rem}.club-header-sport-badge{padding:6px 14px;font-size:.75rem}.club-header-jerseys{gap:12px}.jersey-image-header{width:60px;height:75px}.jersey-label-header{font-size:.7rem}.club-info-card{padding:14px;gap:12px}.info-card-icon-wrapper{width:44px;height:44px}.info-card-icon{font-size:1.4rem}.info-card-label{font-size:.7rem}.info-card-value{font-size:1rem}.club-header-description-section{padding:16px}.club-description-text{font-size:.9rem}.club-logo-hero,.club-logo-hero-placeholder{width:70px;height:70px}.club-logo-hero-placeholder{font-size:2.5rem}.club-name-hero{font-size:2rem;text-align:center}.club-name-with-badge{justify-content:center}.club-jerseys-overview{margin-bottom:30px;padding-bottom:30px}.club-jerseys-grid-overview{grid-template-columns:1fr;gap:20px}.club-jersey-card-overview{padding:20px}.jersey-image-container-overview{min-height:150px;padding:16px}.club-tabs{flex-direction:column}.club-tab{width:100%}.divisions-grid{grid-template-columns:1fr}.stats-overview{grid-template-columns:repeat(2,1fr)}.members-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.quick-stats-grid{grid-template-columns:1fr}}@media(max-width:480px){.club-header-wrapper{padding:0 12px 16px}.club-header-back-btn{padding:8px 16px;font-size:13px}.club-header-logo-box{width:80px;height:80px;border-radius:12px;border-width:2px}.club-header-logo-fallback{font-size:2.5rem}.club-header-title{font-size:1.6rem}.club-header-sport-badge{padding:5px 12px;font-size:.7rem}.club-header-jerseys{gap:8px}.jersey-image-header{width:50px;height:65px;padding:6px}.jersey-label-header{font-size:.65rem}.club-header-info-grid{gap:12px}.club-info-card{padding:12px;gap:10px}.info-card-icon-wrapper{width:40px;height:40px;border-radius:10px}.info-card-icon{font-size:1.2rem}.info-card-label{font-size:.65rem;margin-bottom:4px}.info-card-value{font-size:.95rem}.club-header-description-section{padding:14px}.club-description-text{font-size:.85rem}.club-logo-hero,.club-logo-hero-placeholder{width:120px;height:120px}.club-logo-hero-placeholder{font-size:3rem}.club-name-hero{font-size:1.75rem}.club-hero-stats{gap:12px}.club-hero-stat-item{padding:8px 14px}.club-hero-stat-icon{width:36px;height:36px;font-size:1.3rem}.club-hero-stat-value{font-size:1.3rem}.club-jerseys{gap:10px}.club-jersey-img{width:50px;height:65px}.club-description-hero{font-size:1rem}.btn-primary,.btn-secondary,.btn-outline{width:100%;justify-content:center}.stats-overview{grid-template-columns:1fr}.stat-value-large{font-size:2.2rem}.members-grid{grid-template-columns:1fr 1fr}.member-avatar{width:70px;height:70px}.member-avatar-placeholder{font-size:2rem}.club-tabs-section,.club-detail-page .club-stats-tab{padding:24px}}.club-votings-tab{width:100%}.club-votings-tab .votings-list{display:flex;flex-direction:column;gap:20px}.club-votings-tab .voting-card{background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s ease}.club-votings-tab .voting-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #dc26261a}.club-votings-tab .voting-header{margin-bottom:20px}.club-votings-tab .voting-header h3{color:var(--text-primary);font-size:1.3rem;margin:0 0 8px}.club-votings-tab .voting-header p{color:var(--text-secondary);font-size:.9rem;margin:0 0 12px}.club-votings-tab .voting-meta{display:flex;gap:16px;color:var(--text-secondary);font-size:.85rem;flex-wrap:wrap}.club-votings-tab .voting-options{display:flex;flex-direction:column;gap:12px}.club-votings-tab .voting-option{background:var(--dark-bg);border:2px solid var(--border-color);border-radius:8px;padding:16px;cursor:pointer;transition:all .3s ease}.club-votings-tab .voting-option:hover:not(.disabled){border-color:var(--primary-color)}.club-votings-tab .voting-option.selected{border-color:var(--primary-color);background:#dc26260d}.club-votings-tab .voting-option.disabled{opacity:.6;cursor:not-allowed}.club-votings-tab .option-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.club-votings-tab .option-content span:first-child{color:var(--text-primary);font-weight:500}.club-votings-tab .option-votes{color:var(--text-secondary);font-size:.85rem}.club-votings-tab .option-bar{height:8px;background:var(--dark-bg);border-radius:4px;overflow:hidden}.club-votings-tab .option-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),#ff6b6b);border-radius:4px;transition:width .3s ease}.club-votings-tab .voting-login-prompt,.club-votings-tab .voting-ended{margin-top:16px;padding:12px;background:#dc26261a;border-radius:8px;text-align:center}.club-votings-tab .voting-login-prompt p,.club-votings-tab .voting-ended p{color:var(--text-secondary);font-size:.9rem;margin:0}@media(max-width:768px){.club-votings-tab .voting-card{padding:16px}.club-votings-tab .voting-meta{flex-direction:column;gap:8px}.club-votings-tab .voting-option{padding:12px}.club-votings-tab .option-content{flex-direction:column;align-items:flex-start;gap:4px}}.founder-card{position:relative;z-index:10;overflow:visible!important}.founder-card .info-card-icon-wrapper{background:var(--dark-card)!important;border:none;transition:opacity .2s ease,transform .2s ease}.founder-card .info-card-icon-wrapper:hover{opacity:.8;transform:scale(1.05)}.founder-dropdown-container{position:relative;width:100%;overflow:visible}.founder-display{display:flex;align-items:center;justify-content:space-between;gap:8px;-webkit-user-select:none;user-select:none}.founder-display:hover{color:var(--primary-color)}.dropdown-arrow{font-size:12px;color:var(--text-secondary);transition:transform .2s ease}.founder-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;margin-top:4px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:8px;padding:12px;z-index:1000;box-shadow:0 4px 12px #0000004d;animation:slideDown .2s ease;min-width:200px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.founder-dropdown-header{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.founder-dropdown-item{display:flex;align-items:center;transition:background .2s ease;gap:12px;padding:8px 0;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.founder-dropdown-item:last-child{border-bottom:none}.founder-dropdown-item .founder-icon{font-size:16px}.founder-dropdown-item:hover{color:var(--primary-color);background:var(--dark-bg);border-radius:4px;padding-left:8px;padding-right:8px}.founder-profile-photo{width:48px;height:48px;border-radius:50%;object-fit:cover;border:none}.founder-icon-fallback{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--dark-card);color:var(--text-primary);font-size:20px;font-weight:600;border:none}.founder-dropdown-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color)}.founder-dropdown-avatar-placeholder{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:var(--dark-bg);font-size:14px;font-weight:600;border:1px solid var(--border-color);flex-shrink:0}.founder-dropdown-name{flex:1}.gamified-profile-tab{padding:0;max-width:100%;width:100%;margin:0}.player-avatar-section{position:relative;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);height:60vh;min-height:600px;max-height:800px;overflow:hidden;margin-bottom:40px;border:none;outline:none}.avatar-background{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);background-image:radial-gradient(circle at 20% 50%,rgba(220,38,38,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(198,255,0,.1) 0%,transparent 50%);background-size:cover;background-position:center;background-repeat:no-repeat;border:none;outline:none}.avatar-background:after{content:"";position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to bottom,transparent 0%,var(--dark-bg) 100%);pointer-events:none}.avatar-background:before{content:"";position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(to top,transparent 0%,var(--dark-bg) 100%);pointer-events:none;z-index:1}.avatar-container{position:absolute;bottom:60px;left:50%;transform:translate(-50%);width:675px;height:675px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 20px 60px rgba(0,0,0,.6)) drop-shadow(0 10px 30px rgba(0,0,0,.4)) drop-shadow(0 5px 15px rgba(0,0,0,.3));z-index:2}.player-avatar-image{width:100%;height:100%;object-fit:contain;object-position:center bottom}.avatar-change-button{position:absolute;top:20px;right:20px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);color:#fff;width:48px;height:48px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:100;pointer-events:auto;padding:0;margin:0}.avatar-change-button:hover{background:#000000e6;border-color:var(--primary-color);transform:scale(1.1);box-shadow:0 4px 12px #c6ff004d}.avatar-change-button:active{transform:scale(.95)}@media(max-width:768px){.avatar-change-button{width:40px;height:40px;font-size:18px;top:15px;right:15px}}@media(max-width:768px){.choose-avatar-button{padding:10px 20px;font-size:14px}}@media(max-width:480px){.avatar-change-button{width:36px;height:36px;font-size:16px;top:12px;right:12px}.choose-avatar-button{padding:8px 16px;font-size:13px}}@media(max-width:360px){.choose-avatar-button{padding:8px 14px;font-size:12px}}.player-avatar-placeholder{width:100%;height:100%;background:transparent;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-size:80px;position:relative}.avatar-icon{display:none}.choose-avatar-button{background:var(--primary-color);color:#000;border:none;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #c6ff004d;z-index:10;position:relative}.choose-avatar-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #c6ff0066}.choose-avatar-button:active{transform:translateY(0)}.avatar-loading-skeleton{width:100%;height:100%;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:20px}.avatar-loading-skeleton-small{width:100%;height:100%;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:50%}.player-name-skeleton,.player-sport-skeleton,.player-location-skeleton{height:20px;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;margin-bottom:8px}.player-name-skeleton{width:150px;height:24px}.player-sport-skeleton{width:100px;height:16px}.player-location-skeleton{width:120px;height:14px}.level-badge-skeleton{width:70px;height:50px;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}.player-role-skeleton{width:80px;height:40px;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.exp-counter-skeleton{width:100px;height:14px;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;margin:0 auto 8px}.exp-bar-fill-skeleton{width:30%;height:100%;background:linear-gradient(90deg,#c6ff0033 25%,#c6ff004d,#c6ff0033 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.stat-value-skeleton{width:30px;height:18px;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;margin:0 auto 4px}.stat-label-skeleton{width:50px;height:12px;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;margin:0 auto}.radar-chart-skeleton{width:100%;height:100%;min-height:300px;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:12px}.comment-item-skeleton{display:flex;gap:12px;padding:12px;margin-bottom:12px}.comment-avatar-skeleton{width:40px;height:40px;border-radius:50%;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;flex-shrink:0}.comment-content-skeleton{flex:1;display:flex;flex-direction:column;gap:8px}.comment-header-skeleton{width:120px;height:14px;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.comment-text-skeleton{width:100%;height:16px;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.player-info-card{background:var(--dark-card);border-radius:20px;padding:24px;margin:-115px 20px 20px;box-shadow:0 4px 20px #0000004d;position:relative;z-index:3}.player-info-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px}.player-info-left{display:flex;gap:16px;flex:1}.player-avatar-small{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative}.player-avatar-small img{width:100%;height:100%;object-fit:cover;display:block}.avatar-placeholder-small{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-3);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--secondary-color);border-radius:50%}.player-details{flex:1}.player-name-container{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:4px}.player-name{font-size:24px;font-weight:700;color:var(--primary-color);margin:0}.player-chat-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:4px;color:var(--text-primary);opacity:.7;transition:opacity .2s,transform .2s}.player-chat-btn:hover{opacity:1;transform:scale(1.1)}.player-chat-btn:active{transform:scale(.95)}.player-action-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.player-action-btn{padding:6px 16px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.player-action-btn:disabled{cursor:not-allowed;opacity:.6}.player-action-btn.follow-btn{background:var(--primary-color);color:#000}.player-action-btn.follow-btn:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px)}.player-action-btn.follow-btn.following{background:transparent;color:var(--primary-color);border:1.5px solid var(--primary-color)}.player-action-btn.follow-btn.following:hover:not(:disabled){background:#ffd7001a}.player-action-btn.friend-btn{background:var(--dark-bg);color:var(--primary-color);border:1.5px solid var(--primary-color)}.player-action-btn.friend-btn:hover:not(:disabled){background:#ffd7001a;transform:translateY(-1px)}.player-action-btn.friend-btn.accept-btn{background:var(--primary-color);color:#000;border:1.5px solid var(--primary-color)}.player-action-btn.friend-btn.accept-btn:hover:not(:disabled){background:var(--secondary-color)}.player-sport{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0 0 4px;text-transform:uppercase;letter-spacing:1px}.player-location{font-size:14px;color:var(--text-secondary);margin:0}.player-info-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;align-self:flex-start;margin-top:-50px;max-width:100%;min-width:0}.level-badge{background:var(--primary-color);color:#000;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:700;white-space:nowrap;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:70px;box-shadow:0 2px 8px #0003}.level-badge .level-label{font-size:11px;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.level-badge .level-number{font-size:24px;font-weight:700;color:#000;line-height:1}.player-role{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.role-name{font-size:16px;font-weight:700;color:#fff;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%}.rating-stars{display:flex;gap:2px;justify-content:flex-end;align-self:flex-end}.rating-stars .star{color:#999;font-size:16px}.rating-stars .star.filled{color:var(--primary-color)}.exp-bar-container{padding:20px 0 0;width:100%}.exp-counter{text-align:center;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;letter-spacing:.5px}.exp-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.exp-bar-fill{height:100%;background:repeating-linear-gradient(45deg,var(--primary-color),var(--primary-color) 10px,black 10px,black 20px);border-radius:4px;transition:width .5s ease-out;box-shadow:0 0 8px #c6ff0080;background-size:28.28px 28.28px;animation:expBarStripe 1s linear infinite;position:relative;overflow:hidden}.exp-bar-fill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:expBarShimmer 2s ease-in-out infinite}.exp-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(198,255,0,.3) 50%,transparent 100%);animation:expBarGlow 2s ease-in-out infinite;border-radius:4px}@keyframes expBarStripe{0%{background-position:0 0}to{background-position:28.28px 28.28px}}@keyframes expBarShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes expBarGlow{0%,to{opacity:.3;transform:scaleX(1)}50%{opacity:.6;transform:scaleX(1.05)}}.player-social-stats{display:flex;justify-content:space-around;padding-top:20px;gap:16px}.social-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-size:18px;font-weight:700;color:var(--text-primary)}.stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stats-card{background:var(--dark-card);border-radius:20px;padding:24px;margin:0 20px 20px;box-shadow:0 4px 20px #0000004d}.stats-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 20px;text-transform:uppercase;letter-spacing:1px}.radar-chart-container{display:flex;justify-content:center;align-items:center;padding:20px;width:100%;min-height:300px;overflow:visible}.radar-chart{width:100%;height:100%;aspect-ratio:1;display:flex;justify-content:center;align-items:center;max-width:100%}.radar-chart svg{width:100%;height:100%;max-width:100%;max-height:100%;overflow:visible}.radar-chart-label{font-size:12px}@media(max-width:768px){.radar-chart-label{font-size:10px}}@media(max-width:480px){.radar-chart-label{font-size:9px}}@media(max-width:360px){.radar-chart-label{font-size:8px}}.comments-section{background:var(--dark-card);border-radius:20px;padding:24px;margin:0 20px 20px;box-shadow:0 4px 20px #0000004d}.comments-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 20px;text-transform:uppercase;letter-spacing:1px}.comments-list{margin-bottom:20px;max-height:400px;overflow-y:auto}.comment-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-color)}.comment-item:last-child{border-bottom:none}.comment-avatar-link{text-decoration:none;color:inherit;flex-shrink:0;cursor:pointer;transition:transform .2s ease}.comment-avatar-link:hover{transform:scale(1.05)}.comment-avatar-link:active{transform:scale(.95)}.comment-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.comment-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-comment{width:100%;height:100%;background:var(--gradient-3);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--secondary-color)}.comment-content{flex:1}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;gap:12px}.comment-username{font-size:14px;font-weight:600;color:var(--text-primary)}.comment-timestamp{font-size:12px;color:var(--text-secondary);white-space:nowrap}.comment-text{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.empty-comments{text-align:center;padding:40px 20px;color:var(--text-secondary)}.comment-input-section{display:flex;gap:12px;padding-top:16px;border-top:1px solid var(--border-color)}.comment-input{flex:1;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px 16px;color:var(--text-primary);font-size:14px;font-family:inherit}.comment-input:focus{outline:none;border-color:var(--primary-color)}.comment-submit-btn{background:var(--gradient-3);color:var(--secondary-color);border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.comment-submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c6ff004d}@media(max-width:1024px){.player-info-card{padding:20px;margin:-115px 16px 20px}.player-info-content{gap:16px}.player-name{font-size:22px}.player-avatar-small{width:56px;height:56px}.avatar-placeholder-small{font-size:22px}.level-badge{padding:7px 14px;min-width:65px}.level-badge .level-label{font-size:10px}.level-badge .level-number{font-size:22px}.role-name{font-size:15px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%}.rating-stars .star{font-size:14px}.player-info-right{margin-top:-45px}.stats-card{padding:20px;margin:0 16px 20px;border-radius:16px}.stats-title{font-size:16px;margin:0 0 16px}.radar-chart-container{padding:16px;min-height:280px}.comments-section{padding:20px;margin:0 16px 20px;border-radius:16px}.comments-title{font-size:16px;margin:0 0 16px}.comments-list{max-height:350px;margin-bottom:16px}.comment-item{gap:10px;padding:10px 0}.comment-avatar{width:36px;height:36px}.avatar-placeholder-comment{font-size:14px}.comment-username{font-size:13px}.comment-timestamp{font-size:11px}.comment-text{font-size:13px}.comment-input-section{gap:10px;padding-top:14px}.comment-input{padding:10px 14px;font-size:13px}.comment-submit-btn{padding:10px 20px;font-size:13px}}@media(max-width:768px){.player-avatar-section{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);height:50vh;min-height:450px;margin-bottom:30px}.avatar-container{width:507px;height:507px}.player-info-card{margin:-115px 12px 16px;padding:18px;border-radius:16px}.player-info-content{flex-direction:row;gap:14px;margin-bottom:16px;align-items:flex-start}.player-info-left{gap:12px;flex:1;min-width:0}.player-avatar-small{width:50px;height:50px;flex-shrink:0}.avatar-placeholder-small{font-size:20px}.player-details{min-width:0;flex:1}.player-name{font-size:20px;margin:0 0 3px}.player-sport{font-size:13px;margin:0 0 3px}.player-location{font-size:13px}.player-info-right{align-items:flex-end;gap:6px;flex-shrink:1;align-self:flex-start;margin-top:-40px;max-width:calc(50% - 7px);min-width:0}.level-badge{padding:6px 12px;border-radius:6px;min-width:60px}.level-badge .level-label{font-size:10px}.level-badge .level-number{font-size:20px}.player-role{align-items:flex-start;max-width:100%;min-width:0;width:100%}.role-name{font-size:15px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;width:100%;text-align:right}.rating-stars{justify-content:flex-end;align-self:flex-end}.rating-stars .star{font-size:13px}.exp-bar-container{padding:16px 0 0}.exp-counter{font-size:13px;margin-bottom:6px}.exp-bar{height:6px}.player-social-stats{flex-wrap:wrap;gap:12px;padding-top:16px}.social-stat{flex:1;min-width:calc(50% - 6px)}.stat-value{font-size:17px}.stat-label{font-size:11px}.stats-card{padding:18px;margin:0 12px 16px;border-radius:16px}.stats-title{font-size:15px;margin:0 0 14px}.radar-chart-container{padding:12px;min-height:250px}.comments-section{padding:18px;margin:0 12px 16px;border-radius:16px}.comments-title{font-size:15px;margin:0 0 14px}.comments-list{max-height:300px;margin-bottom:14px}.comment-item{gap:10px;padding:10px 0}.comment-avatar{width:36px;height:36px}.avatar-placeholder-comment{font-size:14px}.comment-username{font-size:13px}.comment-timestamp{font-size:11px}.comment-text{font-size:13px}.comment-input-section{gap:10px;padding-top:14px;flex-direction:column}.comment-input{padding:10px 14px;font-size:13px}.comment-submit-btn{padding:10px 20px;font-size:13px;width:100%}}@media(max-width:480px){.player-avatar-section{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);height:45vh;min-height:400px;margin-bottom:20px}.avatar-container{width:405px;height:405px}.player-info-card{margin:-115px 8px 16px;padding:16px;border-radius:12px}.player-info-content{flex-direction:row;gap:12px;margin-bottom:14px;align-items:flex-start}.player-info-left{gap:10px;flex:1;min-width:0}.player-avatar-small{width:44px;height:44px}.avatar-placeholder-small{font-size:18px}.player-name{font-size:18px;margin:0 0 2px}.player-sport{font-size:12px;margin:0 0 2px;letter-spacing:.5px}.player-location{font-size:12px}.player-info-right{align-items:flex-end;gap:6px;flex-shrink:1;align-self:flex-start;margin-top:-35px;max-width:calc(50% - 6px);min-width:0}.level-badge{padding:5px 10px;border-radius:6px;min-width:55px}.level-badge .level-label{font-size:9px}.level-badge .level-number{font-size:18px}.player-role{max-width:100%;min-width:0;width:100%}.role-name{font-size:14px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;width:100%}.rating-stars{gap:1px;justify-content:flex-end;align-self:flex-end}.rating-stars .star{font-size:12px}.exp-bar-container{padding:14px 0 0}.exp-counter{font-size:12px;margin-bottom:6px}.exp-bar{height:6px}.player-social-stats{gap:8px;padding-top:14px}.social-stat{min-width:calc(50% - 4px)}.stat-value{font-size:16px}.stat-label{font-size:10px}.stats-card,.comments-section{padding:16px;margin:0 8px 16px;border-radius:12px}.comments-title{font-size:14px;margin:0 0 12px}.comments-list{max-height:280px;margin-bottom:12px}.comment-item{gap:8px;padding:8px 0}.comment-avatar{width:32px;height:32px}.avatar-placeholder-comment{font-size:12px}.comment-header{gap:8px;flex-wrap:wrap}.comment-username{font-size:12px}.comment-timestamp{font-size:10px}.comment-text{font-size:12px}.comment-input-section{gap:8px;padding-top:12px}.comment-input{padding:8px 12px;font-size:12px}.comment-submit-btn{padding:8px 16px;font-size:12px}.stats-title{font-size:14px;margin:0 0 12px}.radar-chart-container{padding:10px;min-height:220px}}@media(max-width:360px){.player-info-card{margin:-115px 4px 12px;padding:12px}.player-info-content{flex-direction:row;gap:10px;margin-bottom:12px;align-items:flex-start}.player-info-left{gap:8px;flex:1;min-width:0}.player-avatar-small{width:40px;height:40px}.avatar-placeholder-small,.player-name{font-size:16px}.player-sport,.player-location{font-size:11px}.player-info-right{align-items:flex-end;gap:6px;flex-shrink:1;align-self:flex-start;margin-top:-30px;max-width:calc(50% - 5px);min-width:0}.level-badge{padding:4px 8px;border-radius:6px;min-width:50px}.level-badge .level-label{font-size:8px}.level-badge .level-number{font-size:16px}.player-role{max-width:100%;min-width:0;width:100%}.role-name{font-size:13px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;width:100%}.rating-stars{justify-content:flex-end;align-self:flex-end}.rating-stars .star{font-size:11px}.stat-value{font-size:15px}.stat-label{font-size:9px}.stats-card{padding:12px;margin:0 4px 12px;border-radius:12px}.stats-title{font-size:13px;margin:0 0 10px}.radar-chart-container{padding:8px;min-height:200px}.comments-section{padding:12px;margin:0 4px 12px;border-radius:12px}.comments-title{font-size:13px;margin:0 0 10px}.comments-list{max-height:250px;margin-bottom:10px}.comment-item{gap:8px;padding:8px 0}.comment-avatar{width:28px;height:28px}.avatar-placeholder-comment{font-size:11px}.comment-header{gap:6px}.comment-username{font-size:11px}.comment-timestamp{font-size:9px}.comment-text{font-size:11px}.comment-input-section{gap:6px;padding-top:10px}.comment-input{padding:8px 10px;font-size:11px}.comment-submit-btn{padding:8px 14px;font-size:11px}}.profile-page{padding:40px 0;min-height:calc(100vh - 140px)}.profile-header{text-align:center;margin-bottom:30px}.profile-header-avatar-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.profile-header-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--primary-color);box-shadow:0 4px 20px #c6ff004d;position:relative;cursor:pointer;transition:transform .3s ease}.profile-header-avatar:hover{transform:scale(1.05)}.profile-header-avatar:hover .profile-avatar-overlay{opacity:1}.profile-header-avatar img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}.avatar-placeholder-header{width:100%;height:100%;background:var(--gradient-3);display:flex;align-items:center;justify-content:center;color:var(--secondary-color);font-size:48px;font-weight:800}.profile-header-avatar .profile-avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2;pointer-events:none;border-radius:50%}.profile-header-avatar .camera-icon{font-size:24px;margin-bottom:4px}.profile-header-avatar .camera-text{color:#fff;font-size:12px;font-weight:600}.profile-header-avatar-wrapper .photo-upload-actions{display:flex;gap:8px;justify-content:center;margin-top:12px}.profile-tabs{display:flex;gap:12px;justify-content:center;margin-bottom:30px;border:1px solid var(--border-color)}.profile-tab{background:transparent;border:none;color:var(--text-secondary);padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;font-family:inherit}.profile-avatar-wrapper{position:relative;display:inline-block;margin-bottom:20px}.profile-status-badge{position:absolute;bottom:8px;right:8px;width:18px;height:18px;border-radius:50%;border:3px solid white;z-index:10;transition:all .3s ease}.profile-status-badge.discoverable{background-color:#10b981;box-shadow:0 0 0 2px #10b9814d}.profile-status-badge.not-discoverable{background-color:#6b7280}.profile-avatar{width:150px;height:150px;border-radius:50%;overflow:visible;border:4px solid var(--primary-color);box-shadow:0 0 30px #c6ff0080;position:relative;cursor:pointer;transition:transform .3s ease}.profile-avatar img,.profile-avatar .avatar-placeholder-large{border-radius:50%;overflow:hidden}.profile-avatar:hover{transform:scale(1.05)}.profile-avatar:hover .profile-avatar-overlay{opacity:1}.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}.avatar-placeholder-large{width:100%;height:100%;background:var(--gradient-3);display:flex;align-items:center;justify-content:center;color:var(--secondary-color);font-size:60px;font-weight:800}.profile-avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2;pointer-events:none}.camera-icon{font-size:32px;margin-bottom:8px}.camera-text{color:#fff;font-size:14px;font-weight:600}.photo-upload-actions{display:flex;gap:8px;justify-content:center;margin-top:12px}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--gradient-3);color:var(--secondary-color)}.btn-primary:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-2px);box-shadow:0 4px 12px #c6ff0066}.btn-secondary{background:var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--hover-bg)}.profile-header h1{font-size:2.5rem;margin-bottom:8px;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-email{color:var(--text-secondary);font-size:1.1rem;margin-bottom:8px}.profile-location{color:var(--text-secondary)}.profile-content{max-width:800px;margin:0 auto}.profile-section{margin-bottom:24px}.profile-section h2{color:var(--primary-color);margin-bottom:24px;font-size:1.8rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.info-item label{display:block;color:var(--text-secondary);font-size:.9rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.info-item p{color:var(--text-primary);font-size:1.1rem;font-weight:500}.edit-form{display:flex;flex-direction:column;gap:20px}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c6ff001a}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}.certificate-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.certificate-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-3)}.certificate-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 24px #c6ff0033}.certificate-icon{font-size:48px;margin-bottom:12px}.certificate-card h3{color:var(--text-primary);font-size:1.1rem;margin-bottom:8px;font-weight:600}.certificate-event{color:var(--primary-color);font-size:.9rem;margin-bottom:8px;font-weight:500}.certificate-date{color:var(--text-secondary);font-size:.85rem;margin-bottom:12px}.certificate-number{color:var(--text-secondary);font-size:.75rem;font-family:monospace;background:var(--dark-bg);padding:6px 12px;border-radius:6px;display:inline-block}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state p{color:var(--text-secondary);margin-bottom:8px}.empty-hint{font-size:.9rem;color:var(--text-secondary);opacity:.7}.certificate-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.certificate-modal-content{background:var(--card-bg);border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;padding:40px}.certificate-modal-close{position:absolute;top:16px;right:16px;background:var(--dark-bg);border:none;border-radius:50%;width:36px;height:36px;font-size:20px;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.certificate-modal-close:hover{background:var(--gradient-3);color:var(--secondary-color);transform:rotate(90deg)}.certificate-display{text-align:center}.certificate-header{margin-bottom:30px;padding-bottom:20px;border-bottom:3px solid var(--primary-color)}.certificate-header h1{font-size:2.5rem;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.certificate-body{padding:30px 0}.certificate-presented{font-size:1.1rem;color:var(--text-secondary);margin-bottom:20px}.certificate-name{font-size:2rem;color:var(--primary-color);margin:20px 0;font-weight:700}.certificate-description{font-size:1.1rem;color:var(--text-primary);line-height:1.6;margin:30px 0;padding:0 20px}.certificate-details{background:var(--dark-bg);border-radius:12px;padding:24px;margin:30px 0;text-align:left}.certificate-details p{margin:12px 0;color:var(--text-primary)}.certificate-details strong{color:var(--primary-color)}.certificate-number-display{margin-top:30px;padding:16px;background:var(--dark-bg);border-radius:8px;font-family:monospace;color:var(--text-secondary);font-size:.9rem}@media(max-width:768px){.profile-header h1{font-size:2rem}.info-grid,.certificates-grid{grid-template-columns:1fr}.certificate-modal-content{padding:24px}.certificate-header h1{font-size:1.8rem}.certificate-name{font-size:1.5rem}}.sports-profile-page{padding:40px 0;min-height:calc(100vh - 140px);width:100%}.sports-profile-page .container{width:100%;max-width:100%;padding:0 20px;box-sizing:border-box}.tabs{display:flex;gap:12px;margin-bottom:30px;border:1px solid var(--border-color);flex-wrap:wrap}.tab{background:transparent;border:none;color:var(--text-secondary);padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;font-family:inherit}.tab:hover{color:var(--primary-color)}.tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-content{margin-top:30px;width:100%;box-sizing:border-box}.stats-section{width:100%;box-sizing:border-box}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{color:var(--primary-color);font-size:1.8rem}.stat-form-card{margin-bottom:30px;padding:24px}.stat-form-card h3{color:var(--primary-color);margin-bottom:20px}.stat-form{display:flex;flex-direction:column;gap:16px}.form-group{margin-bottom:16px}.form-group input,.form-group select{width:100%;padding:12px 16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:16px;font-family:inherit}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dc26261a}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;width:100%;margin:0}.stat-card{padding:24px;min-width:0;overflow:hidden;width:100%;margin:0!important;box-sizing:border-box}.stat-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px;gap:12px;flex-wrap:wrap}.stat-header h3{color:var(--primary-color);font-size:1.5rem;word-break:break-word;flex:1;min-width:0}.skill-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border:2px solid;border-radius:20px;font-size:.85rem;font-weight:600;flex-shrink:0;white-space:nowrap}.badge-icon{font-size:1.1rem}.stat-values{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.stat-item{text-align:center;padding:12px;background:var(--dark-bg);border-radius:8px}.stat-label{display:block;color:var(--text-secondary);font-size:.85rem;margin-bottom:4px}.stat-value{display:block;font-size:1.5rem;font-weight:800;color:var(--text-primary)}.stat-value.win{color:#43e97b}.stat-value.loss{color:#ff006e}.stat-value.highlight{color:var(--primary-color)}.stat-rating{text-align:center;padding:12px;background:var(--dark-bg);border-radius:8px;margin-bottom:16px;color:var(--text-secondary)}.rating-value{color:var(--primary-color);font-weight:700;font-size:1.2rem}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}.achievement-card{text-align:center;padding:30px 20px}.achievement-icon{font-size:48px;margin-bottom:16px}.achievement-card h3{color:var(--primary-color);margin-bottom:12px;font-size:1.2rem}.achievement-card p{color:var(--text-secondary);margin-bottom:12px;font-size:.9rem}.achievement-sport{display:inline-block;background:var(--gradient-3);padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:8px}.achievement-date{color:var(--text-secondary);font-size:.85rem}.history-list{display:flex;flex-direction:column;gap:16px}.history-item{padding:20px}.history-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.history-header h3{color:var(--primary-color);font-size:1.2rem;margin-bottom:4px}.history-type{color:var(--text-secondary);font-size:.85rem;text-transform:capitalize}.result-badge{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase}.result-win{background:#43e97b33;color:#43e97b}.result-loss{background:#ff006e33;color:#ff006e}.result-draw{background:#8338ec33;color:#8338ec}.result-pending{background:#00000026;color:var(--text-secondary)}.history-date{color:var(--text-secondary);font-size:.9rem;margin-bottom:8px}.history-notes{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-top:8px}.preferences-container{display:flex;flex-direction:column;gap:30px}.primary-preferences-section,.leisure-preferences-section{width:100%}.leisure-section-title{color:var(--text-secondary);margin-bottom:15px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.preferences-list{display:flex;flex-direction:column;gap:20px}.preferences-list.primary-preferences,.preferences-list.leisure-preferences{display:flex;flex-direction:column;gap:20px;width:100%}.preference-card{padding:20px}.preference-card-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:nowrap}.preference-card-row .preference-info{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:15px;flex-wrap:nowrap;white-space:nowrap}.preference-card-row .preference-actions{flex-shrink:0;margin-top:0;padding-top:0;border:none;border-left:1px solid var(--border-color);padding-left:20px}.preference-card-row .preference-info h3{color:var(--primary-color);margin:0;font-size:1.2rem;white-space:nowrap;flex-shrink:0}.preference-card-row .preference-info>span{flex-shrink:0;white-space:nowrap;display:inline-block}.preference-card-row .sport-icon{width:40px;height:40px;object-fit:cover;border-radius:8px;flex-shrink:0;background:var(--dark-bg)}.preference-card-row .preference-details{display:flex;gap:12px;flex-wrap:nowrap;align-items:center;flex-shrink:0;white-space:nowrap}.skill-level{background:var(--gradient-3);padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize;color:#000}.position{background:var(--dark-bg);padding:6px 12px;border-radius:20px;font-size:.85rem;color:var(--text-secondary)}.preference-form-card{margin-bottom:30px;padding:24px}.preference-form-card h3{margin-bottom:20px;color:var(--primary-color)}.preference-form{display:flex;flex-direction:column;gap:20px}.preference-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border:1px solid var(--border-color)}.edit-btn,.delete-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;font-family:inherit}.edit-btn{background:#dc26261a;color:var(--primary-color);border:1px solid var(--primary-color)}.edit-btn:hover{background:#dc262633;transform:translateY(-2px)}.delete-btn{background:#ff006e1a;color:#ff006e;border:1px solid #ff006e}.delete-btn:hover{background:#ff006e33;transform:translateY(-2px)}@media(max-width:768px){.sports-profile-page{padding:20px 0}.sports-profile-page .container{padding:0 16px}.page-title{font-size:2rem}.tabs{overflow-x:auto;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.form-row{grid-template-columns:1fr}.tab-content{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;width:calc(100% + 32px)}.stats-section{width:100%;margin:0;padding:0}.stats-grid{grid-template-columns:1fr;gap:16px;margin:0;padding:0;width:100%}.stat-card{padding:16px;width:100%;max-width:100%;box-sizing:border-box;margin:0!important}.stat-header{flex-direction:column;align-items:flex-start;gap:12px}.stat-header h3{font-size:1.3rem;width:100%}.skill-badge{align-self:flex-start}.stat-values{grid-template-columns:repeat(2,1fr);gap:12px}.stat-item{padding:10px}.stat-label{font-size:.8rem}.stat-value{font-size:1.3rem}.stat-rating{padding:10px;font-size:.9rem}.rating-value{font-size:1.1rem}.section-header{flex-direction:column;gap:16px;align-items:stretch}.section-header button{width:100%}.achievements-grid{grid-template-columns:1fr}.preference-card-row{flex-direction:column;align-items:stretch}.preference-card-row .preference-info{flex-direction:column;align-items:flex-start;gap:12px}.preference-card-row .preference-actions{border-left:none;border-top:1px solid var(--border-color);padding-left:0;padding-top:16px;margin-top:16px}}@media(max-width:480px){.sports-profile-page{padding:16px 0}.sports-profile-page .container{padding:0 12px}.tabs{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.tab-content{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px;width:calc(100% + 24px)}.stat-card{padding:12px;margin:0!important;width:100%;max-width:100%}.stat-header h3{font-size:1.2rem}.stat-values{grid-template-columns:1fr;gap:10px}.stat-item{padding:8px}.stat-value{font-size:1.2rem}.stat-rating{padding:8px;font-size:.85rem}.rating-value{font-size:1rem}}.user-profile-page{padding:40px 0;min-height:calc(100vh - 140px)}.profile-header-section{margin-bottom:40px}.profile-header-content{display:flex;gap:40px;align-items:flex-start;padding:30px;background:var(--dark-card);border-radius:20px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(220,38,38,.2)}.profile-avatar-large{width:150px;height:150px;border-radius:50%;overflow:hidden;flex-shrink:0}.profile-avatar-large.own-profile{border:3px solid var(--primary-color);box-shadow:0 4px 20px #dc26264d}.profile-avatar-large.other-profile{border:none;box-shadow:none}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-large{width:100%;height:100%;background:var(--gradient-3);display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;color:var(--secondary-color)}.profile-info{flex:1}.profile-name-section{display:flex;align-items:center;gap:20px;margin-bottom:20px}.profile-username{font-size:2rem;font-weight:700;margin:0;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.follow-button{padding:10px 24px;background:var(--gradient-3);color:var(--secondary-color);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.follow-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #dc262666}.follow-button.following{background:var(--dark-bg);border:1px solid rgba(255,255,255,.3);color:var(--text-primary)}.follow-button.following:hover{background:#ff4d4d33;border-color:#ff4d4d;color:#ff4d4d}.edit-profile-button{padding:10px 24px;background:var(--dark-bg);color:var(--text-primary);border:1px solid rgba(255,255,255,.3);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.edit-profile-button:hover{background:#00000026;border-color:var(--primary-color)}.profile-stats{display:flex;gap:30px;margin-bottom:15px}.stat-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease}.stat-item:hover{transform:scale(1.05)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.9rem;color:var(--text-secondary);text-transform:lowercase}.profile-location{color:var(--text-secondary);font-size:.95rem}.profile-tabs{display:flex;gap:0;justify-content:center;margin-bottom:30px;border-bottom:1px solid var(--border-color)}.profile-tab{background:transparent;border:none;color:var(--text-secondary);padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;font-family:inherit;position:relative;margin-bottom:-1px}.profile-tab:hover{color:var(--primary-color)}.profile-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.posts-section{margin-top:40px}.posts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border:1px solid var(--border-color)}.posts-header h2{font-size:1.5rem;font-weight:700;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.view-mode-toggle{display:flex;gap:10px}.view-mode-toggle button{padding:8px 16px;background:var(--dark-bg);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.view-mode-toggle button.active{background:var(--gradient-3);color:var(--secondary-color);border-color:transparent}.view-mode-toggle button:hover{border-color:var(--primary-color)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.post-grid-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;background:var(--dark-bg);border:1px solid var(--border-color);transition:all .3s ease}.post-grid-item:hover{transform:scale(1.02);border-color:var(--primary-color);box-shadow:0 8px 25px #dc26264d}.post-media{width:100%;height:100%;position:relative}.post-media img,.post-media video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.post-media video{background:#000}.post-media.text{display:flex;align-items:center;justify-content:center;padding:20px;color:var(--text-secondary);font-size:.9rem}.media-overlay{position:absolute;top:10px;right:10px;background:#000000b3;padding:6px 12px;border-radius:6px;color:#fff;font-size:.85rem;font-weight:600}.post-stats-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:15px;display:flex;gap:15px;opacity:0;transition:opacity .3s ease}.post-grid-item:hover .post-stats-overlay{opacity:1}.post-stats-overlay span{color:#fff;font-size:.9rem;font-weight:600}.posts-list{display:flex;flex-direction:column;gap:20px}.post-list-item{display:flex;gap:20px;padding:20px;background:var(--dark-card);border-radius:12px;border:1px solid var(--border-color);cursor:pointer;transition:all .3s ease}.post-list-item:hover{transform:translate(5px);border-color:var(--primary-color);box-shadow:0 4px 15px #dc262633}.post-list-media{width:150px;height:150px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--dark-bg)}.post-list-media img,.post-list-media video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.post-list-media video{background:#000}.post-list-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.post-list-media,.post-media.image,.post-media.video{cursor:pointer}.media-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.media-modal-content{position:relative;width:100vw;height:100vh;max-width:100vw;max-height:100vh;display:flex;align-items:center;justify-content:center;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.media-modal-close{position:absolute;top:20px;right:20px;background:#00000080;border:2px solid rgba(255,255,255,.5);border-radius:50%;width:40px;height:40px;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.media-modal-close:hover{background:#ffffff4d;border-color:#fff;transform:scale(1.1)}.media-modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;border:2px solid rgba(255,255,255,.5);border-radius:50%;width:50px;height:50px;color:#fff;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none}.media-modal-nav:hover:not(:disabled){background:#ffffff4d;border-color:#fff;transform:translateY(-50%) scale(1.1)}.media-modal-nav:disabled{opacity:.3;cursor:not-allowed}.media-modal-prev{left:-70px}.media-modal-next{right:-70px}.media-modal-media{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;position:relative}.media-modal-image,.media-modal-video{width:100%;height:100%;object-fit:contain;display:block}.media-modal-indicator{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);background:#fff3;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.media-modal-side-actions{position:absolute;right:20px;bottom:120px;display:flex;flex-direction:column;gap:20px;z-index:2000;pointer-events:auto}.media-modal-side-actions button{background:transparent;border:none;color:#fff;font-size:28px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;transition:transform .2s ease;pointer-events:auto;position:relative;z-index:2001}.media-modal-side-actions button:hover{transform:scale(1.1)}.media-modal-side-actions .action-count{font-size:12px;font-weight:600;color:#fff}.media-modal-bottom-info{position:absolute;bottom:0;left:0;right:100px;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 50%,transparent 100%);padding:20px 20px 30px;color:#fff!important;z-index:1000;pointer-events:none}.media-modal-info{display:none}.media-modal-header{margin-bottom:12px;pointer-events:auto}.media-modal-author{display:flex;align-items:center;gap:12px;color:#fff!important}.media-modal-author span{color:#fff!important;font-weight:600}.media-modal-author img,.media-modal-author .avatar-placeholder{width:40px;height:40px;border-radius:50%;object-fit:cover}.media-modal-author .avatar-placeholder{background:var(--gradient-3);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--secondary-color)}.media-modal-actions{display:flex;gap:15px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.media-modal-like-btn,.media-modal-comment-btn{background:transparent;border:none;font-size:1.5rem;cursor:pointer;padding:5px;transition:transform .2s ease}.media-modal-like-btn:hover,.media-modal-comment-btn:hover{transform:scale(1.1)}.media-modal-like-btn.liked{animation:heartBeat .3s ease}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.media-modal-stats{margin-bottom:12px;pointer-events:auto}.media-modal-likes{font-weight:600;font-size:.95rem;color:#fff!important}.media-modal-caption{margin:12px 0;line-height:1.6;color:#fff!important;font-size:.95rem;pointer-events:auto}.media-modal-caption .caption-username{font-weight:700;margin-right:8px;color:#fff!important}.media-modal-comments-panel{position:absolute;right:0;top:0;bottom:0;width:400px;max-width:90vw;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;z-index:2000;animation:slideInRight .3s ease-out;box-shadow:-4px 0 20px #00000080}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.comments-panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.comments-panel-header h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.comments-panel-close{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px;transition:transform .2s ease}.comments-panel-close:hover{transform:scale(1.1)}.media-modal-comments-section{margin-top:12px;display:flex;flex-direction:column;gap:12px}.media-modal-comments-list{flex:1;overflow-y:auto;padding:20px 20px 10px}.media-modal-comments-list::-webkit-scrollbar{width:4px}.media-modal-comments-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.media-modal-comments-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.media-modal-comment-item{margin-bottom:16px}.media-modal-comment-item.reply{margin-left:32px;margin-top:8px;padding-left:12px;border-left:2px solid rgba(255,255,255,.2)}.media-modal-comment{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;background:#ffffff40;border:1px solid rgba(255,255,255,.3);border-radius:12px;transition:all .2s ease;box-shadow:0 2px 8px #0003;margin-bottom:4px}.media-modal-comment:hover{background:#ffffff59;border-color:#fff6;box-shadow:0 4px 12px #0000004d}.comment-author img,.comment-author .avatar-placeholder-small{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.comment-author .avatar-placeholder-small{background:var(--gradient-3);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--secondary-color);font-size:.85rem}.comment-content{flex:1;display:flex;flex-direction:column;gap:4px}.comment-username{font-weight:700;font-size:.95rem;color:#fff!important;margin-bottom:6px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.comment-text{font-size:.95rem;color:#fff!important;line-height:1.6;word-wrap:break-word;text-shadow:0 1px 2px rgba(0,0,0,.3)}.no-comments{text-align:center;color:#fff!important;font-size:.9rem;padding:20px 0;opacity:.8}.media-modal-comment-input{display:flex;gap:10px;align-items:center;padding:12px 20px 20px;border-top:1px solid rgba(255,255,255,.1);background:#00000080}.media-modal-comment-input input{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:8px 15px;color:#fff;font-size:.9rem;outline:none}.media-modal-comment-input input::placeholder{color:#ffffff80}.media-modal-comment-input input:focus{border-color:#fff6;background:#ffffff26}.media-modal-comment-input button{background:var(--primary-color);border:none;border-radius:20px;padding:8px 20px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.media-modal-comment-input button:hover:not(:disabled){background:#dc2626;transform:scale(1.05)}.media-modal-comment-input button:disabled{opacity:.5;cursor:not-allowed}.media-modal-comment-actions{display:flex;gap:12px;align-items:center;margin-top:4px;margin-bottom:8px;padding:0 14px}.media-modal-comment-like-btn,.media-modal-comment-reply-btn{background:transparent;border:none;color:#ffffffb3;cursor:pointer;font-size:.85rem;font-weight:500;padding:4px 8px;transition:all .2s ease}.media-modal-comment-like-btn:hover,.media-modal-comment-reply-btn:hover{color:#fff}.media-modal-comment-like-btn.liked{color:#ff6b6b}.media-modal-reply-input{display:flex;gap:8px;margin-top:8px;margin-left:14px;padding:8px;background:#ffffff1a;border-radius:8px}.media-modal-reply-input input{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:6px 12px;color:#fff!important;font-size:.85rem}.media-modal-reply-input input::placeholder{color:#ffffff80}.media-modal-reply-input input:focus{outline:none;border-color:#fff6;background:#ffffff26}.media-modal-post-reply-btn{background:var(--primary-color);border:none;border-radius:20px;padding:6px 16px;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease}.media-modal-post-reply-btn:hover:not(:disabled){background:#dc2626;transform:scale(1.05)}.media-modal-post-reply-btn:disabled{opacity:.5;cursor:not-allowed}.media-modal-comment-replies{margin-top:8px;margin-left:14px}@media(max-width:768px){.media-modal-prev{left:10px}.media-modal-next{right:10px}.media-modal-close{top:10px;right:10px}.media-modal-indicator{bottom:20px}.media-modal-info{bottom:0;left:0;right:0;transform:none;max-width:none;max-height:50vh;border-radius:12px 12px 0 0}.media-modal-comments-list{max-height:150px}}.post-content{color:var(--text-primary);font-size:1rem;line-height:1.5;margin:0 0 15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-list-stats{display:flex;gap:20px;align-items:center;color:var(--text-secondary);font-size:.9rem}.post-list-stats span{display:flex;align-items:center;gap:5px}.post-date{margin-left:auto;font-size:.85rem}.empty-posts{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-posts p{font-size:1.1rem}@media(max-width:768px){.profile-header-content{flex-direction:column;align-items:center;text-align:center}.profile-name-section{flex-direction:column;gap:15px}.profile-stats{justify-content:center}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.post-list-item{flex-direction:column}.post-list-media{width:100%;height:200px}}.profile-avatar-skeleton{width:100%;height:100%;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:50%}.profile-username-skeleton{width:200px;height:32px;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px;margin-bottom:12px}.profile-button-skeleton{width:120px;height:36px;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}.stat-item-skeleton{width:80px;height:50px;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}.profile-location-skeleton{width:150px;height:20px;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;margin-top:12px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.feed-page{padding:40px 0;min-height:calc(100vh - 140px);min-height:calc(-webkit-fill-available - 140px);background:var(--dark-bg)}.feed-page.tiktok-mode{padding:0;margin:0;min-height:100vh;min-height:-webkit-fill-available;height:100vh;height:-webkit-fill-available;max-height:100vh;overflow:hidden;background:var(--dark-bg);position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;max-width:100vw}.feed-type-tabs{position:fixed;top:100px;left:50%;transform:translate(-50%);display:flex;gap:0;background:var(--dark-card);padding:4px;border-radius:12px;border:2px solid var(--border-color);z-index:100;box-shadow:0 4px 12px #0000004d}.feed-tab{padding:10px 24px;background:transparent;border:none;color:var(--text-secondary);font-size:16px;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s ease;font-family:inherit;white-space:nowrap}@media(max-width:480px){.feed-type-tabs{top:80px;padding:3px}.feed-tab{padding:8px 16px;font-size:14px}}@media(max-width:360px){.feed-type-tabs{top:70px;padding:2px}.feed-tab{padding:6px 12px;font-size:13px}}.feed-tab:hover{color:var(--text-primary);background:#c6ff001a}.feed-tab.active{background:var(--gradient-3);color:var(--secondary-color);font-weight:700;box-shadow:0 2px 8px #c6ff004d}.feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.feed-header-actions{display:flex;gap:20px;align-items:center}.view-mode-toggle{display:flex;gap:8px;background:var(--dark-card);padding:4px;border-radius:12px;border:1px solid var(--border-color)}.view-mode-toggle button{padding:8px 16px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:8px;font-size:.9rem;font-weight:500;transition:all .3s ease}.view-mode-toggle button.active{background:var(--gradient-3);color:var(--secondary-color)}.view-mode-toggle button:hover:not(.active){color:var(--text-primary)}.feed-container{max-width:700px;margin:0 auto}.feed-section-title{font-size:1.5rem;font-weight:700;margin:40px 0 20px;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-feed{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-feed button{margin-top:20px}.instagram-grid{display:flex;flex-direction:column;gap:24px;max-width:600px;margin:0 auto}.instagram-post{background:var(--dark-card);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;margin-bottom:24px}.instagram-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.instagram-author{display:flex;align-items:center;gap:12px}.instagram-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--gradient-3);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(0,0,0,.2)}.instagram-avatar img{width:100%;height:100%;object-fit:cover}.instagram-author-info{display:flex;flex-direction:column;gap:2px}.instagram-avatar-link{text-decoration:none;display:flex;align-items:center}.instagram-username-link{text-decoration:none;color:inherit;transition:color .3s ease}.instagram-username-link:hover{color:var(--primary-color)}.instagram-username{font-weight:600;color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:color .3s ease}.instagram-username:hover{color:var(--primary-color)}.instagram-time{font-size:.8rem;color:var(--text-secondary)}.instagram-more{background:transparent;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:4px 8px;line-height:1}.instagram-media{width:100%;background:var(--dark-bg);overflow:hidden}.instagram-single-image{width:100%;aspect-ratio:1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--dark-bg)}.instagram-single-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.instagram-double-image{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:100%}.instagram-double-image img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;object-position:center;display:block}.instagram-image-carousel{position:relative;width:100%;background:var(--dark-bg)}.carousel-container{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%;position:relative;touch-action:pan-x pinch-zoom;cursor:grab;-webkit-user-select:none;user-select:none}.carousel-container:active{cursor:grabbing}.carousel-container::-webkit-scrollbar{display:none}.carousel-image-wrapper{flex:0 0 100%;width:100%;min-width:100%;aspect-ratio:1;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--dark-bg);position:relative;touch-action:pan-x}.carousel-image-wrapper img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.carousel-indicators{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:10;padding:4px 8px;background:#0000004d;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.carousel-dot{width:6px;height:6px;border-radius:50%;border:none;background:#fff6;cursor:pointer;padding:0;transition:all .3s ease}.carousel-dot:hover{background:#fff9;transform:scale(1.2)}.carousel-dot.active{background:#ffffffe6;width:20px;border-radius:3px}.more-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.5rem;font-weight:700;z-index:1}.instagram-actions{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.instagram-actions-left{display:flex;gap:16px}.instagram-action-btn{background:transparent;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:4px;transition:transform .2s ease}.instagram-action-btn:hover{transform:scale(1.1)}.instagram-action-btn.liked{animation:heartBeat .3s ease}.instagram-action-btn.bookmarked{color:gold}.instagram-stats{padding:0 16px 12px;display:flex;flex-direction:column;gap:8px}.instagram-likes{font-weight:600;color:var(--text-primary);font-size:.95rem}.instagram-caption{display:flex;gap:8px;flex-wrap:wrap;line-height:1.5;color:var(--text-primary)}.caption-username{font-weight:600;color:var(--text-primary)!important}.caption-text{color:var(--text-primary)!important}.view-comments-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;text-align:left;padding:0;font-size:.9rem}.view-comments-btn:hover{color:var(--text-primary)}.instagram-comments{border:1px solid var(--border-color);padding:12px 16px;max-height:300px;overflow-y:auto;background:var(--dark-card);color:var(--text-primary)}.instagram-comment-item{margin-bottom:16px}.instagram-comment-item.reply{margin-left:32px;margin-top:8px;padding-left:12px;border-left:2px solid var(--border-color)}.instagram-comment{display:flex;gap:8px;line-height:1.5;color:var(--text-primary);margin-bottom:4px}.comment-username{font-weight:600;color:var(--text-primary)!important;font-size:.9rem}.comment-text{color:var(--text-primary)!important;font-size:.9rem}.instagram-comments .comment-input{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.instagram-comments .comment-input input{flex:1;background:transparent;border:none;color:var(--text-primary)!important;font-size:.9rem;padding:8px 0}.instagram-comments .comment-input input::placeholder{color:var(--text-secondary)}.instagram-comments .comment-input input:focus{outline:none}.post-comment-btn{background:transparent;border:none;color:var(--primary-color);cursor:pointer;font-weight:600;font-size:.9rem;padding:8px 0}.post-comment-btn:disabled{opacity:.5;cursor:not-allowed}.comment-actions{display:flex;gap:12px;align-items:center;margin-top:4px;margin-bottom:8px}.comment-like-btn,.comment-reply-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:4px 8px;transition:all .2s ease}.comment-like-btn:hover,.comment-reply-btn:hover{color:var(--text-primary)}.comment-like-btn.liked{color:var(--primary-color)}.reply-input{display:flex;gap:8px;margin-top:8px;margin-left:8px;padding:8px;background:var(--dark-bg);border-radius:8px}.reply-input input{flex:1;background:transparent;border:1px solid var(--border-color);border-radius:20px;padding:6px 12px;color:var(--text-primary)!important;font-size:.85rem}.reply-input input::placeholder{color:var(--text-secondary)}.reply-input input:focus{outline:none;border-color:var(--primary-color)}.post-reply-btn{background:var(--gradient-3);border:none;border-radius:20px;padding:6px 16px;color:var(--secondary-color);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease}.post-reply-btn:hover:not(:disabled){background:#dc2626;transform:scale(1.05)}.post-reply-btn:disabled{opacity:.5;cursor:not-allowed}.comment-replies{margin-top:8px;margin-left:8px}.tiktok-container{width:100%;max-width:100vw;height:100vh;height:-webkit-fill-available;max-height:100vh;padding:0;margin:0;overflow:hidden;background:var(--dark-bg);position:relative}.tiktok-feed{width:100%;height:100vh;height:-webkit-fill-available;max-height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;position:relative;overscroll-behavior:contain}.tiktok-feed::-webkit-scrollbar{display:none}.tiktok-loading,.tiktok-empty-feed{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:-webkit-fill-available;color:var(--text-primary);text-align:center}.tiktok-create-btn{margin-top:20px;padding:12px 24px;background:var(--gradient-3);color:var(--secondary-color);border:none;border-radius:24px;font-weight:600;cursor:pointer;transition:all .3s ease}.tiktok-create-btn:hover{background:#dc2626;transform:scale(1.05)}.tiktok-post-container{position:relative;width:100%;min-height:100vh;height:auto;scroll-snap-align:start;scroll-snap-stop:always;background:var(--dark-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0}.tiktok-video-container,.tiktok-image-container{position:relative;width:100%;min-height:100vh;min-height:-webkit-fill-available;height:auto;scroll-snap-align:start;scroll-snap-stop:always;background:var(--dark-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0}.tiktok-media-wrapper{position:relative;width:100%;max-width:100%;height:100vh;height:-webkit-fill-available;max-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.tiktok-video{width:100%;height:100%;max-width:100%;max-height:100vh;object-fit:contain;object-position:center;background:var(--dark-bg)}.tiktok-image{width:100%;height:100%;max-width:100%;max-height:100vh;object-fit:contain;object-position:center;background:var(--dark-bg);display:block}.tiktok-right-actions{position:absolute;right:12px;bottom:80px;display:flex;flex-direction:column;gap:20px;align-items:center;z-index:10;pointer-events:auto}.tiktok-avatar-link{text-decoration:none;display:block}.tiktok-avatar-large{width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid var(--border-color);background:var(--gradient-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.tiktok-avatar-large:hover{transform:scale(1.1)}.tiktok-avatar-large img{width:100%;height:100%;object-fit:cover}.tiktok-avatar-large .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--secondary-color);font-size:1.2rem}.tiktok-action-btn{background:transparent;border:none;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;transition:transform .2s ease;pointer-events:auto}.tiktok-action-btn:hover{transform:scale(1.1)}.tiktok-action-btn:active{transform:scale(.95)}.tiktok-action-btn.liked .tiktok-icon{animation:heartBeat .3s ease}.tiktok-action-btn.bookmarked .tiktok-icon{color:gold}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.tiktok-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));line-height:1}.tiktok-count{font-size:.7rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 3px rgba(0,0,0,.5);line-height:1}.tiktok-bottom-info{position:absolute;bottom:0;left:0;right:80px;padding:16px 16px 20px;background:linear-gradient(to top,var(--dark-bg) 80%,rgba(0,0,0,.7) 100%);z-index:10;pointer-events:auto;opacity:.95;max-height:40vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.tiktok-bottom-info::-webkit-scrollbar{width:4px}.tiktok-bottom-info::-webkit-scrollbar-track{background:transparent}.tiktok-bottom-info::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.tiktok-author-section{display:flex;flex-direction:column;gap:8px;min-width:0;width:100%}.tiktok-username-link{text-decoration:none;display:inline-block;min-width:0}.tiktok-username{font-size:1rem;font-weight:700;color:var(--text-primary);text-shadow:0 1px 3px rgba(0,0,0,.5);display:block;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.tiktok-description{font-size:.9rem;color:var(--text-primary);text-shadow:0 1px 3px rgba(0,0,0,.5);line-height:1.5;margin:0;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:pre-wrap;max-width:100%;display:block}.tiktok-sound-btn{position:absolute;top:16px;right:16px;background:#0009;border:2px solid rgba(255,255,255,.8);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;pointer-events:auto;opacity:.9;box-shadow:0 2px 8px #0000004d}.tiktok-sound-btn:hover{background:#000c;border-color:#fff;transform:scale(1.1);opacity:1;box-shadow:0 4px 12px #00000080}.tiktok-sound-icon{font-size:1.4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));line-height:1;display:block}.tiktok-author-info{color:#fff;display:flex;flex-direction:column;gap:8px}.tiktok-username-link{text-decoration:none;color:inherit;transition:opacity .3s ease}.tiktok-username-link:hover{opacity:.8}.tiktok-username{font-weight:700;font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,.5);cursor:pointer;transition:opacity .3s ease}.tiktok-username:hover{opacity:.8}.tiktok-description{font-size:.9rem;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.5);margin:0;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;display:block}.tiktok-comments-panel{position:absolute;bottom:0;left:0;right:0;height:60%;background:var(--dark-card);border-top-left-radius:20px;border-top-right-radius:20px;display:flex;flex-direction:column;pointer-events:auto;z-index:10;animation:slideUp .3s ease;color:var(--text-primary)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tiktok-comments-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);font-weight:600;font-size:1.1rem;color:var(--text-primary);background:var(--dark-card);border-top-left-radius:20px;border-top-right-radius:20px}.tiktok-comments-header button{background:transparent;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:4px 8px}.tiktok-comments-list{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px;color:var(--text-primary)}.tiktok-comment-item{margin-bottom:16px}.tiktok-comment-item.reply{margin-left:32px;margin-top:8px;padding-left:12px;border-left:2px solid var(--border-color)}.tiktok-comment{display:flex;gap:12px;align-items:start;margin-bottom:4px}.tiktok-comment-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--gradient-3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tiktok-comment-avatar img{width:100%;height:100%;object-fit:cover}.tiktok-comment-content{flex:1;display:flex;flex-direction:column;gap:4px}.tiktok-comment-username{font-weight:600;color:var(--text-primary)!important;font-size:.9rem}.tiktok-comment-text{color:var(--text-primary)!important;font-size:.9rem;line-height:1.4}.tiktok-comment-input{padding:16px 20px;border-top:1px solid var(--border-color);display:flex;gap:12px;align-items:center;background:var(--dark-card)}.tiktok-comment-input input{flex:1;padding:12px 16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:24px;color:var(--text-primary)!important;font-family:inherit;font-size:.9rem}.tiktok-comment-input input::placeholder{color:var(--text-secondary)}.tiktok-comment-input input:focus{outline:none;border-color:var(--primary-color)}.tiktok-comment-actions{display:flex;gap:12px;align-items:center;margin-top:4px;margin-bottom:8px}.tiktok-comment-like-btn,.tiktok-comment-reply-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:4px 8px;transition:all .2s ease}.tiktok-comment-like-btn:hover,.tiktok-comment-reply-btn:hover{color:var(--text-primary)}.tiktok-comment-like-btn.liked{color:var(--primary-color)}.tiktok-reply-input{display:flex;gap:8px;margin-top:8px;margin-left:8px;padding:8px;background:var(--dark-bg);border-radius:8px}.tiktok-reply-input input{flex:1;background:transparent;border:1px solid var(--border-color);border-radius:20px;padding:6px 12px;color:var(--text-primary)!important;font-size:.85rem}.tiktok-reply-input input::placeholder{color:var(--text-secondary)}.tiktok-reply-input input:focus{outline:none;border-color:var(--primary-color)}.tiktok-post-reply-btn{background:var(--primary-color);border:none;border-radius:20px;padding:6px 16px;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease}.tiktok-post-reply-btn:hover:not(:disabled){background:#dc2626;transform:scale(1.05)}.tiktok-post-reply-btn:disabled{opacity:.5;cursor:not-allowed}.tiktok-comment-replies{margin-top:8px;margin-left:8px}.tiktok-post-comment-btn{background:var(--primary-color);border:none;border-radius:20px;padding:8px 20px;color:var(--text-primary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;margin-top:8px}.tiktok-post-comment-btn:hover:not(:disabled){background:#dc2626;transform:scale(1.05)}.tiktok-post-comment-btn:disabled{opacity:.5;cursor:not-allowed}.tiktok-preview-section{margin-top:40px}.tiktok-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;max-width:100%}.tiktok-preview-card{position:relative;aspect-ratio:9/16;border-radius:12px;overflow:hidden;cursor:pointer;background:var(--dark-bg);transition:transform .3s ease}.tiktok-preview-card:hover{transform:scale(1.02)}.tiktok-preview-card video{width:100%;height:100%;object-fit:cover}.tiktok-preview-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:12px;display:flex;align-items:center;gap:8px}.tiktok-preview-likes{color:var(--text-primary);font-weight:600;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media(max-width:768px){.feed-header{flex-direction:column;align-items:stretch}.feed-header-actions{flex-direction:column;width:100%}.view-mode-toggle{width:100%;justify-content:stretch}.view-mode-toggle button{flex:1}.instagram-grid{gap:16px}.instagram-post{border-radius:0;margin-bottom:0;border-left:none;border-right:none}.tiktok-preview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.tiktok-right-actions{right:8px;bottom:60px;gap:16px}.tiktok-avatar-large{width:44px;height:44px}.tiktok-icon{font-size:1.8rem}.tiktok-bottom-info{right:60px;padding:12px 12px 16px;max-height:45vh}.tiktok-username{font-size:.95rem;word-wrap:break-word;overflow-wrap:break-word}.tiktok-description{font-size:.85rem;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.tiktok-sound-btn{width:36px;height:36px;top:12px;right:12px}}.tiktok-floating-create-btn{position:fixed;bottom:calc(20px + var(--safe-area-inset-bottom));right:calc(20px + var(--safe-area-inset-right));width:56px;height:56px;border-radius:50%;background:var(--gradient-3);color:var(--secondary-color);border:none;font-size:2rem;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;z-index:10001!important;transition:all .3s ease;line-height:1}.tiktok-floating-create-btn:hover{background:var(--gradient-3);opacity:.9;transform:scale(1.1);box-shadow:0 6px 16px #c6ff0066}.tiktok-floating-create-btn:active{transform:scale(.95)}.tiktok-create-icon{display:block;line-height:1;font-weight:300}@media(max-width:768px){.tiktok-floating-create-btn{bottom:calc(20px + var(--safe-area-inset-bottom));right:calc(20px + var(--safe-area-inset-right));width:52px;height:52px;font-size:1.8rem}.tiktok-floating-create-btn:hover{transform:scale(1.1)}.tiktok-floating-create-btn:active{transform:scale(.95)}}@media(max-width:1024px){.tiktok-media-wrapper{height:100vh;height:-webkit-fill-available;max-height:100vh}.tiktok-video,.tiktok-image{max-height:100vh;object-fit:contain}}@media(max-width:480px){.tiktok-preview-grid{grid-template-columns:repeat(2,1fr)}.tiktok-post-container,.tiktok-video-container,.tiktok-image-container{min-height:100vh;min-height:-webkit-fill-available;height:100vh;height:-webkit-fill-available}.tiktok-media-wrapper{height:100vh;height:-webkit-fill-available;max-height:100vh}.tiktok-video,.tiktok-image{width:100%;height:100%;max-height:100vh;object-fit:contain}.tiktok-right-actions{right:6px;bottom:50px;gap:14px}.tiktok-avatar-large{width:40px;height:40px}.tiktok-icon{font-size:1.6rem}.tiktok-count{font-size:.65rem}.tiktok-bottom-info{right:50px;padding:10px 10px 14px;max-height:50vh;min-height:auto}.tiktok-username{font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;line-height:1.4}.tiktok-description{font-size:.8rem;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;max-width:100%}.tiktok-sound-btn{width:32px;height:32px;top:10px;right:10px}.tiktok-sound-icon{font-size:1rem}.tiktok-floating-create-btn{top:50%;right:16px;transform:translateY(-50%);width:48px;height:48px;font-size:1.6rem}.tiktok-floating-create-btn:hover{transform:translateY(-50%) scale(1.1)}.tiktok-floating-create-btn:active{transform:translateY(-50%) scale(.95)}}@media(max-width:360px){.tiktok-bottom-info{right:45px;padding:8px 8px 12px;max-height:55vh}.tiktok-username{font-size:.85rem}.tiktok-description{font-size:.75rem;line-height:1.4}.tiktok-right-actions{right:4px;bottom:45px;gap:12px}.tiktok-avatar-large{width:36px;height:36px}.tiktok-icon{font-size:1.4rem}.tiktok-count{font-size:.6rem}}@media(max-width:768px)and (orientation:landscape){.tiktok-bottom-info{max-height:60vh;padding-bottom:16px}.tiktok-media-wrapper{height:100vh;height:-webkit-fill-available}.tiktok-video,.tiktok-image{max-height:100vh}}@media(min-width:1025px){.tiktok-media-wrapper{max-width:500px;margin:0 auto}.tiktok-video,.tiktok-image{max-width:500px;object-fit:contain}}@media(min-width:1440px){.tiktok-media-wrapper,.tiktok-video,.tiktok-image{max-width:600px}}.create-post-page{padding:40px 0;min-height:calc(100vh - 140px)}.create-post-card{background:var(--dark-card);border-radius:20px;padding:40px;max-width:700px;margin:0 auto;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(220,38,38,.2)}.page-title{font-size:2.5rem;font-weight:800;margin-bottom:10px;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{color:var(--text-secondary);margin-bottom:30px}.post-form{margin-top:30px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:16px;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dc26261a}.post-textarea{resize:vertical;min-height:150px}.media-upload-section{margin-top:12px;margin-bottom:20px}.upload-button{display:inline-block;padding:12px 24px;background:var(--gradient-3);color:#fff;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;text-align:center;margin-bottom:8px}.upload-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #dc262666}.media-upload-section small{display:block;margin-top:8px;color:var(--text-secondary);font-size:.85rem}.media-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px;margin-bottom:20px}.media-preview-item{position:relative;border-radius:12px;overflow:hidden;background:var(--dark-bg);border:1px solid var(--border-color);aspect-ratio:1}.media-preview-item img{width:100%;height:100%;object-fit:cover}.media-preview-item video{width:100%;height:100%;object-fit:cover}.remove-media-btn{position:absolute;top:8px;right:8px;background:#ff4d4de6;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2}.remove-media-btn:hover{background:#ff4d4d;transform:scale(1.1)}.media-type-badge{position:absolute;bottom:8px;left:8px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:6px;font-size:.85rem;font-weight:600}.media-url-section{margin-top:24px;padding-top:24px;border:1px solid var(--border-color)}.media-url-section label{display:block;margin-bottom:12px;color:var(--text-secondary);font-size:.9rem}.media-input{display:flex;gap:12px;margin-bottom:12px}.media-input input{flex:1}.media-input button{padding:12px 24px;white-space:nowrap}.media-url-preview{display:flex;flex-direction:column;gap:8px;margin-top:12px}.media-url-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--dark-bg);border-radius:8px;border:1px solid var(--border-color)}.media-url-item span{flex:1;color:var(--text-primary);font-size:.9rem;word-break:break-all;margin-right:12px}.remove-url-btn{background:transparent;border:none;color:var(--secondary-color);cursor:pointer;font-size:20px;font-weight:700;padding:4px 8px;transition:all .3s ease;flex-shrink:0}.remove-url-btn:hover{color:#ff006e;transform:scale(1.2)}.checkbox-group label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.form-actions{display:flex;gap:20px;justify-content:flex-end;margin-top:30px}.form-actions button{min-width:150px}@media(max-width:768px){.create-post-card{padding:30px 20px}.page-title{font-size:2rem}.media-input{flex-direction:column}.media-input button{width:100%}.form-actions{flex-direction:column}.form-actions button{width:100%}}.manage-feed-page{min-height:100vh;padding:20px 0;background:var(--dark-bg);color:var(--text-color, #ffffff)}.manage-feed-header{text-align:center;margin-bottom:40px}.manage-feed-header h1{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.manage-feed-header p{color:var(--text-secondary, #888);font-size:1.1rem}.feed-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid var(--border-color, #333);justify-content:center}.tab-button{background:transparent;border:none;padding:12px 24px;font-size:16px;font-weight:600;color:var(--text-secondary, #888);cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease;margin-bottom:-2px}.tab-button:hover{color:var(--text-primary, #ffffff)}.tab-button.active{color:var(--primary-color, #667eea);border-bottom-color:var(--primary-color, #667eea)}.bookmark-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#667eea33;color:var(--primary-color, #667eea);border-radius:8px;font-size:14px;font-weight:600}.empty-state{text-align:center;padding:60px 20px;background:var(--dark-card, #1a1a2e);border-radius:12px;margin-top:40px}.empty-state p{font-size:1.2rem;color:var(--text-secondary, #888);margin-bottom:20px}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.post-card{background:var(--dark-card, #1a1a2e);border-radius:12px;overflow:hidden;border:1px solid var(--border-color, #333);transition:transform .3s ease,box-shadow .3s ease}.post-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.post-media{width:100%;background:var(--dark-bg, #0f0f1e);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;max-height:400px;overflow:hidden}.media-item{width:100%;display:flex;align-items:center;justify-content:center}.media-item img,.media-item video{max-width:100%;max-height:400px;object-fit:contain}.no-media{padding:40px;color:var(--text-secondary, #888);text-align:center}.post-content{padding:15px}.post-content p{margin-bottom:10px;line-height:1.6;word-wrap:break-word}.post-meta{display:flex;gap:15px;flex-wrap:wrap;font-size:.9rem;color:var(--text-secondary, #888);margin-top:10px}.post-actions{display:flex;gap:10px;padding:15px;border-top:1px solid var(--border-color, #333)}.edit-btn,.delete-btn{flex:1;padding:10px 15px;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease}.edit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.delete-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.delete-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #f5576c66}.delete-btn:disabled{opacity:.6;cursor:not-allowed}.unbookmark-btn{flex:1;padding:10px 15px;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e}.unbookmark-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #ffd70066}.unbookmark-btn:disabled{opacity:.6;cursor:not-allowed}.edit-form{padding:15px}.media-preview-container{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.media-preview-item{position:relative;max-width:150px;max-height:150px}.media-preview-item img,.media-preview-item video{width:100%;height:100%;object-fit:cover;border-radius:8px}.remove-media-btn{position:absolute;top:-5px;right:-5px;background:#f5576c;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;line-height:1}.edit-actions{display:flex;gap:10px;margin-top:15px}.edit-actions button{flex:1}@media(max-width:768px){.posts-grid{grid-template-columns:1fr}.manage-feed-header h1{font-size:2rem}}.wallet-page{padding:40px 0;min-height:calc(100vh - 140px)}.wallet-balance-card{background:var(--gradient-3);border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 8px 32px #dc26264d}.balance-header{text-align:center}.balance-header h2{color:var(--secondary-color);font-size:1.5rem;margin-bottom:16px;opacity:.9}.balance-amount{font-size:4rem;font-weight:900;color:var(--secondary-color);text-shadow:0 4px 20px rgba(0,0,0,.3)}.wallet-content{display:grid;grid-template-columns:1fr 350px;gap:24px}.wallet-main{display:flex;flex-direction:column;gap:24px}.deposit-section,.transactions-section{padding:24px}.deposit-section h2,.transactions-section h2{color:var(--primary-color);margin-bottom:20px;font-size:1.5rem}.deposit-form{display:flex;flex-direction:column;gap:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-primary);font-weight:500}.form-group input{width:100%;padding:12px 16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:16px;font-family:inherit}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dc26261a}.deposit-form button{width:100%}.payment-gateway-selection{padding:0}.payment-gateway-selection h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:16px}.gateway-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.gateway-options label{display:flex;align-items:center;padding:16px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease;background:transparent}.gateway-options label:hover{border-color:var(--primary-color);background:#dc26260d}.gateway-options input[type=radio]{margin-right:12px;width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.wallet-back-button{background:var(--dark-card);border:2px solid var(--border-color);color:var(--text-primary);padding:12px 30px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;width:100%}.wallet-back-button:hover{background:var(--dark-bg);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #c6ff0033}@media(max-width:768px){.gateway-options{gap:10px}.gateway-options label{padding:12px;flex-direction:column;align-items:flex-start}.gateway-options input[type=radio]{margin-bottom:8px}}.transactions-list{display:flex;flex-direction:column;gap:16px}.transaction-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--dark-bg);border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.transaction-item:hover{border-color:var(--primary-color);transform:translate(5px)}.transaction-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--dark-card);border-radius:12px;flex-shrink:0}.transaction-details{flex:1}.transaction-type{font-weight:600;color:var(--text-primary);margin-bottom:4px;font-size:.9rem;text-transform:capitalize}.transaction-description{color:var(--text-secondary);font-size:.85rem;margin-bottom:4px}.transaction-date{color:var(--text-secondary);font-size:.75rem}.transaction-amount{font-size:1.2rem;font-weight:700;text-align:right;min-width:100px}.transaction-status{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;min-width:80px;text-align:center}.status-completed{background:#43e97b33;color:#43e97b}.status-pending{background:#8338ec33;color:#8338ec}.status-failed{background:#ff006e33;color:#ff006e}.status-cancelled{background:#00000026;color:var(--text-secondary)}.wallet-sidebar{display:flex;flex-direction:column;gap:24px}.quick-info{padding:24px}.quick-info h3{color:var(--primary-color);margin-bottom:16px;font-size:1.2rem}.info-list{display:flex;flex-direction:column;gap:16px}.info-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border:1px solid var(--border-color)}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-label{color:var(--text-secondary);font-size:.9rem}.info-value{color:var(--text-primary);font-weight:600}@media(max-width:1024px){.wallet-content{grid-template-columns:1fr}}@media(max-width:768px){.balance-amount{font-size:3rem}.transaction-item{flex-wrap:wrap}.transaction-amount{width:100%;text-align:left;margin-top:8px}.transaction-status{margin-top:8px}}.referral-dashboard{padding:2rem;max-width:1200px;margin:0 auto}.referral-header{margin-bottom:2rem}.referral-header h2{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary, #1a1a1a)}.referral-description{color:var(--text-secondary, #666);font-size:1.1rem}.referral-code-section{background:var(--card-bg, #ffffff);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.referral-code-section h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary, #1a1a1a)}.referral-code-display,.referral-link-display{margin-bottom:2rem}.code-box,.link-box{display:flex;align-items:center;gap:1rem;background:var(--bg-secondary, #f5f5f5);border-radius:8px;padding:1rem;border:2px solid var(--border-color, #e0e0e0)}.code-text,.link-text{flex:1;font-family:Courier New,monospace;font-size:1.1rem;color:var(--text-primary, #1a1a1a);word-break:break-all}.copy-btn{padding:.5rem 1rem;background:var(--primary-color, #667eea);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;white-space:nowrap}.copy-btn:hover{background:var(--primary-hover, #5568d3);transform:translateY(-2px)}.referral-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.info-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:8px}.info-card h4{margin-bottom:.5rem;font-size:1.2rem}.info-card p{margin:.5rem 0;font-size:.95rem;opacity:.95}.info-note{font-size:.85rem;opacity:.8;font-style:italic}.referral-statistics{background:var(--card-bg, #ffffff);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.referral-statistics h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary, #1a1a1a)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{background:var(--bg-secondary, #f5f5f5);padding:1.5rem;border-radius:8px;text-align:center;border:2px solid var(--border-color, #e0e0e0);transition:all .2s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.stat-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary, #1a1a1a)}.stat-card.highlight .stat-value{color:#fff}.stat-label{font-size:.9rem;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.stat-card.highlight .stat-label{color:#ffffffe6}.commission-history{background:var(--card-bg, #ffffff);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.commission-history h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary, #1a1a1a)}.commissions-list{display:flex;flex-direction:column;gap:1rem}.commission-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-secondary, #f5f5f5);border-radius:8px;border:1px solid var(--border-color, #e0e0e0);transition:all .2s}.commission-item:hover{transform:translate(4px);box-shadow:0 2px 8px #0000001a}.commission-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;flex-shrink:0}.commission-details{flex:1}.commission-type{font-weight:600;font-size:1.1rem;color:var(--text-primary, #1a1a1a);margin-bottom:.25rem}.commission-source{color:var(--text-secondary, #666);font-size:.95rem;margin-bottom:.25rem}.commission-date{color:var(--text-secondary, #666);font-size:.85rem}.commission-amount{text-align:right}.amount-value{font-size:1.5rem;font-weight:700;color:var(--success-color, #10b981);margin-bottom:.25rem}.amount-status{font-size:.85rem;padding:.25rem .75rem;border-radius:12px;text-transform:capitalize;display:inline-block}.amount-status.paid{background:#d1fae5;color:#065f46}.amount-status.pending{background:#fef3c7;color:#92400e}.amount-status.cancelled{background:#fee2e2;color:#991b1b}.loading-state,.empty-state{text-align:center;padding:3rem;color:var(--text-secondary, #666)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.page-btn{padding:.5rem 1rem;background:var(--primary-color, #667eea);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.page-btn:hover:not(:disabled){background:var(--primary-hover, #5568d3);transform:translateY(-2px)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{color:var(--text-secondary, #666);font-weight:600}[data-theme=dark] .referral-code-section,[data-theme=dark] .referral-statistics,[data-theme=dark] .commission-history{background:var(--dark-card, #152238);color:var(--text-primary, #F5F7FA)}[data-theme=dark] .code-box,[data-theme=dark] .link-box,[data-theme=dark] .stat-card{background:var(--bg-secondary, #0f172a);border-color:var(--border-color, rgba(198, 255, 0, .2))}[data-theme=dark] .code-text,[data-theme=dark] .link-text{color:var(--text-primary, #F5F7FA)}[data-theme=dark] .commission-item{background:var(--bg-secondary, #0f172a);border-color:var(--border-color, rgba(198, 255, 0, .2))}[data-theme=dark] .commission-type{color:var(--text-primary, #F5F7FA)}@media(max-width:768px){.referral-dashboard{padding:1rem}.referral-code-section,.referral-statistics,.commission-history{padding:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.referral-info{grid-template-columns:1fr}.commission-item{flex-direction:column;align-items:flex-start}.commission-amount{text-align:left;width:100%}}.referrals-page{min-height:calc(100vh - 200px);padding:2rem 0}.notifications-page{padding:40px 0;min-height:calc(100vh - 140px)}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-title{font-size:2.5rem;font-weight:800;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.notification-filters{display:flex;gap:12px;margin-bottom:30px}.filter-btn{background:var(--dark-card);border:1px solid var(--border-color);color:var(--text-secondary);padding:10px 20px;border-radius:8px;cursor:pointer;font-family:inherit;font-weight:600;transition:all .3s ease}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-btn.active{background:var(--gradient-3);border-color:transparent;color:var(--secondary-color)}.notifications-list{display:flex;flex-direction:column;gap:16px}.notification-item{display:flex;gap:20px;padding:24px;transition:all .3s ease}.notification-item.unread{border-left:4px solid var(--primary-color);background:#dc26260d}.notification-icon-large{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--dark-bg);border-radius:12px;flex-shrink:0}.notification-content{flex:1}.notification-title-row{display:flex;justify-content:space-between;align-items:start;margin-bottom:8px}.notification-title-row h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.unread-badge{background:var(--secondary-color);color:#fff;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.notification-message{color:var(--text-secondary);margin-bottom:12px;line-height:1.6}.notification-footer{display:flex;justify-content:space-between;align-items:center}.notification-time{color:var(--text-secondary);font-size:.85rem}.mark-read-btn{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;font-family:inherit;transition:all .3s ease}.mark-read-btn:hover{background:var(--primary-color);color:var(--dark-bg)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}@media(max-width:768px){.notifications-header{flex-direction:column;gap:20px;align-items:stretch}.notifications-header button{width:100%}.notification-item{flex-direction:column;gap:12px}.notification-footer{flex-direction:column;gap:8px;align-items:start}}.invitation-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.invitation-actions .accept-btn,.invitation-actions .reject-btn,.invitation-actions .view-btn{padding:8px 16px;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.invitation-actions .accept-btn{background:#43e97b33;color:#43e97b;border:1px solid #43e97b}.invitation-actions .accept-btn:hover:not(:disabled){background:#43e97b4d}.invitation-actions .reject-btn{background:#ff006e33;color:#ff006e;border:1px solid #ff006e}.invitation-actions .reject-btn:hover:not(:disabled){background:#ff006e4d}.invitation-actions .view-btn{background:#00000026;color:var(--text-primary);border:1px solid rgba(0,0,0,.2)}.invitation-actions .view-btn:hover{background:#0003}.invitation-actions button:disabled{opacity:.6;cursor:not-allowed}.participant-avatar-small{position:relative;width:36px;height:36px;min-width:36px;flex-shrink:0;border-radius:50%;overflow:hidden;border:2px solid var(--border-color);transition:all .3s ease;background:var(--dark-bg)}.participant-avatar-small:hover{border-color:var(--primary-color);transform:scale(1.1)}.participant-avatar-small img{width:100%;height:100%;object-fit:cover;display:block}.participant-avatar-small img[src=""],.participant-avatar-small img:not([src]){display:none}.avatar-placeholder-small{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-3);color:#fff;font-weight:600;font-size:14px;position:absolute;top:0;left:0;border-radius:50%}.online-indicator-small{position:absolute;bottom:0;right:0;width:10px;height:10px;background:#43e97b;border:2px solid var(--dark-card);border-radius:50%}.my-activity-page{min-height:calc(100vh - 200px);padding:40px 0;background:var(--dark-bg)}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-title{font-size:2.5rem;font-weight:700;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.section-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.activity-tabs{display:flex;gap:12px;margin-bottom:30px;flex-wrap:wrap;background:var(--dark-card);padding:4px;border-radius:12px;border:2px solid var(--border-color);width:fit-content}.activity-tab{padding:10px 24px;background:transparent;border:none;color:var(--text-secondary);font-size:16px;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s ease;font-family:inherit}.activity-tab:hover:not(.active){color:var(--text-primary);background:#c6ff001a}.activity-tab.active{background:var(--gradient-3);color:var(--secondary-color);font-weight:700;box-shadow:0 2px 8px #c6ff004d}.filter-tabs{display:flex;gap:12px;margin-bottom:30px;flex-wrap:wrap}.filter-tab{padding:10px 20px;border:2px solid var(--border-color);background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.filter-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-tab.active{border-color:var(--primary-color);background:#dc26261a;color:var(--primary-color)}.no-bookings,.no-lobbies{text-align:center;padding:80px 20px;background:var(--dark-card);border-radius:16px;border:2px solid var(--border-color)}.no-bookings-icon,.no-lobbies-icon{font-size:4rem;margin-bottom:20px}.no-bookings h2,.no-bookings h3,.no-lobbies h2{color:var(--text-primary);margin-bottom:12px}.no-bookings p,.no-lobbies p{color:var(--text-secondary);margin-bottom:30px;font-size:16px}.bookings-grid,.lobbies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.booking-card,.lobby-card{background:var(--dark-card);border:2px solid var(--border-color);border-radius:16px;padding:24px;transition:all .3s ease}.booking-card:hover,.lobby-card:hover{border-color:var(--primary-color);box-shadow:0 8px 32px #dc262633}.booking-card-header,.lobby-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px}.lobby-card-header{border-bottom:1px solid var(--border-color)}.booking-distance{color:var(--primary-color);font-size:.9rem;font-weight:600;margin:4px 0 8px;display:block}.venue-name{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.venue-location{font-size:14px;color:var(--text-secondary);margin:0}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.status-badge.status-pending{background:#ffc10733;color:#ffc107;border:1px solid #ffc107}.status-badge.status-paid{background:#43e97b33;color:#43e97b;border:1px solid #43e97b}.status-badge.status-refunded{background:#dc262633;color:#dc2626;border:1px solid #dc2626}.status-badge.status-cancelled{background:#ff6b6b33;color:#ff6b6b;border:1px solid #ff6b6b}.master-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;background:#ffd70033;color:gold;border:1px solid #ffd700;white-space:nowrap}.match-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;background:#0f83;color:#0f8;border:1px solid #00ff88;white-space:nowrap;margin-left:8px}.booking-details,.lobby-details{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.detail-label{font-size:14px;color:var(--text-secondary);font-weight:500}.detail-value{font-size:14px;color:var(--text-primary);font-weight:600;text-align:right}.detail-value.price{color:var(--primary-color);font-size:16px}.detail-value.code{font-family:Courier New,monospace;background:#dc26261a;padding:4px 8px;border-radius:4px;color:var(--primary-color)}.checkin-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.checkin-badge.checkin-pending{background:#ffc10733;color:#ffc107}.checkin-badge.checkin-done{background:#43e97b33;color:#43e97b}.checkin-badge.checkin-completed{background:#dc262633;color:#dc2626}.checkin-badge.checkin-cancelled{background:#ff6b6b33;color:#ff6b6b}.lobby-name{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:10px;background:#dc26261a;border-radius:8px;border-left:3px solid var(--primary-color)}.lobby-name-label{font-size:14px;color:var(--text-secondary);font-weight:500}.lobby-name-value{font-size:14px;color:var(--text-primary);font-weight:600}.lobby-participants{margin-bottom:20px;padding-top:16px;border-top:1px solid var(--border-color)}.participants-label{font-size:14px;color:var(--text-secondary);font-weight:500;margin-bottom:12px}.participants-list{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap;width:100%;justify-content:flex-start}.booking-actions,.lobby-actions{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.booking-actions .neon-button.small,.booking-actions .delete-button.small,.lobby-actions .neon-button.small{flex:1;padding:10px 16px;font-size:14px}.pending-invitations-section{margin-bottom:40px}.invitations-title{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:20px;display:flex;align-items:center;gap:10px}.invitations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:30px}.invitation-card{background:var(--card-bg);border:2px solid rgba(0,255,136,.3);border-radius:16px;padding:20px;transition:all .3s ease}.invitation-card:hover{border-color:#0f8;box-shadow:0 4px 16px #0f83;transform:translateY(-2px)}.invitation-header{margin-bottom:16px}.inviter-info{display:flex;align-items:center;gap:12px}.inviter-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.inviter-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:var(--accent-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;border:2px solid var(--border-color)}.inviter-name{font-weight:600;color:var(--text-color);font-size:16px;margin-bottom:4px}.invitation-date{font-size:12px;color:var(--text-secondary)}.invitation-details{margin-bottom:16px;padding:12px;background:var(--dark-bg);border-radius:8px}.invitation-details .detail-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.invitation-details .detail-item:last-child{margin-bottom:0}.invitation-details .detail-label{color:var(--text-secondary);font-weight:500}.invitation-details .detail-value{color:var(--text-color);font-weight:600;text-align:right}.invitation-actions{display:flex;gap:12px}.accept-btn,.reject-btn{flex:1;padding:12px 20px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.accept-btn{background:#0f8;color:#001a33}.accept-btn:hover:not(:disabled){background:#00e67a;transform:translateY(-2px);box-shadow:0 4px 12px #00ff884d}.reject-btn{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.reject-btn:hover:not(:disabled){background:#ef444433;border-color:#ef4444;transform:translateY(-2px)}.accept-btn:disabled,.reject-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.bookings-grid,.lobbies-grid,.invitations-grid{grid-template-columns:1fr}.invitation-card{padding:16px}.invitation-actions{flex-direction:column}.accept-btn,.reject-btn{width:100%}.booking-card-header,.lobby-card-header{flex-direction:column;gap:12px}.booking-actions,.lobby-actions{flex-direction:column}.activity-tabs{width:100%}.activity-tab{flex:1;text-align:center}}.match-countdown{padding:12px;background:var(--dark-bg);border-radius:8px;border:2px solid var(--border-color);margin-bottom:15px}.match-countdown.expired{color:var(--primary-color);font-weight:600}.countdown-label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:8px}.countdown-time{display:flex;gap:8px;align-items:center}.countdown-unit{display:flex;flex-direction:column;align-items:center;gap:2px}.countdown-value{font-size:20px;font-weight:700;color:var(--primary-color)}.countdown-label-small{font-size:10px;color:var(--text-secondary)}.lobby-page{min-height:100vh;padding:80px 20px 40px;background:var(--bg-color)}.lobby-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.lobby-header{display:flex;align-items:center;gap:20px;padding:24px 32px;background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 4px 16px #0000001a;flex-wrap:wrap}.back-btn{padding:10px 20px;background:transparent;border:1px solid var(--border-color);color:var(--text-color);border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px}.back-btn:hover{border-color:#0f8;color:#0f8;transform:translate(-4px);box-shadow:0 2px 8px #0f83}.lobby-title{flex:1;min-width:0}.lobby-title h1{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--text-color);line-height:1.3}.lobby-subtitle{margin:0;color:var(--text-secondary);font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lobby-subtitle span{display:flex;align-items:center;gap:4px}.invite-btn{padding:12px 24px;background:#0f8;color:#001a33;border:none;border-radius:10px;cursor:pointer;font-weight:700;font-size:14px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.invite-btn:hover{background:#00e67a;transform:translateY(-2px);box-shadow:0 4px 12px #00ff884d}.edit-participants-btn,.reserve-btn{padding:8px 16px;font-size:13px}.master-role-sections-row{display:flex;gap:20px;margin-bottom:24px;flex-wrap:wrap;width:100%}.lobby-content{display:grid;grid-template-columns:380px 1fr;gap:24px;align-items:start}.left-column{display:flex;flex-direction:column;gap:24px}.participants-panel{background:var(--card-bg);border-radius:16px;padding:24px;border:1px solid var(--border-color);box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;flex:1;min-height:0}.chat-panel{background:var(--card-bg);border-radius:16px;padding:24px;border:1px solid var(--border-color);box-shadow:0 4px 16px #0000001a;height:calc(100vh - 180px);display:flex;flex-direction:column;overflow:hidden}.participants-panel h2,.chat-panel h2{margin:0 0 20px;font-size:20px;font-weight:700;color:var(--text-color);border-bottom:2px solid #00ff88;padding-bottom:12px;display:flex;align-items:center;gap:10px}.participants-list{flex:1;overflow-y:auto;margin-bottom:20px;padding-right:8px;min-height:0}.participants-list::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:6px}.participants-list::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track{background:var(--dark-bg);border-radius:10px}.participants-list::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.participants-list::-webkit-scrollbar-thumb:hover,.chat-messages::-webkit-scrollbar-thumb:hover{background:#0f8}.participant-item{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:12px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease;width:100%;box-sizing:border-box;min-width:0;overflow:visible}.participant-item>*{flex-shrink:0}.participant-item .participant-info{flex-shrink:1;min-width:0}.participant-item:hover{background:var(--hover-bg);border-color:#0f8;box-shadow:0 2px 8px #0f83}.participant-item .clickable{transition:opacity .2s ease}.participant-item .clickable:hover{opacity:.8}.participant-avatar{position:relative;width:48px;height:48px;flex-shrink:0}.participant-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.avatar-placeholder{width:100%;height:100%;border-radius:50%;background:var(--accent-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;border:2px solid var(--border-color)}.avatar-placeholder.small{width:36px;height:36px;font-size:14px}.avatar-placeholder.empty{background:var(--dark-card);border:2px dashed var(--border-color);opacity:.5}.avatar-placeholder.empty span{font-size:24px;opacity:.6}.participant-placeholder{opacity:.6}.participant-placeholder:hover{background:var(--dark-card);border-color:var(--border-color);box-shadow:none}.participant-placeholder .participant-avatar,.participant-placeholder .participant-info{pointer-events:none}.participant-placeholder .participant-actions{pointer-events:auto}.online-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:#4ade80;border:3px solid var(--card-bg);border-radius:50%;box-shadow:0 2px 4px #0003}.participant-info{flex:1 1 auto;min-width:120px;display:flex;align-items:center;overflow:visible;max-width:none}.participant-name-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0;overflow:visible}.participant-name-row .user-name-with-badge{display:inline-flex;align-items:center;min-width:60px;flex:1 1 auto;max-width:100%;overflow:visible;gap:4px;white-space:nowrap}.participant-name-row .user-name-with-badge .user-name-text{display:inline-block;vertical-align:middle;color:var(--text-color);white-space:nowrap;max-width:none;overflow:hidden;text-overflow:ellipsis;font-weight:600;line-height:1.4;flex:1 1 auto;min-width:0}.participant-name-row .verification-badge{flex-shrink:0}.participant-name{font-weight:600;color:var(--text-color);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-basis:auto;min-width:fit-content}.participant-location{font-size:12px;color:var(--text-secondary)}.participant-location-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.distance-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#00ff8826;border:1px solid rgba(0,255,136,.3);border-radius:12px;font-size:11px;font-weight:600;color:#0f8;white-space:nowrap}.master-badge,.pending-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;margin-top:6px;text-transform:uppercase;letter-spacing:.5px}.master-badge{background:#0f8;color:#001a33;font-weight:800}.master-section{flex:1;min-width:250px;padding:20px;background:linear-gradient(135deg,#00ff881a,#00ff880d);border:2px solid rgba(0,255,136,.3);border-radius:16px;box-shadow:0 4px 12px #00ff881a}.role-section{flex:1;min-width:250px;padding:20px;background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border:2px solid rgba(255,193,7,.3);border-radius:16px;box-shadow:0 4px 12px #ffc1071a}.role-section:last-of-type{background:linear-gradient(135deg,#8a2be21a,#8a2be20d);border:2px solid rgba(138,43,226,.3);box-shadow:0 4px 12px #8a2be21a}.role-cards-container{display:flex;flex-direction:column;gap:12px}.role-card-empty{padding:16px;background:var(--card-bg);border:2px dashed var(--border-color);border-radius:12px;text-align:center}.master-label{font-size:14px;font-weight:700;color:#0f8;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.role-section .master-label{color:#ffc107}.role-section:last-of-type .master-label{color:#8a2be2}.master-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--card-bg);border:2px solid rgba(0,255,136,.2);border-radius:12px;transition:all .3s ease}.master-card:hover{border-color:#0f8;box-shadow:0 4px 16px #0f83;transform:translateY(-2px)}.master-avatar{position:relative;width:64px;height:64px;flex-shrink:0;box-sizing:border-box}.master-avatar img{width:100%;height:100%;border-radius:12px;padding:6px;object-fit:cover;border:3px solid #00ff88;box-shadow:0 4px 12px #00ff884d}.master-avatar .avatar-placeholder{width:100%;height:100%;border-radius:12px;background:linear-gradient(135deg,#0f8,#00cc6a);display:flex;align-items:center;justify-content:center;color:#001a33;font-weight:700;font-size:24px;border:3px solid #00ff88;box-shadow:0 4px 12px #00ff884d}.master-info{flex:1;display:flex;flex-direction:column;gap:8px}.master-info .user-name-with-badge{font-size:18px;font-weight:700;color:var(--text-color)}.master-status{font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px;display:inline-block;width:fit-content}.master-status.online{background:#4ade8033;color:#4ade80}.pending-badge{background:#fbbf24;color:#000!important;font-weight:800}.add-friend-btn{width:32px;height:32px;border:none;background:#00ff881a;color:#0f8;border-radius:50%;cursor:pointer;font-size:20px;font-weight:700;line-height:1;transition:all .3s ease;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,255,136,.3)}.add-friend-btn:hover:not(:disabled){background:#0f8;color:#001a33;transform:scale(1.1)}.add-friend-btn:disabled{opacity:.5;cursor:not-allowed}.remove-btn{width:32px;height:32px;border:none;background:#ef44441a;color:#ef4444;border-radius:50%;cursor:pointer;font-size:22px;line-height:1;transition:all .3s ease;display:flex;align-items:center;justify-content:center;border:1px solid rgba(239,68,68,.3)}.remove-btn:hover{background:#ef4444;color:#fff}.invitations-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.invitations-section h3{font-size:14px;color:var(--text-secondary);margin:0 0 15px}.invitation-item{display:flex;align-items:center;gap:12px;padding:10px;margin-bottom:8px;background:#fbbf241a;border-radius:8px}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;margin-bottom:16px;background:var(--dark-bg);border-radius:12px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px;min-height:0;max-height:100%}.message{display:flex;gap:12px;animation:fadeIn .3s ease;align-items:flex-start;max-width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.own-message{flex-direction:row-reverse;align-self:flex-end}.message.own-message .message-content{background:#0f8;color:#001a33;border-color:transparent}.message:not(.own-message){justify-content:flex-start}.message-avatar{width:36px;height:36px;flex-shrink:0}.message-content{position:relative;background:var(--card-bg);padding:12px 16px;border-radius:12px;max-width:75%;min-width:max-content;width:fit-content;border:1px solid var(--border-color)}.message-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:5px;font-size:12px;white-space:nowrap}.message-sender{font-weight:600;color:var(--text-color)}.message.own-message .message-sender{color:#001a33;font-weight:700}.message-time{color:var(--text-secondary);font-size:11px}.message.own-message .message-time{color:#001a33b3}.message-text{color:var(--text-color);word-wrap:break-word}.message.own-message .message-text{color:#001a33;font-weight:500}.chat-input-form{display:flex;gap:12px;padding-top:16px;border-top:1px solid var(--border-color)}.chat-input{flex:1;padding:14px 18px;background:var(--dark-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-color);font-size:15px;transition:all .3s ease}.chat-input:focus{outline:none;border-color:#0f8;box-shadow:0 0 0 3px #00ff881a}.chat-input::placeholder{color:var(--text-secondary)}.send-btn{padding:14px 28px;background:#0f8;color:#001a33;border:none;border-radius:12px;cursor:pointer;font-weight:700;font-size:14px;transition:all .3s ease;display:flex;align-items:center;gap:6px}.send-btn:hover:not(:disabled){background:#00e67a;transform:translateY(-2px);box-shadow:0 4px 12px #00ff884d}.send-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--card-bg);border-radius:16px;width:90%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;border:1px solid var(--border-color);box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:20px;color:var(--text-color)}.modal-close{width:32px;height:32px;border:none;background:transparent;color:var(--text-color);font-size:24px;cursor:pointer;border-radius:50%;transition:all .3s}.modal-close:hover{background:var(--dark-bg)}.modal-body{padding:20px;overflow-y:auto;flex:1}.search-input{width:100%;padding:12px 15px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:14px;margin-bottom:15px}.search-input:focus{outline:none;border-color:#0f8;box-shadow:0 0 0 3px #00ff881a}.searching{text-align:center;padding:20px;color:var(--text-secondary)}.search-results{display:flex;flex-direction:column;gap:10px}.search-result-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.search-result-item:hover{background:var(--hover-bg);border-color:#0f8;box-shadow:0 2px 8px #0f83}.invite-user-btn{padding:8px 16px;background:#0f8;color:#001a33;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:700;transition:all .3s;margin-left:auto}.invite-user-btn:hover:not(:disabled){background:#00e67a;transform:translateY(-1px);box-shadow:0 2px 8px #00ff884d}.invite-user-btn:disabled{opacity:.5;cursor:not-allowed}.no-results{text-align:center;padding:40px;color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary)}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{margin:0;font-size:15px;color:var(--text-secondary)}.loading,.error{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:18px}.error{color:#ef4444}@media(max-width:1200px){.lobby-content{grid-template-columns:320px 1fr}}@media(max-width:1024px){.lobby-page{padding:80px 16px 32px}.lobby-content{grid-template-columns:1fr;gap:20px}.left-column{order:2}.participants-panel{max-height:500px;width:100%;min-width:0}.chat-panel{order:1;height:600px}}@media(max-width:768px){.lobby-page{padding:70px 12px 24px}.master-role-sections-row{flex-direction:column}.master-section,.role-section{min-width:100%;padding:16px;margin-bottom:20px}.master-label{font-size:13px}.master-card{padding:14px}.master-avatar{width:60px;height:60px}.master-info .user-name-with-badge{font-size:17px}.lobby-container{gap:16px}.lobby-header{padding:16px 20px;flex-direction:column;align-items:stretch;gap:12px}.lobby-title h1{font-size:22px;word-wrap:break-word}.lobby-subtitle{font-size:12px;flex-direction:column;align-items:flex-start;gap:6px}.lobby-subtitle span{white-space:nowrap}.back-btn,.invite-btn{width:100%;justify-content:center}.participants-panel,.chat-panel{padding:16px;border-radius:12px}.participants-panel h2,.chat-panel h2{font-size:18px;padding-bottom:10px;word-wrap:break-word}.participant-item{padding:12px;margin-bottom:10px;gap:10px;flex-wrap:nowrap}.participant-avatar{width:44px;height:44px;flex-shrink:0}.participant-info{min-width:100px;flex:1 1 auto;overflow:visible;display:flex;align-items:center;max-width:none}.participant-name-row{gap:6px;flex-wrap:nowrap;align-items:center;width:100%;min-width:0;overflow:visible}.participant-name-row .user-name-with-badge{font-size:14px;max-width:100%;flex:1 1 auto;min-width:60px;display:inline-flex;white-space:nowrap;overflow:visible}.participant-name-row .user-name-with-badge .user-name-text{max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;color:var(--text-color);vertical-align:middle;font-weight:600;line-height:1.4;flex:1 1 auto;min-width:0}.participant-name{font-size:14px}.master-badge{font-size:10px;padding:3px 8px;white-space:nowrap;flex-shrink:0}.participant-actions{gap:6px;flex-shrink:0;display:flex;align-items:center}.add-friend-btn,.remove-btn{width:28px;height:28px;font-size:18px;flex-shrink:0}.add-friend-btn{font-size:16px}.chat-messages{padding:16px;gap:12px}.message-content{max-width:85%;padding:10px 14px;font-size:14px}.message-header{font-size:11px}.chat-input-form{flex-direction:column;gap:10px}.chat-input{padding:12px 16px;font-size:14px}.send-btn{width:100%;padding:12px 20px}.invitations-section{margin-top:16px;padding-top:16px}.invitation-item{padding:10px;margin-bottom:8px}}@media(max-width:480px){.lobby-page{padding:60px 10px 20px}.lobby-container{gap:12px}.lobby-header{padding:12px 16px;border-radius:10px}.lobby-title h1{font-size:18px;margin-bottom:6px}.lobby-subtitle,.lobby-subtitle span{font-size:11px}.back-btn{padding:8px 16px;font-size:13px}.invite-btn{padding:10px 20px;font-size:13px}.participants-panel{padding:12px;max-height:400px}.chat-panel{padding:12px;height:400px}.participants-panel h2,.chat-panel h2{font-size:16px;padding-bottom:8px;margin-bottom:12px}.participant-item{padding:10px;margin-bottom:8px;gap:8px;overflow:visible}.participant-avatar{width:40px;height:40px;flex-shrink:0}.participant-info{min-width:80px;max-width:none}.master-section{padding:16px;margin-bottom:20px}.master-label{font-size:12px;margin-bottom:10px}.master-card{padding:12px;gap:12px}.master-avatar{width:56px;height:56px}.master-avatar .avatar-placeholder{font-size:20px}.master-info .user-name-with-badge{font-size:16px}.participant-actions{flex-shrink:0;gap:6px}.avatar-placeholder{font-size:16px}.online-indicator{width:12px;height:12px;bottom:1px;right:1px}.participant-name{font-size:13px}.master-badge{font-size:9px;padding:2px 6px}.participant-name-row{gap:4px;flex-wrap:nowrap;align-items:center;width:100%;min-width:0;overflow:visible}.participant-name-row .user-name-with-badge{font-size:13px;max-width:100%;flex:1 1 auto;min-width:60px;display:inline-flex;white-space:nowrap;overflow:visible}.participant-name-row .user-name-with-badge .user-name-text{max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;color:var(--text-color);vertical-align:middle;font-weight:600;line-height:1.4;flex:1 1 auto;min-width:0}.verification-badge.small .verification-checkmark{width:12px;height:12px}.participant-name-row{gap:4px}.master-badge{font-size:8px;padding:2px 5px}.add-friend-btn,.remove-btn{width:26px;height:26px;font-size:14px}.add-friend-btn{font-size:14px}.chat-messages{padding:12px;gap:10px}.message{gap:8px}.message-avatar{width:32px;height:32px}.message-content{max-width:90%;padding:8px 12px;font-size:13px}.message-header{font-size:10px;margin-bottom:4px}.message-text{font-size:13px;line-height:1.4}.chat-input{padding:10px 14px;font-size:13px}.send-btn{padding:10px 18px;font-size:13px}.modal-content{width:95%;max-height:90vh}.modal-header{padding:16px}.modal-header h2{font-size:18px}.modal-body{padding:16px}.search-input{padding:10px 12px;font-size:13px}.search-result-item{padding:12px;gap:10px}.invite-user-btn{padding:6px 12px;font-size:12px}}.api-keys-container{max-width:1200px;margin:0 auto;padding:20px}.api-keys-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.api-keys-header h1{margin:0;color:var(--text-primary)}.btn-create{padding:10px 20px;background:var(--primary-color, #dc2626);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s}.btn-create:hover{background:var(--primary-hover, #b91c1c)}.api-key-form{background:var(--dark-card, #fff);border:1px solid var(--border-color, rgba(0, 0, 0, .1));border-radius:8px;padding:24px;margin-bottom:30px}.api-key-form h2{margin-top:0;margin-bottom:20px;color:var(--text-primary)}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid var(--border-color, rgba(0, 0, 0, .1));border-radius:6px;font-size:14px;font-family:inherit;background:var(--dark-bg, #f8f9fa);color:var(--text-primary)}.form-group textarea{resize:vertical}.btn-submit{padding:12px 24px;background:var(--primary-color, #dc2626);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s}.btn-submit:hover{background:var(--primary-hover, #b91c1c)}.api-keys-list{display:grid;gap:20px}.api-key-card{background:var(--dark-card, #fff);border:1px solid var(--border-color, rgba(0, 0, 0, .1));border-radius:8px;padding:20px}.api-key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.api-key-header h3{margin:0;color:var(--text-primary)}.api-key-status{display:flex;gap:8px}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active{background:#4caf50;color:#fff}.status-badge.inactive{background:#9e9e9e;color:#fff}.status-badge.expired{background:#f44336;color:#fff}.api-key-description{color:var(--text-secondary);margin-bottom:16px}.api-key-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.detail-item{font-size:14px;color:var(--text-secondary)}.detail-item strong{color:var(--text-primary);margin-right:8px}.api-key-actions{display:flex;gap:12px}.btn-toggle,.btn-delete{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.btn-toggle{background:#2196f3;color:#fff}.btn-toggle:hover{background:#1976d2}.btn-delete{background:#f44336;color:#fff}.btn-delete:hover{background:#d32f2f}.no-keys{text-align:center;padding:40px;color:var(--text-secondary)}.marketplace-page{padding:100px 20px 40px;min-height:100vh;background:var(--dark-bg)}.marketplace-header{margin-bottom:30px}.marketplace-header .section-title{background:var(--gradient-3)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;font-size:2.4rem;font-weight:700;margin:0}.marketplace-filters{display:flex;gap:16px;margin-bottom:30px;flex-wrap:wrap;align-items:stretch}.filter-group{flex:1;min-width:200px;display:flex;align-items:stretch}.search-input{width:100%;padding:12px 18px;background:var(--dark-card);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:all .3s ease;box-sizing:border-box;height:48px;line-height:1.5}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dc26261a}.search-input::placeholder{color:var(--text-secondary)}.filter-select{width:100%;padding:12px 40px 12px 18px;background:var(--dark-card);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-sizing:border-box;height:48px;line-height:1.5;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dc26261a}.filter-select option{background:var(--dark-card);color:var(--text-primary)}.no-products{text-align:center;padding:60px 20px;color:var(--text-secondary)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.product-card{background:var(--dark-card);border:2px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .3s ease;position:relative}.product-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #dc262633;transform:translateY(-4px)}.product-image-wrapper{position:relative;width:100%;height:250px;overflow:hidden;background:var(--dark-bg)}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image{transform:scale(1.05)}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-1);font-size:4rem}.featured-badge{position:absolute;top:12px;left:12px;background:var(--gradient-1);color:var(--secondary-color);padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000004d}.discount-badge{position:absolute;top:12px;right:12px;background:#22c55e;color:#fff;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000004d}.product-info{padding:20px;display:flex;flex-direction:column;gap:12px}.product-category{color:var(--text-secondary);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.product-name{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0;line-height:1.3;word-break:break-word}.product-price-section{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.product-price{color:var(--primary-color);font-size:1.4rem;font-weight:800}.product-compare-price{color:var(--text-secondary);font-size:1rem;text-decoration:line-through;opacity:.7}.product-rating{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.9rem}.stars{font-size:1rem}.reviews-count{color:var(--text-secondary);opacity:.8}@media(max-width:768px){.marketplace-page{padding:100px 16px 32px}.marketplace-filters{flex-direction:column;gap:12px}.filter-group{width:100%}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.product-image-wrapper{height:200px}}@media(max-width:480px){.products-grid{grid-template-columns:1fr;gap:16px}.product-image-wrapper{height:180px}}.product-detail-page{padding:100px 20px 40px;min-height:100vh;background:var(--dark-bg)}.product-detail-wrapper{max-width:1200px;margin:0 auto}.back-button{padding:10px 20px;background:transparent;border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .3s ease;margin-bottom:24px}.back-button:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translate(-4px)}.product-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px}.product-images-section{display:flex;flex-direction:column;gap:16px}.main-image{width:100%;height:500px;border-radius:16px;overflow:hidden;background:var(--dark-card);border:2px solid var(--border-color)}.product-main-image{width:100%;height:100%;object-fit:cover}.product-image-placeholder-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-1);font-size:6rem}.thumbnail-images{display:flex;gap:12px;flex-wrap:wrap}.thumbnail{width:80px;height:80px;object-fit:cover;border-radius:8px;border:2px solid var(--border-color);cursor:pointer;transition:all .3s ease}.thumbnail:hover{border-color:var(--primary-color);transform:scale(1.05)}.thumbnail.active{border-color:var(--primary-color);box-shadow:0 0 0 3px #dc262633}.product-info-section{display:flex;flex-direction:column;gap:24px}.product-header{display:flex;flex-direction:column;gap:12px}.product-category-badge{color:var(--text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.product-title{font-size:2rem;font-weight:800;color:var(--text-primary);margin:0;line-height:1.3}.product-rating-header{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.95rem}.rating-value{font-weight:700;color:var(--primary-color)}.product-price-section{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.current-price{font-size:2rem;font-weight:800;color:var(--primary-color)}.compare-price{font-size:1.3rem;color:var(--text-secondary);text-decoration:line-through;opacity:.7}.discount-tag{background:#22c55e;color:#fff;padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:700}.product-short-description{padding:16px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px}.product-short-description p{color:var(--text-secondary);margin:0;line-height:1.6}.product-description{padding:20px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px}.product-description h3{color:var(--text-primary);font-size:1.2rem;margin:0 0 12px}.product-description p{color:var(--text-secondary);margin:0;line-height:1.8}.product-specs{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px}.spec-item{display:flex;gap:12px}.spec-label{color:var(--text-secondary);font-weight:600;min-width:100px}.spec-value{color:var(--text-primary);font-weight:500}.spec-value.in-stock{color:#22c55e}.spec-value.out-of-stock{color:#ef4444}.product-actions{display:flex;flex-direction:column;gap:16px}.quantity-selector{display:flex;align-items:center;gap:16px}.quantity-selector label{color:var(--text-primary);font-weight:600}.quantity-controls{display:flex;align-items:center;gap:8px;border:2px solid var(--border-color);border-radius:10px;padding:4px}.quantity-btn{width:36px;height:36px;border:none;background:var(--dark-bg);color:var(--text-primary);border-radius:8px;cursor:pointer;font-size:1.2rem;font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.quantity-btn:hover:not(:disabled){background:var(--primary-color);color:#fff}.quantity-input{width:60px;text-align:center;border:none;background:transparent;color:var(--text-primary);font-size:1rem;font-weight:600;font-family:inherit}.add-to-cart-btn,.buy-now-btn{padding:16px 24px;border-radius:12px;font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;font-family:inherit}.add-to-cart-btn{background:var(--dark-card);color:var(--primary-color);border:2px solid var(--primary-color)}.add-to-cart-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.buy-now-btn{background:var(--primary-color);color:#fff}.buy-now-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.add-to-cart-btn:disabled,.buy-now-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.reviews-section{margin-top:40px;padding:32px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:16px}.section-title{background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.5rem;font-weight:700;margin:0 0 24px}.review-form{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:32px}.review-rating-input{display:flex;align-items:center;gap:16px}.review-rating-input label{color:var(--text-primary);font-weight:600}.star-rating{display:flex;gap:8px}.star-btn{background:transparent;border:none;font-size:1.5rem;cursor:pointer;transition:all .3s ease;padding:0;filter:grayscale(100%);opacity:.5}.star-btn.active{filter:grayscale(0%);opacity:1;transform:scale(1.2)}.review-textarea{width:100%;padding:12px 16px;background:var(--dark-card);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:.95rem;resize:vertical;transition:all .3s ease}.review-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dc26261a}.submit-review-btn{padding:12px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start}.submit-review-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.submit-review-btn:disabled{opacity:.5;cursor:not-allowed}.reviews-list{display:flex;flex-direction:column;gap:20px}.no-reviews{text-align:center;color:var(--text-secondary);padding:40px}.review-item{padding:20px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.reviewer-info{display:flex;align-items:center;gap:12px}.reviewer-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.reviewer-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:var(--gradient-1);display:flex;align-items:center;justify-content:center;color:var(--secondary-color);font-weight:700;font-size:1.2rem}.reviewer-name{color:var(--text-primary);font-weight:600;display:block}.verified-badge{color:#22c55e;font-size:.8rem;font-weight:600;display:block;margin-top:2px}.review-rating{font-size:1.2rem}.review-text{color:var(--text-secondary);line-height:1.6;margin:12px 0}.review-date{color:var(--text-secondary);font-size:.85rem;opacity:.7}.related-products-section{margin-top:40px}.related-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.related-product-card{background:var(--dark-card);border:2px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease}.related-product-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #dc262633}.related-product-image{width:100%;height:150px;object-fit:cover}.related-product-placeholder{width:100%;height:150px;display:flex;align-items:center;justify-content:center;background:var(--gradient-1);font-size:3rem}.related-product-info{padding:16px;display:flex;flex-direction:column;gap:8px}.related-product-info h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0;word-break:break-word}.related-product-price{color:var(--primary-color);font-size:1.1rem;font-weight:700}@media(max-width:768px){.product-detail-content{grid-template-columns:1fr;gap:24px}.main-image{height:300px}.product-title,.current-price{font-size:1.5rem}.product-actions{gap:12px}.add-to-cart-btn,.buy-now-btn{width:100%}}.cart-page{padding:100px 20px 40px;min-height:100vh;background:var(--dark-bg)}.cart-wrapper{max-width:1200px;margin:0 auto}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.page-title{font-size:2rem;font-weight:800;color:var(--text-primary);margin:0}.clear-cart-btn{padding:10px 20px;background:transparent;border:2px solid #ef4444;border-radius:10px;color:#ef4444;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .3s ease}.clear-cart-btn:hover{background:#ef4444;color:#fff}.login-prompt{text-align:center;padding:60px 20px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:16px}.login-prompt p{color:var(--text-secondary);margin-bottom:20px;font-size:1.1rem}.empty-cart{text-align:center;padding:80px 20px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:16px}.empty-cart-icon{font-size:5rem;margin-bottom:24px}.empty-cart h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:12px}.empty-cart p{color:var(--text-secondary);margin-bottom:32px;font-size:1.1rem}.cart-content{display:grid;grid-template-columns:1fr 400px;gap:32px}.cart-items-section{display:flex;flex-direction:column;gap:20px}.cart-item{display:grid;grid-template-columns:120px 1fr auto auto auto;gap:20px;align-items:center;padding:20px;background:var(--dark-card);border:2px solid var(--border-color);border-radius:16px;transition:all .3s ease}.cart-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #dc26261a}.cart-item-image{width:120px;height:120px;border-radius:12px;overflow:hidden;background:var(--dark-bg);border:2px solid var(--border-color)}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-1);font-size:3rem}.cart-item-info{display:flex;flex-direction:column;gap:8px;min-width:0}.cart-item-name{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0;word-break:break-word;transition:color .3s ease}.cart-item-name:hover{color:var(--primary-color)}.cart-item-category{color:var(--text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cart-item-price{color:var(--primary-color);font-size:1.1rem;font-weight:700}.cart-item-quantity{display:flex;align-items:center;gap:8px;border:2px solid var(--border-color);border-radius:10px;padding:4px}.quantity-btn{width:32px;height:32px;border:none;background:var(--dark-bg);color:var(--text-primary);border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.quantity-btn:hover:not(:disabled){background:var(--gradient-3);color:var(--secondary-color)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-input{width:50px;text-align:center;border:none;background:transparent;color:var(--text-primary);font-size:.95rem;font-weight:600;font-family:inherit}.quantity-input:focus{outline:none}.cart-item-subtotal{color:var(--text-primary);font-size:1.2rem;font-weight:700;min-width:100px;text-align:right}.remove-item-btn{width:40px;height:40px;border:none;background:transparent;color:#ef4444;cursor:pointer;font-size:1.2rem;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.remove-item-btn:hover{background:#ef44441a;transform:scale(1.1)}.cart-summary{position:sticky;top:100px;padding:24px;background:var(--dark-card);border:2px solid var(--border-color);border-radius:16px;height:fit-content}.summary-title{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin:0 0 20px}.summary-row.total{color:var(--text-primary);font-size:1.3rem;font-weight:800;padding-top:16px}.checkout-btn,.continue-shopping-btn{width:100%;padding:16px 24px;border-radius:12px;font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;font-family:inherit;margin-top:16px}.checkout-btn{background:var(--primary-color);color:#fff}.checkout-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.continue-shopping-btn{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.continue-shopping-btn:hover{background:var(--primary-color);color:#fff}.primary-btn{padding:12px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}@media(max-width:1024px){.cart-content{grid-template-columns:1fr}.cart-summary{position:relative;top:0}}@media(max-width:768px){.cart-page{padding:100px 16px 32px}.cart-item{grid-template-columns:100px 1fr;gap:16px}.cart-item-image{width:100px;height:100px}.cart-item-quantity,.cart-item-subtotal,.remove-item-btn{grid-column:1 / -1;justify-self:start}.cart-item-subtotal{text-align:left}}.checkout-page{padding:100px 20px 40px;min-height:100vh;background:var(--dark-bg)}.checkout-wrapper{max-width:1200px;margin:0 auto}.page-title{font-size:2rem;font-weight:800;color:var(--text-primary);margin:0 0 32px}.checkout-content{display:grid;grid-template-columns:1fr 400px;gap:32px}.checkout-form-section,.checkout-form{display:flex;flex-direction:column;gap:32px}.form-section{padding:24px;background:var(--dark-card);border:2px solid var(--border-color);border-radius:16px}.section-title{background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.3rem;font-weight:700;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group label{display:block;color:var(--text-primary);font-weight:600;margin-bottom:8px;font-size:.95rem}.form-input,.form-textarea{width:100%;padding:12px 16px;background:var(--dark-bg);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:all .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dc26261a}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-secondary)}.form-textarea{resize:vertical;min-height:100px}.payment-methods{display:flex;flex-direction:column;gap:12px}.payment-option{display:flex;align-items:center;gap:12px;padding:16px;background:var(--dark-bg);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s ease}.payment-option:hover{border-color:var(--primary-color)}.payment-option.active{border-color:var(--primary-color);background:#dc26261a}.payment-option input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.payment-option-content{display:flex;flex-direction:column;gap:4px;flex:1}.payment-option-label{color:var(--text-primary);font-weight:600;font-size:1rem}.payment-option-balance{color:var(--text-secondary);font-size:.85rem}.payment-option-note{color:var(--text-secondary);font-size:.85rem;font-style:italic}.insufficient-balance{color:#ef4444;font-size:.85rem;font-weight:600}.place-order-btn{padding:16px 24px;background:var(--gradient-3);color:var(--secondary-color);border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:inherit;width:100%}.place-order-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.place-order-btn:disabled{opacity:.5;cursor:not-allowed}.order-summary-section{position:sticky;top:100px;padding:24px;background:var(--dark-card);border:2px solid var(--border-color);border-radius:16px;height:fit-content}.order-items{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;max-height:400px;overflow-y:auto}.order-item{display:flex;gap:12px;align-items:center;padding:12px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:10px}.order-item-image{width:60px;height:60px;border-radius:8px;overflow:hidden;background:var(--dark-card);border:1px solid var(--border-color);flex-shrink:0}.order-item-image img{width:100%;height:100%;object-fit:cover}.order-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-1);font-size:1.5rem}.order-item-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.order-item-info h4{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0;word-break:break-word}.order-item-info span{color:var(--text-secondary);font-size:.85rem}.order-item-price{color:var(--primary-color);font-size:.95rem;font-weight:700;flex-shrink:0}.order-summary{padding-top:20px;border-top:2px solid var(--border-color)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;color:var(--text-secondary);font-size:.95rem}.summary-row.total{color:var(--text-primary);font-size:1.4rem;font-weight:800;padding-top:16px}.summary-divider{height:1px;background:var(--border-color);margin:16px 0}.login-prompt,.empty-cart{text-align:center;padding:60px 20px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:16px}.login-prompt p,.empty-cart h2{color:var(--text-secondary);margin-bottom:20px;font-size:1.1rem}@media(max-width:1024px){.checkout-content{grid-template-columns:1fr}.order-summary-section{position:relative;top:0}}@media(max-width:768px){.checkout-page{padding:100px 16px 32px}.form-section{padding:20px}.order-items{max-height:300px}}.order-history-page{padding:100px 20px 40px;min-height:100vh;background:var(--dark-bg)}.order-history-wrapper{max-width:1200px;margin:0 auto}.page-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin:0 0 40px;background:linear-gradient(135deg,var(--primary-color),#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-prompt,.no-orders{text-align:center;padding:80px 20px;background:var(--dark-card);border:2px solid var(--border-color);border-radius:20px}.login-prompt p,.no-orders h2{color:var(--text-primary);margin-bottom:12px;font-size:1.3rem}.no-orders-icon{font-size:5rem;margin-bottom:24px}.no-orders p{color:var(--text-secondary);margin-bottom:32px;font-size:1.1rem}.orders-list{display:flex;flex-direction:column;gap:20px}.order-card{background:var(--dark-card);border:2px solid var(--border-color);border-radius:20px;padding:0;transition:all .3s ease;overflow:hidden;box-shadow:0 2px 8px #0000001a}.order-card:hover{border-color:var(--primary-color);box-shadow:0 4px 16px #dc262626;transform:translateY(-2px)}.order-card.expanded{border-color:var(--primary-color);box-shadow:0 6px 20px #dc262633}.order-header-clickable{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;cursor:pointer;transition:all .2s ease;background:var(--dark-card)}.order-header-clickable:hover{background:var(--dark-bg)}.order-main-info{display:flex;align-items:center;gap:32px;flex:1;flex-wrap:wrap}.order-number-section{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.order-number{color:var(--text-primary);font-size:1.4rem;font-weight:700;margin:0;letter-spacing:-.5px}.order-date{color:var(--text-secondary);font-size:.9rem;font-weight:500}.order-quick-stats{display:flex;gap:24px;align-items:center}.quick-stat{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.quick-stat-label{color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.quick-stat-value{color:var(--text-primary);font-size:1rem;font-weight:700}.quick-stat-value.total-highlight{color:var(--primary-color);font-size:1.2rem;font-weight:800}.order-status-section{display:flex;align-items:center;gap:16px}.order-statuses{display:flex;gap:8px;flex-wrap:wrap}.status-badge{padding:6px 14px;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:2px solid;background:transparent;transition:all .2s ease}.status-badge.payment-status,.status-badge.order-status{background:#dc26261a}.expand-icon{color:var(--text-secondary);transition:transform .3s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--dark-bg);border:1px solid var(--border-color)}.expand-icon:hover{background:var(--gradient-3);color:var(--secondary-color);border-color:var(--primary-color)}.expand-icon.expanded{transform:rotate(90deg)}.order-details-expanded{padding:0 24px 24px;animation:slideDown .3s ease;border-top:2px solid var(--border-color);background:var(--dark-bg)}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.section-title{background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.1rem;font-weight:700;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid var(--border-color)}.order-items-section{margin-top:24px}.order-items-list{display:flex;flex-direction:column;gap:12px}.order-item-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;gap:16px;transition:all .2s ease}.order-item-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #dc26261a}.order-item-content{flex:1;display:flex;flex-direction:column;gap:8px}.order-item-name{color:var(--text-primary);font-weight:600;font-size:.95rem}.order-item-meta{display:flex;gap:12px;align-items:center;font-size:.85rem}.order-item-quantity,.order-item-price{color:var(--text-secondary);font-weight:500}.order-item-subtotal{color:var(--primary-color);font-weight:700;font-size:1rem;min-width:100px;text-align:right}.order-summary-section{margin-top:24px;padding:20px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px}.order-price-breakdown{display:flex;flex-direction:column;gap:12px}.price-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:.95rem}.price-label{color:var(--text-secondary);font-weight:500}.price-value{color:var(--text-primary);font-weight:600;text-align:right}.price-row.total-row{margin-top:12px;padding-top:16px;border-top:2px solid var(--border-color)}.price-row.total-row .price-label{color:var(--text-primary);font-weight:700;font-size:1.1rem}.price-row.total-row .price-value{color:var(--primary-color);font-weight:800;font-size:1.4rem}.total-amount{color:var(--primary-color);font-size:1.4rem;font-weight:800}.shipping-details-section{margin-top:24px;padding:20px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px}.shipping-details{display:flex;flex-direction:column;gap:12px}.shipping-info-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:10px}.shipping-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--dark-card);border-radius:10px;flex-shrink:0}.shipping-content{display:flex;flex-direction:column;gap:4px;flex:1}.shipping-label{color:var(--text-secondary);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.shipping-value{color:var(--text-primary);font-weight:600;font-size:.95rem}.shipping-value.tracking-code{font-family:Courier New,monospace;background:var(--dark-bg);padding:6px 12px;border-radius:6px;border:1px solid var(--border-color);letter-spacing:1px;color:var(--primary-color);font-weight:700;display:inline-block;width:fit-content}.primary-btn{padding:12px 24px;background:var(--gradient-3);color:var(--secondary-color);border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.primary-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}@media(max-width:768px){.order-history-page{padding:100px 16px 32px}.page-title{font-size:2rem;margin-bottom:32px}.order-header-clickable{flex-direction:column;align-items:flex-start;gap:16px}.order-main-info{width:100%;flex-direction:column;align-items:flex-start;gap:16px}.order-quick-stats,.order-status-section{width:100%;justify-content:space-between}.order-item-card{flex-direction:column;align-items:flex-start;gap:12px}.order-item-subtotal{width:100%;text-align:left;padding-top:8px;border-top:1px solid var(--border-color)}.order-item-meta{flex-wrap:wrap}.shipping-info-card{flex-direction:column;align-items:flex-start}.shipping-icon{align-self:flex-start}}.friend-finder-page{padding:40px 0;min-height:calc(100vh - 140px)}.page-header{text-align:center;margin-bottom:30px}.page-header .section-title{font-size:2.4rem!important;font-weight:700;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.page-header p{color:var(--text-secondary);font-size:1.1rem}.friend-finder-tabs{display:flex;gap:12px;justify-content:center;margin-bottom:30px;padding-bottom:0}.friend-finder-tabs .tab{background:transparent;border:none;color:var(--text-secondary);padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;font-family:inherit;position:relative}.friend-finder-tabs .tab:hover{color:var(--primary-color)}.friend-finder-tabs .tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.friend-finder-tabs .tab .badge{background:var(--primary-color);color:var(--secondary-color);border-radius:12px;padding:2px 8px;font-size:12px;margin-left:8px;font-weight:700}.search-section{margin-bottom:24px}.search-bar{display:flex;gap:12px;margin-bottom:20px}.search-bar input{flex:1;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--dark-card);color:var(--text-primary);font-size:16px;font-family:inherit}.search-bar input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c6ff001a}.search-btn{padding:12px 24px;background:var(--primary-color);color:var(--secondary-color);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.search-btn:hover{background:#a8d800;transform:translateY(-2px);box-shadow:0 4px 12px #c6ff004d}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:14px;font-weight:600;color:var(--text-secondary)}.filter-group select,.filter-group input{padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--dark-card);color:var(--text-primary);font-size:14px;font-family:inherit}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--primary-color)}.clear-filters-btn{padding:10px 16px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;transition:all .3s ease;margin-top:24px}.clear-filters-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.results-section{margin-bottom:24px}.users-list{display:flex;flex-direction:column;gap:12px}.user-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.user-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #dc26261a}.user-item-content{display:flex;align-items:center;gap:12px;flex:1}.user-info h4{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px;cursor:pointer;transition:color .3s ease}.user-info h4:hover{color:var(--primary-color)}.user-location,.user-sports{color:var(--text-secondary);font-size:14px;margin:2px 0}.user-item-actions{display:flex;gap:8px}.btn{padding:8px 16px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:14px}.btn-primary{background:var(--primary-color);color:var(--secondary-color)}.btn-primary:hover{background:#a8d800;transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-disabled{background:var(--border-color);color:var(--text-secondary);cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:12px}.requests-section{margin-bottom:24px}.requests-group{margin-bottom:32px}.requests-group h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:16px}.requests-list{display:flex;flex-direction:column;gap:12px}.request-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.request-item:hover{border-color:var(--primary-color)}.request-user{display:flex;align-items:center;gap:12px;flex:1}.user-avatar-small{width:48px;height:48px;border-radius:50%;overflow:visible;position:relative;flex-shrink:0}.user-avatar-small img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-placeholder-small{width:100%;height:100%;border-radius:50%;background:var(--gradient-3);display:flex;align-items:center;justify-content:center;color:var(--secondary-color);font-weight:700;font-size:18px}.status-badge-small{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--dark-card);z-index:10}.status-badge-small.discoverable{background-color:#10b981}.status-badge-small.not-discoverable{background-color:#6b7280}.request-user h4{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px;cursor:pointer;transition:color .3s ease}.request-user h4:hover{color:var(--primary-color)}.request-message{color:var(--text-secondary);font-size:14px;margin:0}.request-status{color:var(--text-secondary);font-size:14px;font-style:italic;margin:0}.request-actions{display:flex;gap:8px}.friends-section{margin-bottom:24px}.friends-list{display:flex;flex-direction:column;gap:12px}.friend-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.friend-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #dc26261a}.friend-user{display:flex;align-items:center;gap:12px;flex:1}.friend-info h4{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px;cursor:pointer;transition:color .3s ease}.friend-info h4:hover{color:var(--primary-color)}.friend-location{color:var(--text-secondary);font-size:14px;margin:0}.friend-actions{display:flex;gap:8px;align-items:center}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state p{color:var(--text-secondary);font-size:18px;margin:8px 0}.empty-hint{font-size:14px!important;color:var(--text-secondary)!important}.empty-state-small{text-align:center;padding:40px 20px;color:var(--text-secondary)}.loading-container{display:flex;justify-content:center;align-items:center;padding:60px 20px}@media(max-width:1024px){.friend-finder-page{padding:30px 0}.page-header .section-title{font-size:2.2rem!important}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:768px){.friend-finder-page{padding:24px 0}.page-header{margin-bottom:24px}.page-header .section-title{font-size:2rem!important;margin-bottom:8px}.page-header p{font-size:1rem}.friend-finder-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px}.friend-finder-tabs .tab{padding:10px 20px;font-size:15px}.search-section{margin-bottom:20px}.search-bar{flex-direction:column;gap:10px}.search-bar input{width:100%}.search-btn{width:100%;padding:12px}.filters-grid{grid-template-columns:1fr;gap:12px}.filter-group{gap:6px}.filter-group label{font-size:13px}.filter-group select,.filter-group input{padding:10px;font-size:14px}.clear-filters-btn{margin-top:16px;width:100%}.user-item,.request-item,.friend-item{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.user-item-content,.request-user,.friend-user{width:100%}.user-item-actions,.request-actions,.friend-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.btn{flex:1;min-width:100px}.requests-group h2{font-size:1.3rem;margin-bottom:12px}}@media(max-width:600px){.friend-finder-page{padding:20px 0}.page-header .section-title{font-size:1.8rem!important}.page-header p{font-size:.95rem}.friend-finder-tabs{gap:6px;margin-bottom:20px}.friend-finder-tabs .tab{padding:8px 16px;font-size:14px}.friend-finder-tabs .tab .badge{font-size:11px;padding:2px 6px;margin-left:6px}.search-bar{gap:8px;margin-bottom:16px}.search-bar input{padding:10px 14px;font-size:15px}.search-btn{padding:10px;font-size:15px}.filters-grid{gap:10px}.filter-group label{font-size:12px}.filter-group select,.filter-group input{padding:9px;font-size:13px}.user-item,.request-item,.friend-item{padding:12px;gap:10px}.user-avatar-small{width:44px;height:44px}.avatar-placeholder-small{font-size:16px}.user-info h4,.request-user h4,.friend-info h4{font-size:15px}.user-location,.user-sports,.request-message,.request-status,.friend-location{font-size:13px}.btn{padding:7px 14px;font-size:13px}.btn-sm{padding:6px 10px;font-size:11px}.requests-group h2{font-size:1.2rem}.empty-state{padding:40px 16px}.empty-icon{font-size:48px;margin-bottom:12px}.empty-state p{font-size:16px}.empty-hint{font-size:13px!important}}@media(max-width:480px){.friend-finder-page{padding:16px 0}.page-header{margin-bottom:20px}.page-header .section-title{font-size:1.6rem!important;margin-bottom:6px}.page-header p{font-size:.9rem}.friend-finder-tabs{gap:4px;margin-bottom:16px}.friend-finder-tabs .tab{padding:8px 12px;font-size:13px;flex:1;text-align:center}.friend-finder-tabs .tab .badge{font-size:10px;padding:1px 5px;margin-left:4px}.search-section{margin-bottom:16px}.search-bar{margin-bottom:12px}.search-bar input{padding:10px 12px;font-size:14px}.search-btn{padding:10px;font-size:14px}.filters-grid{gap:8px}.filter-group{gap:5px}.filter-group label{font-size:11px}.filter-group select,.filter-group input{padding:8px 10px;font-size:12px}.clear-filters-btn{margin-top:12px;padding:9px 14px;font-size:13px}.user-item,.request-item,.friend-item{padding:10px;gap:8px}.user-avatar-small{width:40px;height:40px}.avatar-placeholder-small{font-size:14px}.status-badge-small{width:10px;height:10px;border-width:1.5px}.user-info h4,.request-user h4,.friend-info h4{font-size:14px;margin-bottom:3px}.user-location,.user-sports,.request-message,.request-status,.friend-location{font-size:12px;margin:1px 0}.user-item-actions,.request-actions,.friend-actions{gap:6px}.btn{padding:6px 12px;font-size:12px;min-width:80px}.btn-sm{padding:5px 8px;font-size:10px}.requests-group{margin-bottom:24px}.requests-group h2{font-size:1.1rem;margin-bottom:10px}.empty-state{padding:32px 12px}.empty-icon{font-size:40px;margin-bottom:10px}.empty-state p{font-size:15px}.empty-hint{font-size:12px!important}.empty-state-small{padding:30px 12px;font-size:14px}}@media(max-width:360px){.friend-finder-page{padding:12px 0}.page-header .section-title{font-size:1.4rem!important}.page-header p{font-size:.85rem}.friend-finder-tabs .tab{padding:7px 10px;font-size:12px}.search-bar input{padding:9px 10px;font-size:13px}.search-btn{padding:9px;font-size:13px}.filter-group select,.filter-group input{padding:7px 9px;font-size:11px}.user-item,.request-item,.friend-item{padding:8px}.user-avatar-small{width:36px;height:36px}.avatar-placeholder-small{font-size:12px}.user-info h4,.request-user h4,.friend-info h4{font-size:13px}.user-location,.user-sports,.request-message,.request-status,.friend-location{font-size:11px}.btn{padding:5px 10px;font-size:11px;min-width:70px}.btn-sm{padding:4px 7px;font-size:9px}.requests-group h2{font-size:1rem}.empty-icon{font-size:36px}.empty-state p{font-size:14px}}@media(max-width:320px){.page-header .section-title{font-size:1.3rem!important}.friend-finder-tabs .tab{padding:6px 8px;font-size:11px}.search-bar input,.search-btn{font-size:12px}.user-item-actions,.request-actions,.friend-actions{flex-direction:column;width:100%}.btn{width:100%;min-width:unset}}@media(max-width:768px)and (orientation:landscape){.friend-finder-page{padding:20px 0}.page-header .section-title{font-size:1.8rem!important}.filters-grid{grid-template-columns:repeat(2,1fr)}}.invitations-page{min-height:100vh;background:var(--dark-bg);padding:40px 0}.invitations-card{background:var(--dark-card);border-radius:20px;padding:40px;max-width:1000px;margin:0 auto;border:1px solid var(--border-color);box-shadow:0 8px 32px #0000004d}.invitations-header{margin-bottom:32px}.invitations-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0 0 8px;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.invitations-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.invitations-tabs{display:flex;gap:12px;margin-bottom:32px;border-bottom:2px solid var(--border-color);padding-bottom:0}.tab-button{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:-2px}.tab-button:hover{color:var(--text-primary)}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.invitations-content{display:flex;flex-direction:column;gap:32px}.invitation-section{display:flex;flex-direction:column;gap:16px}.section-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.invitations-list{display:flex;flex-direction:column;gap:16px}.invitation-card{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:all .3s ease}.invitation-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #dc262633}.invitation-content{display:flex;align-items:center;gap:16px;flex:1}.invitation-avatar{width:60px;height:60px;border-radius:12px;overflow:hidden;flex-shrink:0;position:relative}.invitation-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:var(--gradient-3);display:flex;align-items:center;justify-content:center;color:var(--secondary-color);font-size:1.5rem;font-weight:700}.venue-icon,.lobby-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;background:var(--dark-bg)}.invitation-details{flex:1;min-width:0}.invitation-details h3{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0 0 4px}.invitation-meta{color:var(--text-secondary);font-size:.9rem;margin:4px 0}.invitation-date{color:var(--text-secondary);font-size:.85rem;margin:4px 0 0}.invitation-date-small{color:var(--text-secondary);font-size:.75rem;margin:4px 0 0;opacity:.7}.invitation-actions{display:flex;gap:12px;flex-shrink:0}.btn-accept,.btn-reject{padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-accept{background:var(--gradient-3);color:var(--secondary-color)}.btn-accept:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #c6ff004d}.btn-reject{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary)}.btn-reject:hover:not(:disabled){background:#ffffff1a;border-color:var(--primary-color)}.btn-accept:disabled,.btn-reject:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:4rem;margin-bottom:16px}.empty-state h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 8px}.empty-state p{color:var(--text-secondary);font-size:1rem;margin:0}@media(max-width:768px){.invitations-card{padding:24px;margin:20px}.invitations-header h1{font-size:2rem}.invitations-tabs{flex-wrap:wrap;gap:8px}.tab-button{padding:8px 16px;font-size:.9rem}.invitation-card{flex-direction:column;align-items:flex-start}.invitation-actions{width:100%;justify-content:stretch}.btn-accept,.btn-reject{flex:1}}.personal-chat-page{position:fixed!important;top:calc(72px + var(--safe-area-inset-top))!important;left:var(--safe-area-inset-left)!important;right:var(--safe-area-inset-right)!important;bottom:var(--safe-area-inset-bottom)!important;height:calc(100vh - 72px - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))!important;height:calc(-webkit-fill-available - 72px - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))!important;width:calc(100vw - var(--safe-area-inset-left) - var(--safe-area-inset-right))!important;padding:0!important;margin:0!important;background:var(--dark-bg);display:flex!important;justify-content:center;align-items:flex-start;overflow:hidden;z-index:100!important;transform:none!important;box-sizing:border-box!important;pointer-events:auto!important;isolation:isolate}main .personal-chat-page,main>* .personal-chat-page,[class*=motion] .personal-chat-page{position:fixed!important;top:calc(72px + var(--safe-area-inset-top))!important;left:var(--safe-area-inset-left)!important;right:var(--safe-area-inset-right)!important;bottom:var(--safe-area-inset-bottom)!important;margin-top:0!important;padding-top:0!important;transform:none!important}.chat-container{max-width:800px;width:100%;height:100%!important;display:flex!important;flex-direction:column!important;background:var(--dark-card);border-radius:0;border:none;overflow:hidden;position:relative;margin-top:0!important;padding-top:0!important}.chat-header{display:flex!important;align-items:center!important;gap:16px;padding:16px 20px!important;background:var(--dark-bg)!important;border-bottom:2px solid var(--border-color)!important;flex-shrink:0!important;position:relative!important;top:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;z-index:10!important;visibility:visible!important;opacity:1!important;min-height:60px!important;margin:0!important;order:-1!important}.back-btn{padding:8px 16px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .3s ease}.back-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.chat-user-info{display:flex;align-items:center;gap:12px;flex:1}.chat-user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.chat-user-avatar.placeholder{display:flex;align-items:center;justify-content:center;background:var(--gradient-1);color:var(--secondary-color);font-weight:700;font-size:1.2rem}.chat-user-info h3{margin:0;color:var(--text-primary);font-size:1.1rem}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;background:var(--dark-bg)}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:var(--dark-card)}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.empty-chat{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:1rem}.message{display:flex;gap:12px;align-items:flex-start;max-width:70%}.message.own{align-self:flex-end;flex-direction:row-reverse}.message.other{align-self:flex-start}.message-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;overflow:hidden}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-1);color:var(--secondary-color);font-weight:700;font-size:.9rem}.message-content{display:flex;flex-direction:column;gap:4px}.message-sender{font-size:.85rem;color:var(--text-secondary);font-weight:600;padding:0 4px}.message-bubble{padding:12px 16px;border-radius:16px;background:var(--dark-card);border:1px solid var(--border-color);position:relative}.message.own .message-bubble{background:var(--gradient-3);border:none;color:var(--secondary-color)}.message.other .message-bubble{background:var(--dark-card);color:var(--text-primary)}.message-bubble p{margin:0;word-wrap:break-word;line-height:1.5}.message-time{font-size:.75rem;opacity:.7;margin-top:4px;display:block}.chat-input-form{display:flex;gap:12px;padding:16px 20px;background:var(--dark-bg);border-top:2px solid var(--border-color);flex-shrink:0;z-index:10;position:relative}.chat-input{flex:1;padding:12px 16px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:24px;color:var(--text-primary);font-family:inherit;font-size:.95rem;outline:none;transition:all .3s ease}.chat-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #c6ff001a}.chat-input::placeholder{color:var(--text-secondary);opacity:.7}.send-button{padding:12px 24px;background:var(--gradient-3);border:none;border-radius:24px;color:var(--secondary-color);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #c6ff004d}.send-button:disabled{opacity:.5;cursor:not-allowed}.loading-container{display:flex;align-items:center;justify-content:center;min-height:400px}.loader{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.personal-chat-page{top:64px!important;height:calc(100vh - 64px)!important}.chat-container{height:100%!important;border-radius:0}.message{max-width:85%}.chat-header,.chat-input-form{padding:12px 16px}}.maps-page{min-height:calc(100vh - 72px);padding:24px;background:var(--dark-bg)}.maps-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 72px);gap:20px}.maps-loading p{color:var(--text-secondary);font-size:16px}.maps-header{margin-bottom:24px}.maps-header h1{color:var(--text-primary);font-size:2rem;margin-bottom:8px}.maps-header p{color:var(--text-secondary);font-size:1rem}.maps-controls{display:flex;gap:20px;margin-bottom:20px;padding:16px;background:var(--dark-card);border-radius:12px;border:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center}.maps-controls-left{display:flex;gap:20px;flex-wrap:wrap}.maps-controls-right{display:flex;gap:20px;flex-wrap:wrap;margin-left:auto}.map-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-primary);font-size:14px;font-weight:500}.map-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.map-toggle span{-webkit-user-select:none;user-select:none}.maps-container{width:100%;height:calc(100vh - 250px);min-height:500px;border-radius:12px;overflow:hidden;border:2px solid var(--border-color);box-shadow:0 4px 20px #0000004d}.map-canvas{width:100%;height:100%;transition:opacity .3s ease-in-out;will-change:opacity}@media(max-width:768px){.maps-page{padding:16px}.maps-header h1{font-size:1.5rem}.maps-controls{flex-direction:column;gap:12px}.maps-container{height:calc(100vh - 300px);min-height:400px}}.payment-gateway-page{min-height:calc(100vh - 140px);display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--dark-bg)}.payment-gateway-container{background:var(--dark-card);border-radius:16px;padding:40px;max-width:600px;width:100%;border:1px solid var(--border-color);box-shadow:0 4px 20px #0003}.payment-header{text-align:center;margin-bottom:32px}.payment-header h2{color:var(--text-primary);font-size:2rem;margin:0 0 8px}.payment-header p{color:var(--text-secondary);font-size:1rem;margin:0}.payment-details{background:var(--dark-bg);border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid var(--border-color)}.payment-detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.payment-detail-item:last-child{border-bottom:none}.detail-label{color:var(--text-secondary);font-weight:600;font-size:.9rem}.detail-value{color:var(--text-primary);font-weight:600;font-size:1rem}.detail-value.amount{color:var(--primary-color);font-size:1.5rem;font-weight:800}.detail-value.payment-id{font-family:monospace;font-size:.85rem;color:var(--text-secondary)}.payment-gateway-note{background:#c6ff001a;border:1px solid var(--primary-color);border-radius:8px;padding:16px;margin-bottom:24px}.payment-gateway-note p{color:var(--text-primary);font-size:.9rem;margin:4px 0;line-height:1.5}.payment-actions{display:flex;gap:12px;justify-content:flex-end}.payment-actions button{min-width:150px}@media(max-width:768px){.payment-gateway-container{padding:24px}.payment-header h2{font-size:1.5rem}.payment-details{padding:16px}.payment-detail-item{flex-direction:column;align-items:flex-start;gap:4px}.payment-actions{flex-direction:column}.payment-actions button{width:100%}}.payment-status-page{min-height:calc(100vh - 140px);display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--dark-bg)}.payment-status-container{background:var(--dark-card);border-radius:16px;padding:60px 40px;max-width:500px;width:100%;border:1px solid var(--border-color);box-shadow:0 4px 20px #0003;text-align:center}.payment-status-icon{font-size:4rem;margin-bottom:24px;animation:pulse 2s infinite}.payment-status-icon.success{color:#10b981}.payment-status-icon.failure{color:#ef4444}.payment-status-icon.processing{color:var(--primary-color);animation:spin 1s linear infinite}.payment-status-container h2{color:var(--text-primary);font-size:2rem;margin:0 0 16px}.payment-status-container p{color:var(--text-secondary);font-size:1rem;margin:8px 0}.redirect-message{color:var(--text-secondary);font-size:.9rem;margin-top:24px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media(max-width:768px){.payment-status-container{padding:40px 24px}.payment-status-icon{font-size:3rem}.payment-status-container h2{font-size:1.5rem}}.chat-popup{position:fixed;bottom:20px;right:20px;width:380px;height:600px;max-height:calc(100vh - 100px);background:var(--dark-card);border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;z-index:10001!important;border:2px solid var(--border-color);overflow:hidden}.chat-popup.minimized{width:250px;height:auto;min-height:60px}.chat-popup-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--dark-bg);border-bottom:2px solid var(--border-color);flex-shrink:0;cursor:move}.chat-popup-user-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.chat-popup-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.chat-popup-avatar.placeholder{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gradient-1);color:var(--secondary-color);font-weight:700;font-size:1.1rem;border:2px solid var(--border-color)}.chat-popup-user-info h4{margin:0;color:var(--text-primary);font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-status{font-size:.75rem;color:var(--text-secondary);display:block;margin-top:2px}.chat-popup-actions{display:flex;gap:8px;align-items:center}.chat-minimize-btn,.chat-close-btn{width:28px;height:28px;border:none;background:transparent;color:var(--text-primary);font-size:1.2rem;font-weight:700;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1;padding:0}.chat-minimize-btn:hover{background:#c6ff001a;color:var(--primary-color)}.chat-close-btn:hover{background:#dc26261a;color:#dc2626}.chat-minimized-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--dark-bg);border-bottom:2px solid var(--border-color);cursor:pointer;transition:background .2s ease}.chat-minimized-header:hover{background:var(--dark-card)}.chat-minimized-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.chat-minimized-avatar.placeholder{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gradient-1);color:var(--secondary-color);font-weight:700;font-size:1rem;border:2px solid var(--border-color)}.chat-minimized-name{flex:1;color:var(--text-primary);font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-popup-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--dark-bg)}.chat-popup-messages::-webkit-scrollbar{width:6px}.chat-popup-messages::-webkit-scrollbar-track{background:var(--dark-card)}.chat-popup-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.chat-popup-messages::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.chat-loading,.chat-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:.9rem}.chat-message{display:flex;gap:8px;align-items:flex-end;max-width:85%;position:relative}.chat-message.own{align-self:flex-end;flex-direction:row-reverse}.chat-message.other{align-self:flex-start}.chat-message-avatar{width:28px;height:28px;min-width:28px;max-width:28px;min-height:28px;max-height:28px;border-radius:50%;flex-shrink:0;overflow:hidden;position:relative}.chat-message-avatar img{width:100%;height:100%;object-fit:cover;display:block}.chat-message-avatar .avatar-placeholder-small{width:100%;height:100%;min-width:0;max-width:100%;min-height:0;max-height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-1);color:var(--secondary-color);font-weight:700;font-size:.75rem;border-radius:50%;box-sizing:border-box}.chat-message-content{display:flex;flex-direction:column}.chat-message-bubble{padding:10px 14px;border-radius:18px;max-width:100%;word-wrap:break-word}.chat-message-bubble.own{background:var(--gradient-3);color:var(--secondary-color);border-bottom-right-radius:4px}.chat-message-bubble.other{background:var(--dark-card);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:4px}.chat-message-bubble p{margin:0;font-size:.9rem;line-height:1.4}.chat-message-time{font-size:.7rem;opacity:.7;margin-top:4px;display:block}.chat-popup-input{display:flex;gap:8px;padding:12px 16px;background:var(--dark-bg);border-top:2px solid var(--border-color);flex-shrink:0}.chat-input-field{flex:1;padding:10px 14px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;transition:all .3s ease}.chat-input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #c6ff001a}.chat-input-field::placeholder{color:var(--text-secondary);opacity:.7}.chat-send-btn{padding:10px 20px;background:var(--gradient-3);border:none;border-radius:20px;color:var(--secondary-color);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.chat-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #c6ff004d}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.chat-popup{width:calc(100vw - 40px);max-width:380px;height:calc(100vh - 100px);bottom:10px;right:10px}}.chat-manager{position:fixed;bottom:var(--safe-area-inset-bottom);right:var(--safe-area-inset-right);z-index:10001;pointer-events:none}.chat-manager>*{pointer-events:auto}.chat-floating-button-container{position:fixed;bottom:calc(20px + var(--safe-area-inset-bottom));right:calc(20px + var(--safe-area-inset-right));z-index:10000!important;pointer-events:auto!important;transition:opacity .3s ease,transform .3s ease}body.media-modal-open .chat-floating-button-container{opacity:0;transform:scale(.8);pointer-events:none;visibility:hidden}.chat-floating-button{width:60px;height:60px;border-radius:50%;background:var(--gradient-3);border:none;box-shadow:0 4px 16px #c6ff0066;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--secondary-color);position:relative;transition:all .3s ease}.chat-floating-button:hover{box-shadow:0 6px 20px #c6ff0080;transform:translateY(-2px)}.chat-floating-button svg{width:28px;height:28px}.chat-floating-badge{position:absolute;top:-4px;right:-4px;background:#dc2626;color:#fff;border-radius:12px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;padding:0 6px;border:2px solid var(--dark-bg);box-shadow:0 2px 8px #0000004d;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #dc26264d}50%{transform:scale(1.1);box-shadow:0 4px 12px #dc262699}}.chat-floating-button.has-new-messages{position:relative}.chat-conversations-menu{position:absolute;bottom:80px;right:0;width:360px;max-height:500px;background:var(--dark-card);border-radius:16px;box-shadow:0 8px 32px #0006;border:2px solid var(--border-color);overflow:hidden;display:flex;flex-direction:column;z-index:10001!important;pointer-events:auto!important}.chat-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--dark-bg);border-bottom:2px solid var(--border-color)}.chat-menu-header h3{margin:0;color:var(--text-primary);font-size:1.2rem;font-weight:700}.chat-menu-close{width:32px;height:32px;border:none;background:transparent;color:var(--text-primary);font-size:1.5rem;font-weight:700;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1;padding:0}.chat-menu-close:hover{background:#dc26261a;color:#dc2626}.chat-conversations-list{flex:1;overflow-y:auto;max-height:400px}.chat-conversations-list::-webkit-scrollbar{width:6px}.chat-conversations-list::-webkit-scrollbar-track{background:var(--dark-bg)}.chat-conversations-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.chat-conversations-list::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.chat-loading-conversations,.chat-empty-conversations{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);font-size:.9rem}.chat-conversation-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:all .3s ease;border-bottom:1px solid var(--border-color);pointer-events:auto!important;position:relative;z-index:1;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.chat-conversation-item:last-child{border-bottom:none}.chat-conversation-item:hover{background:var(--dark-bg)}.chat-conversation-item.unread{background:#c6ff0014;font-weight:600;border-left:3px solid var(--primary-color)}.chat-conversation-item.unread:hover{background:#c6ff001a}.chat-conversation-avatar{position:relative;width:48px;height:48px;flex-shrink:0}.chat-conversation-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.chat-conversation-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gradient-1);color:var(--secondary-color);font-weight:700;font-size:1.2rem;border:2px solid var(--border-color)}.chat-unread-badge{position:absolute;top:-4px;right:-4px;background:#dc2626;color:#fff;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;padding:0 4px;border:2px solid var(--dark-card);box-shadow:0 2px 6px #0000004d;animation:pulse-badge 2s infinite;z-index:2}@keyframes pulse-badge{0%,to{transform:scale(1);box-shadow:0 2px 6px #dc26264d}50%{transform:scale(1.15);box-shadow:0 3px 10px #dc262680}}.chat-conversation-item.has-new-messages{position:relative}.chat-conversation-item.has-new-messages:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--primary-color);border-radius:0 4px 4px 0;animation:pulse-indicator 2s infinite}@keyframes pulse-indicator{0%,to{opacity:1;box-shadow:0 0 #c6ff00b3}50%{opacity:.8;box-shadow:0 0 8px 4px #c6ff0066}}.chat-conversation-info{flex:1;min-width:0}.chat-conversation-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.chat-conversation-header h4{margin:0;color:var(--text-primary);font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.chat-conversation-time{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;margin-left:8px}.chat-conversation-preview{margin:0;color:var(--text-secondary);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-conversation-item.unread .chat-conversation-preview{color:var(--text-primary);font-weight:600}@media(max-width:768px){.chat-conversations-menu{width:calc(100vw - 40px);max-width:360px;bottom:80px;right:10px}.chat-floating-button-container{bottom:10px;right:10px}}.notification-bell-container{position:relative}.notification-bell{background:transparent;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;position:relative;padding:8px;border-radius:8px;transition:all .3s ease}.notification-bell:hover{color:var(--primary-color);background:#dc26261a}.notification-bell.blinking{animation:bellBlink 1.5s ease-in-out infinite}@keyframes bellBlink{0%,to{color:var(--text-secondary);opacity:1;transform:scale(1)}50%{color:red;opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 12px rgba(255,0,0,1))}}.notification-badge{position:absolute;top:0;right:0;background:var(--secondary-color);color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.notification-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:350px;background:var(--dark-card);border-radius:12px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(220,38,38,.2);z-index:1000;overflow:hidden}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border:1px solid var(--border-color)}.dropdown-header h3{color:var(--primary-color);font-size:1.2rem;margin:0}.view-all-btn{background:transparent;border:none;color:var(--primary-color);cursor:pointer;font-size:.85rem;font-weight:600;font-family:inherit;text-decoration:none}.view-all-btn:hover{text-decoration:underline}.dropdown-notifications{max-height:400px;overflow-y:auto}.dropdown-notification-item{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .3s ease}.dropdown-notification-item:hover{background:var(--dark-bg)}.dropdown-notification-item:last-child{border-bottom:none}.notification-title{color:var(--text-primary);font-weight:600;margin-bottom:4px;font-size:.9rem}.notification-preview{color:var(--text-secondary);font-size:.85rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.no-notifications{padding:40px 20px;text-align:center;color:var(--text-secondary);font-size:.9rem}@media(max-width:768px){.notification-dropdown{width:300px;right:-50px}}.navbar{position:fixed;top:0;left:0;right:0;background:var(--navbar-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--navbar-border);z-index:1000;padding:0;padding-top:var(--safe-area-inset-top);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right);box-shadow:0 4px 20px var(--shadow-color);overflow:visible;min-height:calc(72px + var(--safe-area-inset-top))}@supports (padding: env(safe-area-inset-top)){.navbar{padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);min-height:calc(72px + env(safe-area-inset-top,0px))}}@supports (padding: constant(safe-area-inset-top)){.navbar{padding-top:constant(safe-area-inset-top);padding-left:constant(safe-area-inset-left);padding-right:constant(safe-area-inset-right);min-height:calc(72px + constant(safe-area-inset-top))}}.nav-container{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;height:72px;position:relative;overflow:visible}.nav-logo{font-size:28px;font-weight:900;color:var(--primary-color);text-decoration:none;position:relative;letter-spacing:3px;text-transform:uppercase;z-index:1;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-height:50px;min-width:100px}.nav-logo:hover{transform:scale(1.05)}.nav-logo-image{max-height:50px;max-width:150px;height:50px;width:auto;object-fit:contain;transition:all .3s ease;display:block!important;visibility:visible!important;opacity:1!important;position:relative;z-index:2}.nav-logo-image[src$=".svg"],.nav-logo-image[src*=".svg"]{filter:none;background:transparent;height:50px;width:auto;min-width:100px}.nav-logo-image{mix-blend-mode:normal;pointer-events:auto}.logo-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary-color);filter:blur(10px);opacity:.5;z-index:-1;pointer-events:none}.nav-logo:has(.nav-logo-image) .logo-glow,.nav-logo:has(.nav-logo-image) .logo-text{display:none!important}.nav-logo-image{position:relative;z-index:10!important}.nav-links-desktop{display:flex;align-items:center;gap:8px}.nav-link{display:flex;align-items:center;gap:8px;color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:14px;transition:all .3s ease;padding:10px 16px;border-radius:8px;position:relative;white-space:nowrap}.nav-link:hover{color:var(--primary-color);background:#c6ff001a}.nav-link.active{color:var(--primary-color);background:#c6ff0026}.nav-link.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:var(--primary-color);border-radius:2px}.theme-toggle{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .3s ease;margin-left:8px}.theme-toggle:hover{background:var(--primary-color);color:var(--secondary-color);transform:scale(1.1);box-shadow:0 0 15px #c6ff0066}.theme-toggle-mobile{width:100%;text-align:left;border:none;cursor:pointer;font-family:inherit}.nav-icon{font-size:18px;display:flex;align-items:center;justify-content:center}.nav-label{display:inline-block}.admin-link{color:#ff6b6b}.admin-link:hover{color:#ff6b6b;background:#ff6b6b1a}.admin-link.active{color:#ff6b6b;background:#ff6b6b26}.play-menu-container{position:relative}.play-menu-trigger{cursor:pointer;border:none;background:transparent;font-family:inherit}.play-menu-trigger .dropdown-arrow{font-size:10px;margin-left:4px;transition:transform .3s ease}.play-menu-container:hover .play-menu-trigger .dropdown-arrow,.play-menu-dropdown:hover~.play-menu-trigger .dropdown-arrow{transform:rotate(180deg)}.play-menu-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0000004d;min-width:180px;z-index:1001;padding:8px 0}.play-menu-item{display:flex;align-items:center;gap:12px;padding:10px 16px;color:var(--text-primary);text-decoration:none;transition:background .2s ease;font-size:14px}.play-menu-item:hover{background:var(--dark-bg);color:var(--primary-color)}.play-menu-item.active{color:var(--primary-color);background:#c6ff001a}.play-menu-icon{font-size:18px;width:24px;text-align:center}.mobile-nav-section-header{padding:12px 20px 8px;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;margin-top:8px}.mobile-nav-subitem{padding-left:48px!important}.mobile-nav-icon{font-size:18px;margin-right:8px}.navbar-search-notification-wrapper{display:flex;align-items:center;gap:12px;flex:1;max-width:500px;margin:0 20px}.navbar-search-container{position:relative;flex:1}.navbar-notification-mobile{display:none}.navbar-search-input{width:100%;padding:10px 40px 10px 16px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:24px;color:var(--text-primary);font-size:14px;transition:all .3s ease;outline:none}.navbar-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 10px #c6ff0033}.navbar-search-input::placeholder{color:var(--text-secondary)}.navbar-search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px;pointer-events:none;opacity:.6}.navbar-search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--dark-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0000004d;max-height:500px;overflow-y:auto;z-index:1001;margin-top:4px}.search-results-section{padding:8px 0}.search-results-header{padding:8px 16px;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;border-bottom:1px solid var(--border-color);margin-bottom:4px}.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;color:var(--text-primary);transition:background .2s ease;border-bottom:1px solid var(--border-color)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--dark-bg)}.search-result-avatar,.search-result-image{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.search-result-image{border-radius:8px}.search-result-avatar-placeholder,.search-result-image-placeholder{width:40px;height:40px;border-radius:50%;background:var(--gradient-3);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.search-result-image-placeholder{border-radius:8px}.search-result-info{flex:1;min-width:0}.search-result-name{font-weight:500;font-size:14px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-meta{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-loading,.search-no-results{padding:20px;text-align:center;color:var(--text-secondary);font-size:14px}.nav-link.icon-link{background:transparent;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;position:relative;padding:8px;border-radius:8px;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.nav-link.icon-link:hover{color:var(--primary-color);background:#c6ff001a}.nav-link.icon-link.active{color:var(--primary-color);background:#c6ff0026}.cart-icon-button{background:transparent;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;position:relative;padding:8px;border-radius:8px;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center}.cart-icon-button:hover{color:var(--primary-color);background:#c6ff001a}.cart-badge{position:absolute;top:0;right:0;background:var(--primary-color);color:var(--secondary-color);font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:1.2}.mobile-cart-icon-button{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;color:var(--text-primary);text-decoration:none;background:var(--dark-card);border:1px solid var(--border-color);border-radius:8px;margin:8px 20px;transition:all .3s ease;position:relative;font-size:16px;font-weight:500}.mobile-cart-icon-button:hover{background:var(--dark-bg);border-color:var(--primary-color);color:var(--primary-color)}.mobile-cart-icon-button .cart-badge{position:static;margin-left:8px}.user-menu-container{position:relative;margin-left:12px}.user-menu-trigger{display:flex;align-items:center;gap:10px;background:var(--dark-card);border:1px solid var(--border-color);border-radius:24px;padding:6px 12px 6px 6px;cursor:pointer;transition:all .3s ease;font-family:inherit}.user-menu-trigger:hover{background:var(--dark-card);border-color:var(--primary-color);box-shadow:0 0 10px #c6ff0033}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--gradient-3);display:flex;align-items:center;justify-content:center;overflow:visible;flex-shrink:0;position:relative}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-avatar span{color:var(--secondary-color);font-weight:700;font-size:14px}.navbar-status-badge{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid var(--dark-card);z-index:10;transition:all .3s ease}.navbar-status-badge.discoverable{background-color:#10b981;box-shadow:0 0 0 2px #10b9814d}.navbar-status-badge.not-discoverable{background-color:#6b7280}.user-name{color:var(--text-primary);font-weight:500;font-size:14px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:var(--text-secondary);font-size:10px;transition:transform .3s ease}.user-menu-trigger:hover .dropdown-arrow{color:var(--primary-color)}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--dark-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:12px;padding:8px;min-width:200px;box-shadow:0 8px 32px var(--shadow-color);z-index:1001}.user-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;color:var(--text-primary);text-decoration:none;border-radius:8px;transition:all .3s ease;background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:14px;text-align:left}.user-menu-item:hover{background:#c6ff001a;color:var(--primary-color)}.user-menu-item.logout-item{color:#ff6b6b}.user-menu-item.logout-item:hover{background:#ff6b6b1a;color:#ff6b6b}.user-menu-item.online-status-item{justify-content:space-between;cursor:default}.user-menu-item.online-status-item:hover{background:transparent;color:var(--text-primary)}.menu-icon{font-size:18px;width:20px;text-align:center}.user-menu-divider{height:1px;background:#00000026;margin:8px 0}.toggle-switch-small{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer;flex-shrink:0}.toggle-switch-small input{opacity:0;width:0;height:0}.toggle-switch-small input:disabled{cursor:not-allowed}.toggle-slider-small{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#6b7280;transition:.3s;border-radius:24px}.toggle-slider-small:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch-small input:checked+.toggle-slider-small{background-color:#10b981}.toggle-switch-small input:checked+.toggle-slider-small:before{transform:translate(20px)}.toggle-switch-small input:disabled+.toggle-slider-small{opacity:.5;cursor:not-allowed}.nav-links-auth{display:flex;align-items:center;gap:16px}.mobile-menu-toggle{display:none;background:transparent;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;padding:8px;transition:all .3s ease;font-family:inherit}.mobile-menu-toggle:hover{color:var(--primary-color)}.mobile-menu-toggle span{display:block;transition:transform .3s ease}.mobile-menu-toggle span.open{transform:rotate(90deg)}.nav-links-mobile{position:fixed!important;top:72px!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:calc(100vh - 72px)!important;background:var(--navbar-bg)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999!important;overflow-y:auto!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;visibility:visible!important;opacity:1!important;transform:none!important;pointer-events:auto!important}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--dark-card)}.mobile-user-info{display:flex;align-items:center;gap:12px;cursor:pointer;text-decoration:none;color:inherit;transition:opacity .2s ease;flex:1}.mobile-user-info:hover{opacity:.8}.mobile-user-info:active{opacity:.6}.mobile-user-info .user-avatar{width:48px;height:48px}.mobile-user-info .user-name{color:var(--text-primary);font-weight:600;font-size:16px;max-width:none;display:block}.mobile-user-details{display:flex;flex-direction:column;justify-content:center}.user-email{color:var(--text-secondary);font-size:12px;margin-top:2px}.close-mobile-menu{background:transparent;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;padding:8px;transition:all .3s ease;font-family:inherit;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px}.close-mobile-menu:hover{background:#00000026;color:var(--primary-color)}.mobile-nav-items{display:flex;flex-direction:column;padding:16px 0}.mobile-nav-item{display:flex;align-items:center;gap:16px;padding:16px 24px;color:var(--text-primary);text-decoration:none;transition:all .3s ease;font-size:16px;font-weight:500;background:transparent;border:none;cursor:pointer;font-family:inherit;text-align:left;border-left:3px solid transparent}.mobile-nav-item:hover{background:#c6ff001a;border-left-color:var(--primary-color);color:var(--primary-color)}.mobile-nav-item.active{background:#c6ff0026;border-left-color:var(--primary-color);color:var(--primary-color)}.mobile-nav-item.logout-item{color:#ff6b6b;border-left-color:transparent}.mobile-nav-item.logout-item:hover{background:#ff6b6b1a;border-left-color:#ff6b6b;color:#ff6b6b}.mobile-nav-item.online-status-item-mobile{justify-content:space-between;cursor:default}.mobile-nav-item.online-status-item-mobile:hover{background:transparent;border-left-color:transparent;color:var(--text-primary)}.mobile-notifications-wrapper{padding:16px 24px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin:8px 0}.mobile-menu-divider{height:1px;background:var(--border-color);margin:8px 24px;opacity:.5}@media(max-width:1024px){.nav-label{display:none}.nav-link{padding:10px 12px}.user-name{display:none}.user-menu-trigger{padding:6px}}@media(max-width:768px){.navbar{min-height:calc(64px + var(--safe-area-inset-top))}.nav-container{padding:0 16px;height:64px}.nav-links-desktop,.user-menu-container{display:none!important}.mobile-menu-toggle{display:block!important;z-index:10000;position:relative}.nav-logo{font-size:24px}.nav-links-auth{gap:12px}.nav-links-auth .nav-link{font-size:14px;padding:8px 14px}.nav-links-mobile{top:64px!important;height:calc(100vh - 64px)!important;z-index:9999!important;display:flex!important;visibility:visible!important;opacity:1!important;transform:translate(0)!important}.navbar-search-notification-wrapper{margin:0 8px 0 0;max-width:none;flex:1;gap:8px}.navbar-search-container{margin:0}.navbar-notification-mobile{display:block;flex-shrink:0}}@media(max-width:480px){.nav-container{padding:0 12px}.nav-logo{font-size:20px;letter-spacing:2px}}.footer{background:var(--dark-card);border-top:1px solid var(--border-color);margin-top:60px;padding:20px 0}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-bottom{text-align:center;color:var(--text-secondary);font-size:14px}.footer-bottom p{margin:0}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--dark-bg)}.error-content{text-align:center;max-width:500px;padding:40px;background:var(--dark-card);border-radius:20px;border:1px solid rgba(255,0,110,.2)}.error-icon{font-size:64px;margin-bottom:20px}.error-content h1{color:var(--secondary-color);font-size:2rem;margin-bottom:16px}.error-content p{color:var(--text-secondary);margin-bottom:30px;font-size:1.1rem}.error-content button{min-width:200px}.global-loading-indicator{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;pointer-events:none}.loading-spinner{position:relative;width:80px;height:80px}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:var(--primary-color);border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){animation-delay:-.45s;border-top-color:var(--primary-color);opacity:1}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#c6ff00b3;width:80%;height:80%;top:10%;left:10%}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#c6ff0080;width:60%;height:60%;top:20%;left:20%}.spinner-ring:nth-child(4){animation-delay:0s;border-top-color:#c6ff004d;width:40%;height:40%;top:30%;left:30%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.global-loading-indicator{background:#0009}.loading-spinner{width:60px;height:60px}.spinner-ring{border-width:3px}}.location-permission-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.location-permission-modal{background:var(--dark-card, #1a1a2e)!important;border-radius:20px;padding:32px;max-width:500px;width:100%;max-height:90vh;border:2px solid var(--border-color);box-shadow:0 8px 32px #0000004d;opacity:1!important;-webkit-backdrop-filter:none;backdrop-filter:none;position:relative;z-index:10001;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.modal-header{text-align:center;margin-bottom:24px}.modal-icon{font-size:64px;margin-bottom:16px}.modal-header h2{font-size:24px;font-weight:700;color:var(--text-color);margin:0}.modal-content{margin-bottom:24px;flex:1;min-height:0;overflow-y:auto;width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;box-sizing:border-box}.modal-description{font-size:16px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px;text-align:center;width:100%}.benefits-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px;background:var(--dark-bg);border-radius:12px;flex-shrink:0;width:100%;box-sizing:border-box}.benefit-item{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--text-color)}.benefit-icon{font-size:20px;width:32px;text-align:center}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px;border-radius:8px;font-size:14px;margin-bottom:16px;text-align:center;width:100%;box-sizing:border-box}.privacy-note{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#00ff881a;border:1px solid rgba(0,255,136,.2);border-radius:8px;font-size:13px;color:var(--text-secondary);line-height:1.5;width:100%;box-sizing:border-box}.privacy-icon{font-size:16px;flex-shrink:0;margin-top:2px}.modal-actions{display:flex;gap:12px;flex-shrink:0;margin-top:auto;width:100%;box-sizing:border-box}.allow-btn,.not-now-btn{flex:1;padding:14px 24px;border:none;border-radius:10px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease}.allow-btn{background:#0f8;color:#001a33}.allow-btn:hover{background:#00e67a;transform:translateY(-2px);box-shadow:0 4px 12px #00ff884d}.not-now-btn{background:var(--dark-bg);color:var(--text-color);border:1px solid var(--border-color)}.not-now-btn:hover{background:var(--hover-bg);border-color:var(--text-secondary)}@media(max-width:480px){.location-permission-modal{padding:24px}.modal-icon{font-size:48px}.modal-header h2{font-size:20px}.modal-actions{flex-direction:column}.allow-btn,.not-now-btn{width:100%}}.pwa-install-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10000;max-width:500px;width:calc(100% - 40px);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.pwa-install-content{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pwa-install-icon{font-size:32px;flex-shrink:0}.pwa-install-text{flex:1;min-width:0}.pwa-install-text h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#fff}.pwa-install-text p{margin:0;font-size:13px;color:#ffffffb3;line-height:1.4}.pwa-install-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.pwa-install-btn{background:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pwa-install-btn:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.pwa-install-btn:active{transform:translateY(0)}.pwa-dismiss-btn{background:transparent;color:#fff9;border:none;width:32px;height:32px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.pwa-dismiss-btn:hover{background:#ffffff1a;color:#ffffffe6}@media(max-width:768px){.pwa-install-prompt{bottom:10px;width:calc(100% - 20px)}.pwa-install-content{padding:12px 16px;gap:12px}.pwa-install-icon{font-size:28px}.pwa-install-text h3{font-size:15px}.pwa-install-text p{font-size:12px}.pwa-install-btn{padding:8px 16px;font-size:13px}.pwa-dismiss-btn{width:28px;height:28px;font-size:16px}}@media(max-width:480px){.pwa-install-text p{display:none}}