.city-clubs-container{background-color:var(--neutral-black);width:100%;max-width:1440px;margin-left:auto;margin-right:auto;padding:.75rem max(.75rem,var(--safe-left)) 1.5rem max(.75rem,var(--safe-right));overflow-x:hidden}.city-tabs-wrapper{position:-webkit-sticky;position:sticky;top:0;z-index:50;background-color:var(--neutral-black);padding:.5rem 2.5rem .25rem;min-width:0}.city-tabs,.city-tabs-wrapper,.clubs-tabs{width:100%;display:flex;align-items:center}.city-tabs,.clubs-tabs{list-style:none;padding:.25rem 0 .5rem;margin:0;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.5rem;scrollbar-width:none;-ms-overflow-style:none}.city-tabs::-webkit-scrollbar,.clubs-tabs::-webkit-scrollbar{display:none}.city-tabs-scroll-indicator{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;color:#fff;z-index:2;cursor:pointer;box-shadow:0 2px 8px rgba(37,99,235,.35);transition:transform .2s,box-shadow .2s;flex-shrink:0}.city-tabs-scroll-indicator.left{left:0}.city-tabs-scroll-indicator.right{right:0}.city-tabs-scroll-indicator:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px rgba(37,99,235,.45)}.city-tabs-scroll-indicator:active{transform:translateY(-50%) scale(.95)}.city-tabs-scroll-indicator svg{width:16px;height:16px}.tab{background:#181f2a;color:#fff;border:1.5px solid transparent;border-radius:2rem;padding:.55rem 1.2rem;font-size:.88rem;font-weight:500;font-family:var(--font-primary);cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s;white-space:nowrap;line-height:1.4;display:inline-flex;align-items:center;justify-content:center;min-height:36px}.tab:hover{background:#232b3b}.tab-active{background:#0a1736;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.city-clubs-content{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;margin-top:1rem;width:100%}.club-card{background:#181f2a;border-radius:.75rem;box-shadow:0 4px 20px rgba(0,0,0,.3);overflow:hidden;display:flex;flex-direction:column;width:100%}.club-card-image-container{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#111}.club-card-image{width:100%;height:100%;object-fit:cover;display:block}.club-card-maps-btn{position:absolute;bottom:.75rem;right:.75rem;background:#fff;color:#181f2a;border-radius:1.5rem;padding:.35rem 1rem;font-size:.82rem;font-weight:600;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.2);display:inline-flex;align-items:center;gap:4px;transition:background .2s,color .2s;white-space:nowrap}.club-card-maps-btn:hover{background:#2563eb;color:#fff}.club-card-body{padding:1rem;display:flex;flex-direction:column;justify-content:space-between;flex:1 1;gap:.75rem}.club-card-header{display:flex;align-items:center;gap:.6rem}.club-card-logo{width:64px;height:32px;object-fit:contain;flex-shrink:0}.club-card-title{color:#fff;font-size:1rem;font-weight:700;margin:0;flex:1 1;line-height:1.3}.club-card-address{color:#b0b8c1;font-size:.88rem;line-height:1.5;margin:0}.club-card-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}.club-card-actions:has(>:nth-child(3)){grid-template-columns:repeat(3,1fr)}.club-card-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:#232b3b;color:#fff;border:none;border-radius:.5rem;padding:.6rem .25rem;font-size:.82rem;font-weight:500;font-family:var(--font-primary);cursor:pointer;transition:background .2s;min-height:44px;text-decoration:none;white-space:nowrap}.club-card-action-btn:focus-visible,.club-card-action-btn:hover{background:#2563eb;color:#fff}.club-card-action-btn:disabled{opacity:.6;cursor:not-allowed}.club-card-facility-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;background:#2563eb;color:#fff;border:none;border-radius:.5rem;padding:.7rem 0;font-size:.95rem;font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:background .2s;min-height:44px;margin-top:.6rem}.club-card-facility-btn:hover{background:#1d4ed8}.loading-container{display:flex;justify-content:center;align-items:center;padding:3rem 1rem;width:100%}.loading-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(37,99,235,.2);border-top-color:#2563eb;animation:spin .9s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;min-height:260px;width:100%}.no-data-icon{margin-bottom:1rem;color:#6b7280;opacity:.7}.no-data-title{font-size:1.15rem;font-weight:600;color:#9ca3af;margin:0;font-family:var(--font-primary)}.pagination-container{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:.5rem;padding:.75rem;width:100%}.pagination-info-page{text-align:center;color:#b0b8c1;font-size:.85rem}.pagination-controls{gap:.75rem}.pagination-arrow,.pagination-controls{display:flex;align-items:center;justify-content:center}.pagination-arrow{background:#232b3b;border:none;border-radius:.5rem;cursor:pointer;padding:.5rem;color:#fff;transition:background .2s,transform .15s;min-width:44px;min-height:44px;font-size:1.1rem}.pagination-arrow:disabled{opacity:.35;cursor:not-allowed}.pagination-arrow:hover:not(:disabled){background:#2563eb;transform:scale(1.05)}.pagination-arrow:active:not(:disabled){transform:scale(.95)}.pagination-info{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:#b0b8c1}.pagination-current-page,.pagination-total-pages{font-weight:600;color:#fff;background:#232b3b;padding:.15rem .5rem;border-radius:.3rem;min-width:24px;text-align:center}.floating-alert-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:1050;width:calc(100% - 2rem);max-width:600px;pointer-events:none}.floating-alert{pointer-events:auto;box-shadow:0 4px 24px rgba(0,0,0,.2)}.form-new-club-container{padding:1rem;background:var(--neutral-black-100);min-height:100vh}.form-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.form-title{font-size:1.4rem;font-weight:700;margin:0}.back-btn,.form-title{color:#fff;font-family:var(--font-primary)}.back-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border:none;background:#232b3b;border-radius:.5rem;cursor:pointer;font-size:.9rem;min-height:44px;transition:background .2s;flex-shrink:0}.back-btn:hover{background:#2563eb}.form-new-club{display:flex;flex-direction:column;gap:1.25rem}.form-section{background:#181f2a;border-radius:12px;padding:1.25rem 1rem;border:1px solid #232b3b}.form-section h3{color:#fff;font-size:1.05rem;font-weight:600;margin:0 0 .4rem;padding-bottom:.6rem;border-bottom:1px solid #232b3b;font-family:var(--font-primary)}.subtitle{color:#9ca3af;font-size:.82rem;font-style:italic;margin:0 0 1rem}.form-section-content{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{color:#e5e7eb;font-size:.88rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{padding:.75rem .9rem;border:1px solid #333;border-radius:8px;background:#222;color:#fff;font-size:.95rem;font-family:var(--font-primary);transition:border-color .2s,box-shadow .2s;min-height:44px}.form-group textarea{min-height:80px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.2)}.form-group .react-select__control{background:#222;border:1px solid #333;border-radius:8px;min-height:44px;color:#fff;font-size:.95rem;box-shadow:none;transition:border-color .2s,box-shadow .2s}.form-group .react-select__control--is-focused{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.2)}.form-group .react-select__input-container,.form-group .react-select__single-value{color:#fff}.form-group .react-select__placeholder{color:#9ca3af}.form-group .react-select__menu{background:#232329;color:#fff;border-radius:8px;z-index:20}.form-group .react-select__option{background:transparent;color:#fff;cursor:pointer}.form-group .react-select__option--is-focused{background:#181f2a;color:#93c5fd}.form-group .react-select__option--is-selected{background:#2563eb;color:#fff}.form-group .react-select__indicator-separator{background:#444}.form-group .react-select__dropdown-indicator{color:#9ca3af}.form-group .react-select__dropdown-indicator:hover{color:#fff}.club-media-row{display:flex;flex-direction:column;gap:1rem}.preview-group,.upload-group{width:100%}.upload-box{background:#232329;border:2px dashed #444;border-radius:12px;padding:2rem 1rem;text-align:center;color:#9ca3af;cursor:pointer}.upload-label{cursor:pointer;display:block;line-height:1.6}.browse-btn{display:inline-block;margin-top:.6rem;background:#2563eb;color:#fff;padding:.4rem 1.2rem;border-radius:6px;font-size:.9rem}.upload-info{font-size:.8rem;color:#6b7280;margin-top:.4rem}.preview-list{display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}.preview-item{display:flex;align-items:center;background:#232329;border-radius:8px;padding:.5rem .75rem;gap:.75rem}.preview-thumb{width:48px;height:48px;object-fit:cover;border-radius:6px;border:1px solid #333;flex-shrink:0}.preview-name{color:#e5e7eb;font-size:.88rem;flex:1 1}.remove-btn{background:none;border:none;color:#9ca3af;font-size:1.4rem;cursor:pointer;padding:0 .25rem;min-height:44px;display:flex;align-items:center;transition:color .2s}.remove-btn:hover{color:#ef4444}.form-actions{display:flex;gap:.75rem;margin-top:1rem}.submit-btn{flex:1 1;background:#2563eb;color:#fff;border:none;border-radius:8px;padding:.9rem 1.5rem;font-size:1rem;font-weight:600;font-family:var(--font-primary);cursor:pointer;min-height:52px;transition:background .2s}.submit-btn:hover{background:#1d4ed8}.submit-btn:disabled{opacity:.65;cursor:not-allowed}.cancel-btn{background:none;border:2px solid #444;color:#fff;border-radius:8px;padding:.9rem 1.5rem;font-size:1rem;cursor:pointer;min-height:52px;font-family:var(--font-primary);transition:background .2s}.cancel-btn:hover{background:#232329}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem max(1rem,var(--safe-left));background:url(/images/background2.png) no-repeat 50%/cover}.login-box{background:rgba(24,24,24,.97);padding:2rem 1.5rem;border-radius:14px;box-shadow:0 8px 40px rgba(0,0,0,.6);width:100%;max-width:420px;color:#fff}.login-box h2{text-align:left;color:#fff;margin:0 0 .4rem;font-size:1.5rem;font-weight:800}.login-box>p{color:#9ca3af;margin:0 0 1.5rem;font-size:.9rem;font-style:italic}.login-button{width:100%;padding:.75rem;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:700;font-family:var(--font-primary);margin-top:1rem;cursor:pointer;min-height:48px;transition:background .2s}.login-button:hover{background:#1d4ed8}.login-button:disabled{opacity:.6;cursor:not-allowed}@media (min-width:540px){.city-clubs-container{padding:1rem 1.25rem 2rem}.city-clubs-content{grid-template-columns:repeat(2,1fr);gap:1rem}.login-container{justify-content:flex-end}.login-box{margin-right:5%}.tab{padding:.6rem 1.4rem;font-size:.9rem}}@media (min-width:768px){.city-clubs-container{padding:1.25rem 1.75rem 2rem}.city-clubs-content{gap:1.25rem}.form-new-club-container{padding:1.5rem}.form-section-content{grid-template-columns:repeat(2,1fr)}.club-media-row{flex-direction:row}.city-tabs-scroll-indicator{width:30px;height:30px}.city-tabs-scroll-indicator svg{width:17px;height:17px}}@media (min-width:1200px){.city-clubs-container{padding:1.5rem 2rem 2.5rem}.city-clubs-content{grid-template-columns:repeat(3,1fr);gap:1.5rem}.city-tabs,.clubs-tabs{justify-content:center}.club-card-title{font-size:1.1rem}.club-card-address{font-size:.92rem}.club-card-body{padding:1.25rem}.club-card-logo{width:72px;height:36px}.city-tabs-scroll-indicator{width:32px;height:32px}.city-tabs-scroll-indicator svg{width:18px;height:18px}.tab{padding:.65rem 1.75rem;font-size:.95rem}.form-new-club-container{padding:2rem}.form-title{font-size:1.8rem}.club-media-row{gap:2rem}}@media (min-width:1440px){.city-clubs-container{padding:2rem 3rem 3rem}.city-clubs-content{gap:2rem}}@keyframes skeleton-loading{0%{background-position:-400px 0}to{background-position:calc(400px + 100%) 0}}.skeleton-pulse{background:linear-gradient(90deg,#1f1f1f 25%,#2a2a2a 50%,#1f1f1f 75%);background-size:800px 100%;animation:skeleton-loading 1.4s linear infinite;border-radius:6px}@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");:root{--font-primary:"Poppins",sans-serif;--neutral-black:#131313;--neutral-black-100:#1f1d1d;--solid-navy:#162452;--solid-blue:#0037ce;--solid-dark-blue:#1b347c;--solid-gray:rgba(22,36,82,0.4);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);color-scheme:light dark;color:rgba(255,255,255,.87);background-color:var(--neutral-black)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:var(--font-primary);background-color:var(--neutral-black);color:rgba(255,255,255,.87);-webkit-overflow-scrolling:touch}a,button{-webkit-tap-highlight-color:transparent}a[role=button],button{min-height:44px;min-width:44px}