:root{--bg: #0d1421;--bg-dark: #151e33;--bg-light: #1c2840;--panel: #1c2840;--text: #f8fafc;--text-muted: #94a3b8;--muted: #64748b;--line: rgba(255, 255, 255, .1);--brand: #fac216;--brand-dark: #d4a00a;--brand-2: #fac216;--accent: #3b82f6;--success: #22c55e;--danger: #ef4444}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--bg-dark);color:var(--text)}a{color:var(--brand)}.navbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#151e33f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav-brand{display:flex;align-items:center;gap:10px;font-weight:700;color:#fff;text-decoration:none}.nav-logo{width:32px;height:32px}.nav-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.nav-links a{color:#94a3b8;text-decoration:none;padding:8px 12px;border-radius:8px;transition:all .2s ease}.nav-links a:hover{color:#fff;background:#ffffff0d}.link-button{border:none;background:transparent;color:var(--brand);cursor:pointer;padding:0}.container{max-width:1100px;margin:0 auto;padding:24px 16px}.container.narrow{max-width:420px}.row{display:flex;align-items:center}.wrap{flex-wrap:wrap}.gap{gap:10px}.list{display:grid;gap:12px}.card{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:14px;color:var(--text)}.form{display:grid;gap:10px}input,select,button{border:1px solid var(--line);border-radius:8px;padding:10px;font-size:14px}button,.button{background:var(--brand);color:#151e33;text-decoration:none;cursor:pointer;font-weight:600}button.secondary,.button.secondary{background:var(--bg-light);color:var(--text)}button.danger{background:var(--danger)}.error{color:var(--danger)}.checkbox{display:inline-flex;align-items:center;gap:6px}.calendar-grid{margin-top:14px;display:grid;grid-template-columns:80px repeat(7,minmax(110px,1fr));border:1px solid var(--line);background:#fff;overflow-x:auto}.calendar-header,.calendar-time,.calendar-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:0;min-height:48px;height:48px;position:relative;overflow:visible;z-index:1}.calendar-cell:hover{z-index:5}.calendar-time{padding:6px;display:flex;align-items:flex-start;font-size:13px;color:var(--muted)}.calendar-header{background:#f1f5ff;font-weight:600;padding:6px}.slot{border:none;border-radius:6px;font-size:12px;cursor:pointer;box-shadow:0 1px 3px #00000026}.slot-title{font-weight:600;font-size:13px}.slot-time{font-size:11px;opacity:.9}.slot-open{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.slot-blocked{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f162873;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(420px,100%);background:#fff;border-radius:12px;padding:16px}@media (max-width: 760px){.calendar-grid{grid-template-columns:64px repeat(7,minmax(88px,1fr))}.container{padding:16px 10px}}.welcome-page{min-height:calc(100vh - 60px);padding:0}.hero{text-align:center;padding:80px 20px;background:linear-gradient(135deg,#2e5bff,#183699);color:#fff}.hero h1{font-size:3rem;margin:0 0 1rem;line-height:1.2}.hero .subtitle{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto 2rem}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:14px 32px;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-primary{background:#fff;color:var(--brand)}.btn-secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.8)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:60px 20px;max-width:1100px;margin:0 auto}.feature-card{background:var(--panel);padding:2rem;border-radius:12px;border:1px solid var(--line);text-align:center}.feature-card h3{font-size:1.3rem;margin:0 0 .75rem}.feature-card p{color:var(--muted);margin:0}@media (max-width: 600px){.hero h1{font-size:2rem}.hero{padding:50px 20px}}.venue-calendar-content{max-width:1400px;margin:0 auto}.dark-calendar-page{background:#0f172a;min-height:100vh;padding:24px;color:#e2e8f0}.dc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:16px}.dc-header h1{margin:0;font-size:1.75rem;color:#f8fafc}.dc-subtitle{margin:4px 0 0;color:#94a3b8;font-size:.95rem}.dc-venue-select{background:#1e293b;border:1px solid #334155;color:#e2e8f0;padding:10px 14px;border-radius:8px;font-size:.95rem;min-width:200px}.dc-toolbar{display:flex;align-items:center;justify-content:space-between;background:#1e293b;border-radius:12px;padding:12px 16px;margin-bottom:20px;flex-wrap:wrap;gap:12px}.dc-week-nav{display:flex;align-items:center;gap:12px}.dc-nav-btn{background:#334155;border:none;color:#e2e8f0;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.dc-nav-btn:hover{background:#475569}.dc-week-label{font-weight:600;color:#f8fafc;min-width:180px;text-align:center}.dc-legend{display:flex;gap:16px;flex-wrap:wrap}.dc-legend-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#94a3b8}.dc-legend-dot{width:10px;height:10px;border-radius:50%}.dc-add-btn{background:#eab308;color:#0f172a;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.dc-add-btn:hover:not(:disabled){background:#facc15;transform:translateY(-1px)}.dc-add-btn:disabled{opacity:.5;cursor:not-allowed}.dc-grid-wrapper{overflow-x:auto;background:#1e293b;border-radius:16px;padding:2px}.dc-grid{display:grid;grid-template-columns:80px repeat(7,minmax(100px,1fr));min-width:900px}.dc-time-header,.dc-day-header{padding:12px 8px;text-align:center;font-weight:600;color:#94a3b8;background:#1e293b;border-bottom:1px solid #334155}.dc-day-header{color:#f8fafc}.dc-time-cell{padding:8px;font-size:.8rem;color:#64748b;border-bottom:1px solid #334155;border-right:1px solid #334155;display:flex;align-items:flex-start;justify-content:flex-end;height:52px}.dc-cell{border-bottom:1px solid #334155;border-right:1px solid #334155;height:52px;position:relative;cursor:pointer;transition:background .15s;overflow:visible}.dc-cell:hover{background:#3b82f61a}.dc-slot{position:absolute;top:2px;left:2px;right:2px;border-radius:8px;padding:6px 8px;color:#fff;cursor:pointer;z-index:5;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000004d;transition:transform .1s,box-shadow .1s}.dc-slot:hover{transform:scale(1.02);box-shadow:0 4px 12px #0006;z-index:10}.dc-slot-title{font-weight:600;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-slot-time{font-size:.75rem;opacity:.9;margin-top:2px}.dc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.dc-stat-card{background:#1e293b;border-radius:12px;padding:20px;text-align:center;border:1px solid #334155}.dc-stat-value{font-size:2rem;font-weight:700;margin-bottom:4px}.dc-stat-label{color:#94a3b8;font-size:.9rem}.dc-stat-available .dc-stat-value{color:#22c55e}.dc-stat-booked .dc-stat-value{color:#3b82f6}.dc-stat-blocked .dc-stat-value{color:#ef4444}.dc-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.dc-modal{background:#1e293b;border-radius:16px;width:min(440px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000080}.dc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #334155}.dc-modal-header h2{margin:0;font-size:1.25rem;color:#f8fafc}.dc-modal-date{color:#64748b;font-size:.9rem}.dc-modal-body{padding:20px 24px}.dc-label{display:block;color:#94a3b8;font-size:.85rem;margin-bottom:8px;margin-top:16px}.dc-label:first-child{margin-top:0}.dc-status-selector{display:flex;gap:8px}.dc-status-btn{flex:1;padding:10px;border:2px solid #334155;background:transparent;color:#94a3b8;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.dc-status-btn:hover{border-color:#475569;color:#e2e8f0}.dc-status-btn.dc-status-active{border-color:var(--active-color);background:var(--active-color);color:#fff}.dc-input{width:100%;padding:10px 12px;background:#0f172a;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:.95rem}.dc-input:focus{outline:none;border-color:#3b82f6}.dc-time-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dc-modal-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #334155}.dc-cancel-btn{padding:10px 20px;background:transparent;border:1px solid #334155;color:#94a3b8;border-radius:8px;cursor:pointer;font-weight:500}.dc-cancel-btn:hover{background:#334155;color:#e2e8f0}.dc-save-btn{padding:10px 24px;background:#eab308;border:none;color:#0f172a;border-radius:8px;cursor:pointer;font-weight:600}.dc-save-btn:hover{background:#facc15}.dc-delete-btn{padding:10px 16px;background:transparent;border:1px solid #ef4444;color:#ef4444;border-radius:8px;cursor:pointer;font-weight:500}.dc-delete-btn:hover{background:#ef4444;color:#fff}@media (max-width: 768px){.dark-calendar-page{padding:16px}.dc-stats{grid-template-columns:1fr}.dc-toolbar{flex-direction:column;align-items:stretch}.dc-week-nav,.dc-legend{justify-content:center}}.welcome-page-new{--primary: #fac216;--primary-light: #ffd54f;--primary-dark: #d4a00a;--accent: #fac216;--dark: #151e33;--dark-2: #1c2840;--gray: #64748b;--light: #f1f5f9;--success: #22c55e;--glass: rgba(255, 255, 255, .1);min-height:100vh;background:linear-gradient(135deg,#0d1421,#151e33,#0d1421);color:#f8fafc;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes blob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}.announcement-banner{background:linear-gradient(90deg,#fac216,#ffd54f);padding:10px 20px;text-align:center;font-size:.9rem;font-weight:600;animation:fadeInDown .6s ease-out;color:#151e33}.announcement-banner .flag{margin-right:8px}.welcome-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;background:#151e33f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:100;animation:fadeInDown .6s ease-out .1s both;border-bottom:1px solid rgba(255,255,255,.05)}.nav-brand-logo{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:800;color:#fff}.nav-brand-logo .logo-img{width:40px;height:40px}.nav-links-center{display:flex;gap:32px}.nav-links-center a{color:#94a3b8;text-decoration:none;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.nav-links-center a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);transition:width .3s ease}.nav-links-center a:hover{color:#fff}.nav-links-center a:hover:after{width:100%}.nav-auth{display:flex;gap:12px;align-items:center}.nav-login{color:#94a3b8;text-decoration:none;font-weight:500;padding:10px 20px;transition:all .3s ease}.nav-login:hover{color:#fff}.nav-register{background:var(--primary);color:#151e33;text-decoration:none;font-weight:600;padding:10px 24px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #fac2164d}.nav-register:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 8px 25px #fac21666}.hero-new{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:80px 60px;max-width:1400px;margin:0 auto;align-items:center;position:relative}.hero-new:before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(250,194,22,.1) 0%,transparent 70%);animation:blob 8s ease-in-out infinite}.hero-content{animation:fadeInLeft .8s ease-out .2s both}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;margin:0 0 24px}.gradient-text{background:linear-gradient(135deg,#fac216,#ffd54f,#e5a800);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 4s ease infinite}.hero-subtitle{font-size:1.2rem;color:#94a3b8;line-height:1.7;margin:0 0 32px;max-width:500px}.hero-buttons-new{display:flex;gap:16px;margin-bottom:48px}.btn-primary-new{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#151e33;padding:16px 32px;border-radius:14px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #fac21666;position:relative;overflow:hidden}.btn-primary-new: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}.btn-primary-new:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #fac21680}.btn-primary-new:hover:before{left:100%}.btn-secondary-new{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:16px 32px;border-radius:14px;font-weight:600;font-size:1rem;text-decoration:none;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.btn-secondary-new:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.hero-stats{display:flex;gap:24px}.stat-badge{display:flex;align-items:center;gap:12px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.stat-badge:hover{background:#ffffff14;transform:translateY(-2px)}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.3rem;font-weight:700;color:#fff}.stat-label{font-size:.85rem;color:#64748b}.hero-visual{animation:fadeInRight .8s ease-out .3s both;position:relative}.hero-image-container{position:relative;border-radius:32px;overflow:visible}.hero-image{width:100%;height:500px;object-fit:cover;border-radius:32px;box-shadow:0 20px 60px #0006}.floating-card{position:absolute;background:#1e293bf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:14px 18px;border-radius:16px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 40px #0000004d;animation:float 6s ease-in-out infinite}.floating-card.card-1{top:20px;left:-40px;animation-delay:0s}.floating-card.card-2{top:50%;right:-50px;animation-delay:2s}.floating-card.card-3{bottom:40px;left:20px;animation-delay:4s}.fc-icon{font-size:1.8rem}.fc-content{display:flex;flex-direction:column;gap:2px}.fc-title{font-weight:600;font-size:.9rem;color:#fff}.fc-sub{font-size:.75rem;color:#64748b}.section-title{font-size:2.5rem;font-weight:800;text-align:center;margin:0 0 12px;color:#fff}.section-subtitle{font-size:1.1rem;color:#64748b;text-align:center;margin:0 0 48px}.animate-on-scroll{opacity:0;animation:fadeInUp .8s ease-out forwards}.section-how{padding:100px 60px;max-width:1200px;margin:0 auto}.steps-container{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.step-card{background:linear-gradient(145deg,#1e293bcc,#0f172acc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px 32px;text-align:center;border:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);transform:scaleX(0);transition:transform .4s ease}.step-card:hover{transform:translateY(-8px);border-color:#3b82f64d;box-shadow:0 20px 40px #0000004d}.step-card:hover:before{transform:scaleX(1)}.step-number{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.step-icon{font-size:2.5rem;margin-bottom:20px}.step-card h3{font-size:1.3rem;font-weight:700;margin:0 0 12px;color:#fff}.step-card p{color:#94a3b8;margin:0;line-height:1.6}.section-sports{padding:100px 60px;background:linear-gradient(180deg,transparent 0%,rgba(30,41,59,.3) 50%,transparent 100%)}.sports-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1000px;margin:0 auto}.sport-card{background:linear-gradient(145deg,#1e293be6,#0f172ae6);border-radius:24px;padding:48px 32px;text-align:center;border:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.sport-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px #0006}.sport-card.sport-football:hover{border-color:#22c55e80;box-shadow:0 20px 50px #22c55e33}.sport-card.sport-basketball:hover{border-color:#f9731680;box-shadow:0 20px 50px #f9731633}.sport-card.sport-volleyball:hover{border-color:#8b5cf680;box-shadow:0 20px 50px #8b5cf633}.sport-emoji{font-size:4rem;display:block;margin-bottom:20px;transition:transform .3s ease}.sport-card:hover .sport-emoji{transform:scale(1.2) rotate(10deg)}.sport-card h3{font-size:1.5rem;font-weight:700;margin:0 0 8px;color:#fff}.sport-count{color:#64748b;margin:0;font-size:1rem}.section-games{padding:100px 60px;max-width:1400px;margin:0 auto}.section-header-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px}.section-header-row .section-title,.section-header-row .section-subtitle{text-align:left;margin-bottom:0}.section-header-row .section-subtitle{margin-top:8px}.view-all-btn{color:var(--primary-light);text-decoration:none;font-weight:600;transition:all .3s ease}.view-all-btn:hover{color:#fff;transform:translate(4px)}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.game-card-new{background:linear-gradient(145deg,#1e293be6,#0f172ae6);border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.4,0,.2,1)}.game-card-new:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0006;border-color:#3b82f64d}.game-image-container{position:relative;height:200px;overflow:hidden}.game-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.game-card-new:hover .game-image{transform:scale(1.1)}.game-status-badge{position:absolute;top:16px;left:16px;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-status-badge.open{background:#22c55ee6;color:#fff}.game-status-badge.full{background:#ef4444e6;color:#fff}.game-sport-badge{position:absolute;top:16px;right:16px;font-size:1.5rem;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px;border-radius:12px}.game-info{padding:24px}.game-info h3{font-size:1.3rem;font-weight:700;margin:0 0 16px;color:#fff}.game-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.game-meta span{color:#94a3b8;font-size:.9rem}.game-join-btn{display:block;text-align:center;background:var(--primary);color:#fff;padding:12px 24px;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease}.game-join-btn:hover{background:var(--primary-light);transform:translateY(-2px)}.section-map{padding:100px 60px;max-width:1200px;margin:0 auto}.map-container{position:relative;border-radius:24px;overflow:hidden}.map-placeholder{height:400px;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1);border-radius:24px;position:relative;overflow:hidden}.map-placeholder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(59,130,246,.1) 1px,transparent 1px),linear-gradient(rgba(59,130,246,.1) 1px,transparent 1px);background-size:60px 60px}.map-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.map-label{display:block;font-size:.85rem;color:#64748b;letter-spacing:2px;margin-bottom:8px}.map-point{display:block;font-size:1.5rem;font-weight:700;color:#fff}.explore-map-btn{display:block;width:fit-content;margin:24px auto 0;color:var(--primary);text-decoration:none;font-weight:600;transition:all .3s ease}.explore-map-btn:hover{color:#fff}.section-demo{padding:100px 60px;background:linear-gradient(180deg,transparent 0%,rgba(250,194,22,.03) 50%,transparent 100%)}.demo-cards{display:flex;justify-content:center;gap:24px;max-width:800px;margin:0 auto}.demo-card{flex:1;max-width:280px;background:linear-gradient(145deg,#1c2840e6,#151e33e6);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px 24px;text-align:center;text-decoration:none;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center}.demo-card:hover{transform:translateY(-8px) scale(1.03);border-color:var(--primary);box-shadow:0 20px 40px #fac21626}.demo-icon{font-size:2.5rem;display:block;margin-bottom:16px}.demo-label{font-weight:600;font-size:1.2rem;color:#fff;margin-bottom:8px}.demo-desc{font-size:.9rem;color:#64748b;line-height:1.5}.footer-new{background:#0a0f1a;padding:80px 60px 40px;border-top:1px solid rgba(255,255,255,.05)}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 2fr;gap:60px}.footer-logo{display:flex;align-items:center;gap:12px;font-size:1.8rem;font-weight:800;margin-bottom:16px;color:#fff}.footer-logo-img{width:48px;height:48px}.footer-brand p{color:#64748b;line-height:1.7;margin:0 0 20px;max-width:300px}.footer-sports{font-size:2rem;letter-spacing:8px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-column h4{font-size:.9rem;font-weight:700;color:#fff;margin:0 0 20px;text-transform:uppercase;letter-spacing:1px}.footer-column a{display:block;color:#64748b;text-decoration:none;margin-bottom:12px;transition:color .3s ease}.footer-column a:hover{color:var(--primary)}.footer-bottom{max-width:1200px;margin:60px auto 0;padding-top:30px;border-top:1px solid rgba(255,255,255,.05);text-align:center}.footer-bottom p{color:#475569;margin:0;font-size:.9rem}@media (max-width: 1024px){.hero-new{grid-template-columns:1fr;gap:40px;padding:60px 30px}.hero-title{font-size:3rem}.hero-visual{order:-1}.hero-image{height:350px}.floating-card.card-1,.floating-card.card-2,.floating-card.card-3{display:none}.steps-container,.sports-grid,.games-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.footer-content{grid-template-columns:1fr;gap:40px}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.welcome-nav{flex-direction:column;gap:16px;padding:16px 20px}.nav-links-center{gap:20px}.hero-title{font-size:2.2rem}.hero-stats{flex-direction:column;gap:12px}.section-how,.section-sports,.section-games,.section-map,.section-demo{padding:60px 20px}.section-title{font-size:1.8rem}.demo-cards{flex-direction:column;align-items:center}.demo-card{width:100%;max-width:280px}.footer-new{padding:60px 20px 30px}.footer-links{grid-template-columns:1fr;gap:30px}}.demo-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);color:#f8fafc}.demo-banner{background:linear-gradient(90deg,#f59e0b,#d97706);padding:12px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-weight:600;color:#0f172a}.demo-banner-actions{display:flex;gap:8px;flex-wrap:wrap}.demo-banner-actions button{background:#0000001a;border:none;padding:8px 16px;border-radius:8px;color:#0f172a;font-weight:600;cursor:pointer;transition:all .2s ease}.demo-banner-actions button:hover,.demo-banner-actions button.active{background:#0003}.demo-banner-actions .exit-demo{background:#0f172a;color:#fff}.demo-banner-actions .exit-demo:hover{background:#1e293b}.demo-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.demo-nav-brand{font-size:1.5rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:10px}.demo-badge{background:#f59e0b;color:#0f172a;font-size:.7rem;padding:4px 8px;border-radius:6px}.demo-nav-tabs{display:flex;gap:8px}.demo-nav-tabs button{background:transparent;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:10px 20px;border-radius:10px;cursor:pointer;transition:all .2s ease}.demo-nav-tabs button:hover,.demo-nav-tabs button.active{background:#3b82f633;border-color:#3b82f6;color:#fff}.demo-signup-btn{background:#3b82f6;color:#fff;text-decoration:none;padding:10px 20px;border-radius:10px;font-weight:600;transition:all .2s ease}.demo-signup-btn:hover{background:#2563eb;transform:translateY(-2px)}.demo-content{max-width:1200px;margin:0 auto;padding:40px}.demo-section h2{font-size:1.8rem;margin:0 0 8px}.demo-hint{color:#64748b;margin:0 0 32px}.demo-games-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.demo-game-card{background:linear-gradient(145deg,#1e293be6,#0f172ae6);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:24px;transition:all .3s ease}.demo-game-card:hover{transform:translateY(-4px);border-color:#3b82f64d;box-shadow:0 12px 40px #0000004d}.demo-game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.demo-game-sport{font-size:2rem}.demo-game-status{padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600}.demo-game-status.active{background:#22c55e33;color:#22c55e}.demo-game-status.full{background:#ef444433;color:#ef4444}.demo-game-card h3{margin:0 0 16px;font-size:1.3rem}.demo-game-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;color:#94a3b8;font-size:.9rem}.demo-join-btn{width:100%;background:#3b82f6;border:none;color:#fff;padding:12px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.demo-join-btn:hover:not(:disabled){background:#2563eb}.demo-join-btn:disabled{background:#475569;cursor:not-allowed}.demo-wallet-card{background:linear-gradient(145deg,#1e293be6,#0f172ae6);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:32px;max-width:500px}.demo-wallet-balance{text-align:center;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:24px}.demo-wallet-balance .label{display:block;color:#64748b;margin-bottom:8px}.demo-wallet-balance .amount{font-size:2.5rem;font-weight:800;color:#22c55e}.demo-wallet-history h4{margin:0 0 16px;color:#94a3b8}.demo-transaction{display:flex;align-items:center;gap:16px;padding:12px 0}.demo-tx-type{font-weight:700;font-size:1.1rem}.demo-tx-type.credit{color:#22c55e}.demo-tx-reason{flex:1;color:#fff}.demo-tx-date{color:#64748b;font-size:.85rem}.demo-venues-list{display:grid;gap:20px;max-width:600px}.demo-venue-card{background:linear-gradient(145deg,#1e293be6,#0f172ae6);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px}.demo-venue-card h3{margin:0 0 12px}.demo-venue-meta{display:flex;flex-direction:column;gap:6px;color:#94a3b8;margin-bottom:16px}.demo-edit-btn{background:#3b82f633;border:1px solid #3b82f6;color:#3b82f6;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease}.demo-edit-btn:hover{background:#3b82f6;color:#fff}.demo-add-venue-btn{background:transparent;border:2px dashed rgba(255,255,255,.1);color:#64748b;padding:20px;border-radius:16px;cursor:pointer;transition:all .2s ease}.demo-add-venue-btn:hover{border-color:#3b82f6;color:#3b82f6}.demo-calendar-preview{background:linear-gradient(145deg,#1e293be6,#0f172ae6);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:24px}.demo-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.demo-calendar-header button{background:#ffffff0d;border:none;color:#94a3b8;padding:8px 16px;border-radius:8px;cursor:pointer}.demo-calendar-header span{font-weight:600}.demo-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.demo-calendar-day{text-align:center;min-height:100px}.demo-calendar-day .day-name{display:block;color:#64748b;margin-bottom:8px;font-size:.85rem}.demo-slot{padding:8px;border-radius:8px;font-size:.75rem;line-height:1.4}.demo-slot.open{background:#22c55e33;color:#22c55e}.demo-slot.booked{background:#3b82f633;color:#3b82f6}.demo-users-list{display:grid;gap:16px;max-width:600px}.demo-user-card{display:flex;align-items:center;gap:16px;background:linear-gradient(145deg,#1e293be6,#0f172ae6);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px 20px}.demo-user-avatar{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:10px}.demo-user-info{flex:1;display:flex;flex-direction:column;gap:2px}.demo-user-email{font-weight:600}.demo-user-role{color:#64748b;font-size:.85rem}.demo-grant-btn{background:#f59e0b;border:none;color:#0f172a;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer}.demo-no-wallet{color:#64748b;font-size:.85rem}.demo-cta{text-align:center;padding:60px 40px;background:linear-gradient(180deg,transparent 0%,rgba(59,130,246,.1) 100%)}.demo-cta h3{font-size:1.8rem;margin:0 0 12px}.demo-cta p{color:#94a3b8;margin:0 0 24px}.demo-cta-btn{display:inline-block;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;text-decoration:none;padding:16px 32px;border-radius:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 20px #fac21666}.demo-cta-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #fac21680}@media (max-width: 768px){.demo-banner{flex-direction:column;text-align:center}.demo-nav{flex-direction:column;gap:16px;padding:16px 20px}.demo-content{padding:24px 16px}.demo-games-list{grid-template-columns:1fr}.demo-calendar-grid{grid-template-columns:repeat(3,1fr)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d1421,#151e33,#0d1421);padding:40px 20px}.auth-container{width:100%;max-width:420px;background:linear-gradient(145deg,#1c2840e6,#151e33f2);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.auth-logo{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;margin-bottom:32px}.auth-logo img{width:48px;height:48px}.auth-logo span{font-size:1.5rem;font-weight:800;color:#fff}.auth-container h1{font-size:1.8rem;font-weight:700;color:#fff;text-align:center;margin:0 0 8px}.auth-subtitle{text-align:center;color:#64748b;margin:0 0 32px}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-field label{font-size:.9rem;font-weight:600;color:#94a3b8}.auth-field input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;color:#fff;font-size:1rem;transition:all .3s ease}.auth-field input::placeholder{color:#64748b}.auth-field input:focus{outline:none;border-color:var(--brand);background:#ffffff14}.auth-role-select{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:16px;cursor:pointer;transition:all .3s ease}.role-option:hover{background:#ffffff0d;border-color:#fff3}.role-option.active{background:#fac2161a;border-color:var(--brand)}.role-icon{font-size:1.8rem}.role-label{font-size:.9rem;font-weight:600;color:#fff}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:12px 16px;border-radius:12px;margin:0;font-size:.9rem}.auth-submit{background:linear-gradient(135deg,#fac216,#ffd54f);color:#151e33;border:none;padding:16px 24px;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #fac2164d}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 8px 30px #fac21666}.auth-switch{text-align:center;color:#64748b;margin:24px 0 0}.auth-switch a{color:var(--brand);text-decoration:none;font-weight:600}.auth-switch a:hover{text-decoration:underline}.app-layout{display:flex;min-height:100vh;background:var(--bg-dark)}.sidebar{width:260px;background:linear-gradient(180deg,#0d1421,#151e33);border-right:1px solid rgba(250,194,22,.1);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100}.sidebar-brand{padding:24px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);text-decoration:none}.sidebar-brand img,.sidebar-logo{width:40px;height:40px}.sidebar-brand span{font-weight:700;font-size:1.25rem;color:#fff}.sidebar-nav{flex:1;padding:20px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.sidebar-link,.nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#94a3b8;text-decoration:none;transition:all .2s ease;font-weight:500}.sidebar-link:hover,.nav-item:hover{background:#fac21614;color:#fff}.sidebar-link.active,.nav-item.active{background:linear-gradient(135deg,#fac21626,#fac2160d);color:var(--brand);border:1px solid rgba(250,194,22,.2)}.sidebar-icon{font-size:1.25rem}.sidebar-label{font-size:.95rem}.sidebar-footer{padding:16px;border-top:1px solid var(--line)}.sidebar-user{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:12px;margin-bottom:12px}.sidebar-avatar,.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--brand) 0%,#ffd54f 100%);display:flex;align-items:center;justify-content:center;font-weight:700;color:#151e33}.sidebar-user-info,.user-details{flex:1;min-width:0}.sidebar-user-name{display:block;font-size:.9rem;color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{color:#64748b;font-size:.8rem;text-transform:capitalize}.user-details strong{display:block;font-size:.9rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-details small{color:#64748b;font-size:.8rem;text-transform:capitalize}.sidebar-logout,.logout-btn{width:100%;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:12px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .2s}.sidebar-logout:hover,.logout-btn:hover{background:#ef444433}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#151e33cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.top-bar-left{flex:1}.top-bar-right{display:flex;align-items:center;gap:16px}.top-bar-title h2{margin:0;font-size:1.5rem;color:#fff}.top-bar-title p{margin:4px 0 0;color:#64748b;font-size:.9rem}.top-bar-actions{display:flex;align-items:center;gap:16px}.credits-badge{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fac21626,#fac2160d);border:1px solid rgba(250,194,22,.3);padding:10px 16px;border-radius:12px;text-decoration:none;transition:all .2s ease;color:var(--brand);font-weight:600}.credits-badge:hover{background:linear-gradient(135deg,#fac21640,#fac2161a);transform:translateY(-2px)}.credits-badge .icon{font-size:1.25rem}.credits-badge .amount{font-weight:700;color:var(--brand);font-size:1rem}.credits-badge .label,.credits-text{color:#94a3b8;font-size:.85rem}.notification-btn{background:#ffffff0d;border:1px solid var(--line);color:#94a3b8;width:44px;height:44px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s}.notification-btn:hover{background:#ffffff14;color:#fff}.user-avatar-small{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--brand) 0%,#ffd54f 100%);display:flex;align-items:center;justify-content:center;font-weight:700;color:#151e33;font-size:.9rem}.page-content{flex:1;padding:32px;overflow-y:auto}.dashboard-page{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.page-header h1{margin:0;font-size:2rem;color:#fff}.page-subtitle{margin:4px 0 0;color:#64748b}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand) 0%,transparent 100%);opacity:.5}.stat-card-icon{font-size:2rem;margin-bottom:8px}.stat-card-value{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:4px}.stat-card-value.gold{color:var(--brand)}.stat-card-label{color:#64748b;font-size:.9rem}.stat-card-trend{margin-top:8px;font-size:.8rem}.stat-card-trend.positive{color:#22c55e}.stat-card .icon{font-size:2.5rem;margin-bottom:12px}.stat-card .value{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:4px}.stat-card .label{color:#64748b;font-size:.9rem}.stat-card.gold:before{background:linear-gradient(90deg,var(--brand) 0%,transparent 100%)}.stat-card.green:before{background:linear-gradient(90deg,#22c55e 0%,transparent 100%)}.stat-card.blue:before{background:linear-gradient(90deg,#3b82f6 0%,transparent 100%)}.stat-card.purple:before{background:linear-gradient(90deg,#a855f7 0%,transparent 100%)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.dashboard-grid.partner{grid-template-columns:1fr 1fr}.dashboard-card{background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-card h3{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px;font-size:1.1rem;color:#fff}.dashboard-card h3 a{font-size:.85rem;color:var(--brand);text-decoration:none}.dashboard-card h3 a:hover{text-decoration:underline}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3{margin:0;font-size:1.1rem;color:#fff}.card-link{font-size:.85rem;color:var(--brand);text-decoration:none}.card-link:hover{text-decoration:underline}.booking-list{display:flex;flex-direction:column;gap:12px}.booking-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#ffffff08;border-radius:14px;border:1px solid rgba(255,255,255,.05)}.booking-thumb{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#fac21633,#fac2160d);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.booking-info{flex:1;display:flex;flex-direction:column;gap:4px}.booking-venue{font-weight:500;color:#fff}.booking-date{font-size:.85rem;color:#64748b}.booking-amount{font-weight:700;color:var(--brand)}.booking-status{padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:600}.booking-status.confirmed{background:#22c55e26;color:#22c55e}.booking-status.pending{background:#fac21626;color:var(--brand)}.quick-action-btn{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#fff;text-decoration:none;font-weight:500;transition:all .2s ease}.quick-action-btn:hover{background:#ffffff0f;border-color:#fac21633;transform:translate(4px)}.quick-action-btn span:first-child{font-size:1.25rem}.games-list{display:flex;flex-direction:column;gap:12px}.game-item{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff08;border-radius:14px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.game-item:hover{background:#ffffff0f;border-color:#fac21633}.game-item-image{width:70px;height:70px;border-radius:12px;object-fit:cover}.game-item-info{flex:1;min-width:0}.game-item-info h4{margin:0 0 6px;font-size:1rem;color:#fff}.game-item-info p{margin:0;font-size:.85rem;color:#64748b}.game-item-meta{text-align:right}.game-item-meta .sport-badge{background:#fac21626;color:var(--brand);padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-block;margin-bottom:6px}.game-item-meta .players{font-size:.85rem;color:#64748b}.wallet-card{background:linear-gradient(135deg,#fac21626,#fac2160d);border:1px solid rgba(250,194,22,.2)}.wallet-balance{text-align:center;padding:20px 0;display:flex;flex-direction:column;gap:4px}.wallet-label{color:#94a3b8;font-size:.9rem}.wallet-amount{font-size:3rem;font-weight:700;color:var(--brand)}.wallet-credits{color:#64748b;font-size:.85rem}.wallet-balance .balance-amount{font-size:3rem;font-weight:700;color:var(--brand);margin-bottom:4px}.wallet-balance .balance-label{color:#94a3b8;font-size:.9rem}.btn-secondary{display:block;width:100%;padding:14px;background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;transition:all .2s;margin-top:16px}.btn-secondary:hover{background:#ffffff1f}.game-list-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#ffffff08;border-radius:14px;border:1px solid rgba(255,255,255,.05);text-decoration:none;transition:all .2s ease}.game-list-item:hover{background:#ffffff0f;border-color:#fac21633}.game-list-thumb{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#fac21633,#fac2160d);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.game-list-info{flex:1;display:flex;flex-direction:column;gap:4px}.game-list-title{font-weight:500;color:#fff}.game-list-venue{font-size:.85rem;color:#64748b}.game-list-status{padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:600}.game-list-status.open{background:#22c55e26;color:#22c55e}.game-list-status.full{background:#ef444426;color:#ef4444}.sports-grid-small{display:flex;flex-direction:column;gap:12px}.sport-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#ffffff08;border-radius:14px;border:1px solid rgba(255,255,255,.05)}.sport-icon{font-size:1.5rem}.sport-name{flex:1;font-weight:500;color:#fff}.sport-games{font-size:.85rem;color:#64748b}.sport-games.gold{color:var(--brand)}.wallet-actions{display:flex;gap:12px;margin-top:20px}.wallet-actions .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:12px;font-weight:600;text-decoration:none;cursor:pointer;border:none;font-size:.95rem}.wallet-actions .btn-add{background:var(--brand);color:#151e33}.wallet-actions .btn-history{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.1)}.sports-pills{display:flex;flex-wrap:wrap;gap:10px}.sport-pill{display:flex;align-items:center;gap:8px;padding:12px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;color:#fff;font-weight:500;transition:all .2s}.sport-pill:hover{background:#fac21626;border-color:#fac2164d}.sport-pill span:first-child{font-size:1.25rem}.quick-actions{display:flex;flex-direction:column;gap:12px}.quick-action{display:flex;align-items:center;gap:16px;padding:18px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#fff;text-decoration:none;transition:all .2s ease}.quick-action:hover{background:#ffffff0f;border-color:#fac21633;transform:translate(4px)}.quick-action .icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:linear-gradient(135deg,#fac21633,#fac2160d)}.quick-action .text{flex:1}.quick-action .text strong{display:block;font-size:1rem;margin-bottom:2px}.quick-action .text span{font-size:.85rem;color:#64748b}.quick-action .arrow{color:#64748b;font-size:1.25rem}.bookings-list{display:flex;flex-direction:column;gap:12px}.booking-item{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff08;border-radius:14px;border:1px solid rgba(255,255,255,.05)}.booking-item .time{background:linear-gradient(135deg,var(--brand) 0%,#ffd54f 100%);color:#151e33;padding:8px 12px;border-radius:10px;font-weight:700;font-size:.9rem;min-width:70px;text-align:center}.booking-item .details{flex:1}.booking-item .details h4{margin:0 0 4px;font-size:1rem;color:#fff}.booking-item .details p{margin:0;font-size:.85rem;color:#64748b}.booking-item .status{padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600}.booking-item .status.confirmed{background:#22c55e26;color:#22c55e}.booking-item .status.pending{background:#fac21626;color:var(--brand)}.games-page{max-width:1400px;margin:0 auto}.games-toolbar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-bar{flex:1;min-width:280px;display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:0 20px}.search-bar .search-icon{color:#64748b;font-size:1.2rem}.search-bar input{flex:1;background:transparent;border:none;padding:16px 0;color:#fff;font-size:1rem;outline:none}.search-bar input::placeholder{color:#64748b}.filter-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:16px 24px;border-radius:14px;font-weight:500;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#ffffff14;color:#fff}.sport-tabs{display:flex;gap:10px;margin-bottom:28px;overflow-x:auto;padding-bottom:4px}.sport-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:50px;color:#94a3b8;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.sport-tab:hover{background:#ffffff14;color:#fff}.sport-tab.active{background:linear-gradient(135deg,var(--brand) 0%,#ffd54f 100%);color:#151e33;border-color:var(--brand)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.game-card{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;transition:all .3s ease}.game-card:hover{border-color:#fac2164d;transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.game-card-image{height:180px;position:relative;overflow:hidden}.game-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.game-card:hover .game-card-image img{transform:scale(1.05)}.game-card-sport{position:absolute;top:16px;left:16px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 14px;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600}.game-card-status{position:absolute;top:16px;right:16px;padding:8px 14px;border-radius:20px;font-size:.8rem;font-weight:600}.game-card-status.open{background:#22c55ee6;color:#fff}.game-card-status.full{background:#ef4444e6;color:#fff}.game-card-body{padding:20px}.game-card-body h3{margin:0 0 12px;font-size:1.2rem;color:#fff}.game-card-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.game-card-meta span{color:#94a3b8;font-size:.9rem}.game-card-progress{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:16px}.game-card-progress .progress-bar{height:100%;background:linear-gradient(90deg,var(--brand) 0%,#22c55e 100%);border-radius:2px;transition:width .3s ease}.game-card-footer{display:flex;justify-content:space-between;align-items:center}.game-credits{font-size:1.1rem;font-weight:700;color:var(--brand)}.join-btn{padding:12px 28px;background:linear-gradient(135deg,var(--brand) 0%,#ffd54f 100%);color:#151e33;border-radius:12px;font-weight:700;text-decoration:none;transition:all .2s ease}.join-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #fac2164d}.join-btn.disabled{background:#4b5563;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.empty-state{text-align:center;padding:80px 20px}.empty-state .empty-icon{font-size:4rem;margin-bottom:20px;display:block}.empty-state h3{margin:0 0 8px;font-size:1.5rem;color:#fff}.empty-state p{color:#64748b;margin:0 0 24px}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 900px){.sidebar{width:80px}.sidebar-brand span,.sidebar-label,.sidebar-user-info,.sidebar-logout,.nav-item span:last-child,.user-details,.logout-btn{display:none}.sidebar-brand{justify-content:center;padding:20px 10px}.sidebar-nav{padding:20px 8px}.sidebar-link,.nav-item{justify-content:center;padding:14px}.sidebar-user{justify-content:center;padding:10px}.main-content{margin-left:80px}.page-content{padding:20px}.top-bar{padding:16px 20px}}@media (max-width: 600px){.sidebar{display:none}.main-content{margin-left:0}.stats-grid,.games-grid{grid-template-columns:1fr}.game-item{flex-direction:column;align-items:flex-start}.game-item-meta{text-align:left;width:100%;margin-top:12px}}.admin-tabs{display:flex;gap:8px;margin-bottom:28px;overflow-x:auto;padding-bottom:4px}.admin-tab{display:flex;align-items:center;gap:8px;padding:14px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:50px;color:#94a3b8;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.admin-tab:hover{background:#ffffff14;color:#fff}.admin-tab.active{background:linear-gradient(135deg,var(--brand) 0%,#ffd54f 100%);color:#151e33;border-color:var(--brand)}.alert{padding:14px 20px;border-radius:12px;margin-bottom:20px;font-weight:500}.alert-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.alert-success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e}.grant-form{display:flex;flex-direction:column;gap:20px}.grant-form .form-group{display:flex;flex-direction:column;gap:8px}.grant-form label{color:#94a3b8;font-size:.9rem;font-weight:500}.grant-form input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 18px;color:#fff;font-size:1rem}.grant-form input:focus{outline:none;border-color:var(--brand)}.grant-form input::placeholder{color:#64748b}.btn-primary{background:linear-gradient(135deg,var(--brand) 0%,#ffd54f 100%);color:#151e33;border:none;padding:14px 24px;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #fac2164d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.transactions-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.transaction-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.tx-type{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.tx-type.grant{background:#22c55e26}.tx-type.refund{background:#3b82f626}.tx-type.spend{background:#ef444426}.tx-details{flex:1;min-width:0}.tx-user{font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-time{font-size:.85rem;color:#64748b}.tx-amount{font-weight:700;font-size:1rem}.tx-amount.grant,.tx-amount.refund{color:#22c55e}.tx-amount.spend{color:#ef4444}.empty-text{color:#64748b;text-align:center;padding:30px}.admin-table{overflow-x:auto}.admin-table table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:12px 16px;color:#64748b;font-weight:500;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.1)}.admin-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05);color:#e2e8f0}.admin-table tr:hover{background:#ffffff08}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar-small{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--brand) 0%,#ffd54f 100%);display:flex;align-items:center;justify-content:center;font-weight:700;color:#151e33;font-size:.9rem}.venue-cell{display:flex;align-items:center;gap:10px}.venue-icon{font-size:1.25rem}.id-cell{font-family:monospace;font-size:.85rem;color:#64748b}.rate-cell{color:var(--brand);font-weight:600}.glass-card{background:#ffffff0a;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 4px 24px #00000026,inset 0 1px #ffffff0f;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease,border-color .3s ease}.glass-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff14;border-color:#ffffff1f}.glass-btn{background:linear-gradient(135deg,#fac21626,#fac2160d);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(250,194,22,.3);color:#fac216;font-weight:600;padding:.75rem 1.75rem;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.glass-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(250,194,22,.1),transparent);transition:left .5s ease}.glass-btn:hover{background:linear-gradient(135deg,#fac21640,#fac2161a);border-color:#fac21680;box-shadow:0 4px 20px #fac21626;transform:translateY(-1px)}.glass-btn:hover:before{left:100%}.glass-btn:active{transform:translateY(0)}.notif-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 8px #ef444466;animation:notif-pulse 2s ease-in-out infinite}@keyframes notif-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;z-index:1000;padding:0;overflow:hidden;animation:slide-down .2s ease}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.top-bar-right{position:relative}.gold{color:var(--brand, #fac216)}.form-group textarea{width:100%;resize:vertical;padding:.75rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:inherit;font-family:inherit}.form-group textarea:focus{outline:none;border-color:var(--brand)}.empty-state-icon{font-size:3rem;margin-bottom:1rem}@keyframes card-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.dashboard-card,.stat-card,.glass-card{animation:card-enter .4s ease both}.dashboard-grid .dashboard-card:nth-child(1),.dashboard-grid .glass-card:nth-child(1){animation-delay:.05s}.dashboard-grid .dashboard-card:nth-child(2),.dashboard-grid .glass-card:nth-child(2){animation-delay:.1s}.dashboard-grid .dashboard-card:nth-child(3),.dashboard-grid .glass-card:nth-child(3){animation-delay:.15s}.dashboard-grid .dashboard-card:nth-child(4),.dashboard-grid .glass-card:nth-child(4){animation-delay:.2s}.stats-grid .stat-card:nth-child(1){animation-delay:.05s}.stats-grid .stat-card:nth-child(2){animation-delay:.1s}.stats-grid .stat-card:nth-child(3){animation-delay:.15s}.stats-grid .stat-card:nth-child(4){animation-delay:.2s}