*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.5}body{background:#102216;background:var(--background);color:#fff;color:var(--foreground)}img,video{display:block;height:auto;max-width:100%}button,input,select,textarea{background:#0000;border:none;color:inherit;font:inherit}h1,h2,h3,h4,h5,h6{font-weight:600}p{line-height:1.6}:root{--background:#102216;--foreground:#fff;--primary:#030213;--primary-foreground:#fff;--secondary:#f3f3f5;--secondary-foreground:#111;--accent:#e9ebef;--accent-foreground:#030213;--muted:#ececf0;--muted-foreground:#717182;--destructive:#d4183d;--destructive-foreground:#fff;--border:#0000001a;--input-background:#f3f3f5;--radius:10px}.dark{--background:#111;--foreground:#fff;--primary:#fff;--primary-foreground:#111;--secondary:#333;--secondary-foreground:#fff;--accent:#333;--accent-foreground:#fff;--muted:#333;--muted-foreground:#aaa;--border:#333;--input-background:#333}button{background:#030213;background:var(--primary);border-radius:10px;border-radius:var(--radius);color:#fff;color:var(--primary-foreground);cursor:pointer;padding:.6rem 1rem;transition:background .2s ease}button:hover{background:#030213d9}input,select,textarea{background:#f3f3f5;background:var(--input-background);padding:.6rem}.card,input,select,textarea{border:1px solid #0000001a;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius)}.card{background:#102216;background:var(--card,var(--background));color:#fff;color:var(--card-foreground,var(--foreground));padding:1.25rem}.hidden{display:none!important}.flex{gap:.5rem}.flex-col{flex-direction:column}.w-full{width:100%}.nf-container{align-items:center;background:linear-gradient(135deg,#0d1117,#161b22);color:#fff;display:flex;height:100vh;justify-content:center;padding:20px;width:100%}.nf-content{animation:fadeIn .8s ease;max-width:500px;text-align:center}.nf-code{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#0ea5e9);-webkit-background-clip:text;font-size:120px;font-weight:800;letter-spacing:-5px;margin-bottom:0}.nf-title{font-size:28px;font-weight:600;margin:10px 0}.nf-desc{font-size:16px;margin-bottom:25px;opacity:.7}.nf-btn{background:#10b981;border-radius:8px;color:#fff;display:inline-block;font-size:16px;padding:12px 28px;text-decoration:none;transition:.25s ease}.nf-btn:hover{background:#0ea672;transform:translateY(-2px)}.app-header{background:#102216;box-shadow:0 2px 10px #00000026;padding:14px 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:5000}.header-container{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:0 auto;max-width:1250px;padding:0 20px}.header-left{flex:0 0 auto}.header-middle{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:center}.header-right{flex:0 0 auto}.header-logo{align-items:center;cursor:pointer;display:flex;gap:2px}.header-logo-img{height:52px;object-fit:contain;width:74px}.header-logo h1{color:#fff;font-size:12px;font-weight:700}.logo-icon{background:#fff;border-radius:10px;height:36px;width:36px}.logo-icon svg{color:#059669;height:20px;width:20px}.nav-button{background:#0000!important;border:none!important;border-radius:6px!important;color:#fff!important;font-size:14px!important;font-weight:500!important;height:auto!important;letter-spacing:.025em!important;min-height:40px!important;padding:10px 20px!important;position:relative!important;transition:all .3s ease!important}.nav-button:hover{background:#fff3!important;box-shadow:0 4px 12px #00000026!important;color:#fff!important;transform:translateY(-1px)}.nav-button:active{box-shadow:0 2px 6px #0000001a!important;transform:translateY(0)}.nav-button:after{background:#fff;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-button:hover:after{width:80%}.nav-button-active{background:#ffffff40!important;font-weight:600!important}.nav-button-active:after{background:#fff!important;width:80%!important}.nav-button-active:hover{background:#ffffff4d!important}.loyalty-points-display{align-items:flex-end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;display:flex;flex-direction:column;padding:8px 16px}.loyalty-label{color:#ffffffb3;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:2px}.loyalty-value{color:#10b981;font-size:18px;font-weight:700;line-height:1}.profile-circle-btn{align-items:center;background:#10b981;border:2px solid #fff3;border-radius:50%;cursor:pointer;display:flex;flex:0 0 48px;height:48px;justify-content:center;line-height:1;min-height:48px;min-width:48px;overflow:hidden;padding:0;transition:all .2s;width:48px}.profile-circle-btn:hover{border-color:#fff6;box-shadow:0 4px 12px #10b98166;transform:scale(1.08)}.profile-circle-img{border-radius:50%;display:block;height:100%;object-fit:cover;object-position:center;width:100%}.profile-circle-initial{color:#fff;font-size:18px;font-weight:700}.sign-in-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.sign-in-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.header-right{align-items:center;display:flex;gap:12px}.mobile-btn{display:none!important}@media (max-width:1024px){.nav-button{font-size:13px!important;min-height:36px!important;padding:8px 16px!important}}@media (max-width:768px){.header-container{gap:10px}.header-middle{display:none}.header-right>button:not(.mobile-btn),.header-right>span,.loyalty-points-display{display:none!important}.mobile-btn{align-items:center;background:#ffffff40!important;border-radius:10px;display:flex!important;height:38px;justify-content:center;width:42px}}.mobile-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;inset:0;position:fixed;z-index:4999}.mobile-panel{background:#fff;border-radius:12px 0 0 12px;box-shadow:-4px 0 20px #00000040;display:flex;flex-direction:column;gap:18px;height:100vh;padding:25px;position:fixed;right:0;top:0;width:280px;z-index:5001}.mobile-title{color:#059669;font-size:24px;font-weight:700;margin-bottom:12px}.mobile-panel button{background:none;border:none;border-radius:8px;color:#1f2937;cursor:pointer;display:block!important;font-size:17px;font-weight:500;padding:12px 14px;text-align:left;width:100%}.mobile-panel button:hover{background:#f3f4f6}.mobile-user{font-size:15px;margin-bottom:10px;margin-top:5px;opacity:.75}.logout-btn{color:#dc2626!important;font-weight:600}.mobile-nav-active{background:#f3f4f6!important;color:#059669!important;font-weight:600!important}.global-search-dropdown{background:#fff;box-shadow:0 10px 30px #00000026;left:0;max-height:420px;overflow-y:auto;padding:8px 0;position:fixed;top:68px;width:100%;z-index:4998}.search-result-item{cursor:pointer;display:flex;gap:14px;padding:12px 20px;transition:background .18s ease}.search-result-item:hover{background:#f3f4f6}.search-result-img{border-radius:10px;flex-shrink:0;height:64px;object-fit:cover;width:64px}.search-result-info h4{font-size:16px;font-weight:600;margin-bottom:4px}.search-result-info .city{color:#6b7280;font-size:13px}.meta{align-items:center;display:flex;gap:14px;margin-top:6px}.price{color:#059669;font-size:14px}.price,.rating{font-weight:600}.rating{align-items:center;color:#f59e0b;display:flex;font-size:13px;gap:4px}.manager-dashboard-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;font-size:.875rem;font-weight:500;margin-right:.75rem;padding:.5rem 1rem;transition:all .2s ease}.manager-dashboard-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;color:#fff;transform:translateY(-1px)}.manager-dashboard-btn:active{transform:translateY(0)}.ui-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.ui-button:disabled{cursor:not-allowed;opacity:.5}.ui-button-default{background:#2563eb;color:#fff}.ui-button-default:hover{background:#1d4ed8}.ui-button-destructive{background:#dc2626;color:#fff}.ui-button-destructive:hover{background:#b91c1c}.ui-button-outline{background:#fff;border:1px solid #ccc;color:#111}.ui-button-outline:hover{background:#f5f5f5}.ui-button-secondary{background:#e5e7eb;color:#111}.ui-button-secondary:hover{background:#d1d5db}.ui-button-ghost{background:#0000;color:#111}.ui-button-ghost:hover{background:#f3f4f6}.ui-button-link{background:none;color:#2563eb;cursor:pointer;padding:0;text-decoration:underline}.ui-button-default-size{height:36px;padding:8px 14px}.ui-button-sm{height:32px;padding:6px 12px}.ui-button-lg{height:42px;padding:10px 18px}.ui-button-icon{display:inline-flex;height:36px;padding:0;width:36px}.app-footer{background:#0d1912;border-top:1px solid #10b9811a;color:#102216;padding:48px 24px 24px}.footer-container{margin:0 auto;max-width:1280px}.app-footer .footer-content{align-items:flex-start!important;display:flex!important;flex-wrap:nowrap!important;gap:32px!important;justify-content:space-between!important}.app-footer .footer-brand{display:flex;flex:0 0 240px;flex-direction:column;gap:16px;min-width:240px}.app-footer .footer-logo-wrapper{align-items:center;display:flex;gap:8px}.app-footer .footer-logo-img{height:24px;object-fit:contain;width:24px}.app-footer .footer-logo-icon{align-items:center;color:#10b981;display:flex}.app-footer .footer-logo{color:#fff;font-size:20px;font-weight:900;letter-spacing:-.5px;margin:0}.app-footer .footer-description{color:#94a3b8;font-size:14px;line-height:1.6;margin:0}.app-footer .footer-links-section{display:flex;flex:0 0 160px;flex-direction:column;min-width:160px}.app-footer .footer-section-title{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px}.app-footer .footer-links-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.app-footer .footer-link{color:#94a3b8;display:inline-block;font-size:14px;text-decoration:none;transition:all .2s}.app-footer .footer-link:hover{color:#10b981;transform:translateX(2px)}.app-footer .footer-socials{display:flex;flex-direction:column;gap:10px}.app-footer .footer-social-link{align-items:center;color:#94a3b8;display:flex;font-size:14px;gap:8px;padding:4px 0;text-decoration:none;transition:all .2s}.app-footer .footer-social-link:hover{color:#10b981;transform:translateX(2px)}.app-footer .footer-social-link svg{flex-shrink:0;height:18px;width:18px}.app-footer .footer-social-text{font-size:14px}.app-footer .footer-bottom{border-top:1px solid #10b9811a;margin-top:32px;padding-top:24px;text-align:center}.app-footer .footer-copyright{color:#64748b;font-size:13px;margin:0}@media (min-width:1024px){.app-footer .footer-content{align-items:flex-start!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:32px!important;justify-content:space-between!important}.app-footer .footer-brand{flex:0 0 240px!important}.app-footer .footer-links-section{flex:0 0 160px!important}}@media (max-width:1023px) and (min-width:769px){.app-footer .footer-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.app-footer .footer-brand{flex:none;grid-column:1/-1;margin-bottom:16px;max-width:100%}.app-footer .footer-links-section{flex:none}}@media (max-width:768px){.app-footer .footer-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.app-footer .footer-brand{flex:none;grid-column:1/-1;margin-bottom:16px;max-width:100%}.app-footer .footer-links-section{flex:none}.app-footer{padding:40px 20px 20px}}@media (max-width:480px){.app-footer .footer-content{display:flex;flex-direction:column;gap:24px}.app-footer .footer-brand{max-width:100%}.app-footer .footer-links-section{min-width:auto}.app-footer{padding:32px 16px 16px}.app-footer .footer-bottom{margin-top:24px;padding-top:20px}}.login-page-wrapper{background:#102216;display:flex;flex-direction:column;min-height:100vh}.auth-logo-img{height:28px;object-fit:contain;width:28px}.login-main-container{background:#0f172a80;border:1px solid #10b9810d;border-radius:16px;box-shadow:0 25px 50px -12px #00000080;display:grid;grid-template-columns:1fr 1fr;margin:auto;max-width:1100px;overflow:hidden;width:100%}.login-left-panel{background:linear-gradient(135deg,#10b98133,#102216 50%,#102216);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:48px;position:relative}.grid-pattern{background-image:radial-gradient(circle at 2px 2px,#11d452 1px,#0000 0);background-size:24px 24px;inset:0;opacity:.1}.decorative-blur,.grid-pattern{pointer-events:none;position:absolute}.decorative-blur{background:#10b9811a;border-radius:50%;bottom:-80px;filter:blur(80px);height:320px;right:-80px;width:320px}.login-branding-content{position:relative;z-index:10}.community-badge{align-items:center;background:#10b98133;border:1px solid #10b9814d;border-radius:9999px;color:#10b981;display:inline-flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:1.5px;margin-bottom:24px;padding:6px 12px;text-transform:uppercase}.branding-title{color:#fff;font-size:48px;font-weight:900;letter-spacing:-1px;line-height:1.2;margin-bottom:24px}.branding-highlight{color:#10b981;text-decoration:underline;-webkit-text-decoration-color:#10b9814d;text-decoration-color:#10b9814d;text-underline-offset:8px}.branding-description{color:#94a3b8;font-size:18px;line-height:1.7;max-width:450px}.login-right-panel{align-items:center;background:#15201a;display:flex;justify-content:center;padding:48px 64px}.login-form-wrapper{max-width:480px;width:100%}.form-header{margin-bottom:40px;text-align:left}.form-title{color:#fff;font-size:30px;font-weight:700;margin-bottom:8px}.form-description{color:#94a3b8;font-size:15px}.role-selector{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.role-note{color:#64748b;font-size:13px;line-height:1.4;margin-bottom:32px;text-align:center}.role-option{cursor:pointer;position:relative}.role-input{opacity:0;pointer-events:none;position:absolute}.role-content{align-items:center;background:#0000;border:2px solid #1e293b;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:16px;transition:all .3s}.role-option:hover .role-content{border-color:#10b98180}.role-option.selected .role-content{background:#10b9810d;border-color:#10b981}.role-icon{color:#64748b;margin-bottom:8px;transition:color .3s}.role-option.selected .role-icon{color:#10b981}.role-label{color:#64748b;font-size:14px;font-weight:700;transition:color .3s}.role-option.selected .role-label{color:#10b981}.login-form{gap:20px}.form-field,.login-form{display:flex;flex-direction:column}.form-field{gap:8px}.field-label-row{align-items:center;display:flex;justify-content:space-between}.forgot-password-link{color:#10b981;font-size:12px;font-weight:700;text-decoration:none;transition:-webkit-text-decoration .2s;transition:text-decoration .2s;transition:text-decoration .2s,-webkit-text-decoration .2s}.forgot-password-link:hover{text-decoration:underline}.input-container{align-items:center;display:flex;position:relative}.input-icon{color:#64748b;left:16px;pointer-events:none;position:absolute}.field-input{background:#0f172a80;border:1px solid #1e293b;border-radius:12px;color:#fff;padding:14px 16px 14px 48px}.password-toggle-btn{right:16px}.remember-me-container{align-items:center;display:flex;gap:8px;padding:8px 0}.remember-checkbox{accent-color:#10b981;background:#0000;border:1px solid #334155;border-radius:4px;cursor:pointer;height:16px;width:16px}.remember-label{color:#94a3b8;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none}.submit-button{background:#10b981;border:none;border-radius:12px;box-shadow:0 4px 14px #10b98133;color:#102216;cursor:pointer;font-size:16px;font-weight:800;padding:16px;text-transform:none;transition:all .3s;width:100%}.submit-button:hover:not(:disabled){background:#10b981e6;transform:scale(.98)}.submit-button:active:not(:disabled){transform:scale(.96)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.signup-text{color:#94a3b8;font-size:14px;margin-top:32px;text-align:center}.signup-link{color:#10b981;font-weight:700;text-decoration:none;transition:-webkit-text-decoration .2s;transition:text-decoration .2s;transition:text-decoration .2s,-webkit-text-decoration .2s}.signup-link:hover{text-decoration:underline}@media (max-width:1024px){.login-main-container{grid-template-columns:1fr}.login-left-panel{display:none}.login-right-panel{padding:60px 40px}}@media (max-width:640px){.login-page-wrapper{padding:0}.login-main-container{border-radius:0;min-height:100vh}.login-right-panel{padding:40px 24px}.form-title{font-size:26px}.branding-title{font-size:36px}}.form-title-with-icon{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.form-title-icon{color:#10b981}.manager-info-box{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;gap:.75rem;margin:1rem 0;padding:1rem}.manager-info-box svg{color:#10b981;flex-shrink:0;margin-top:.125rem}.info-title{color:#1e293b;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.info-text{color:#64748b;font-size:.875rem;line-height:1.4;margin:0}.info-link{color:#10b981;font-weight:500;text-decoration:none}.info-link:hover{text-decoration:underline}.forgot-password-modal{background:#1a2e21;border:1px solid #243a2b;border-radius:16px;box-shadow:0 20px 25px -5px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #243a2b;padding:24px}.modal-header h3{color:#fff}.modal-close-btn{align-items:center;background:#0000;border-radius:8px;color:#9ca3af;display:flex;justify-content:center;padding:8px;transition:all .2s}.modal-close-btn:hover{background:#6b72801a;color:#fff}.modal-body{gap:20px;padding:24px}.modal-actions,.modal-body{display:flex;flex-direction:column}.modal-actions{gap:12px}.modal-actions .btn-secondary{background:#0000;border:1px solid #243a2b;border-radius:10px;color:#10b981;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.modal-actions .btn-secondary:hover:not(:disabled){background:#10b9811a;border-color:#10b981}.modal-actions .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.submit-button{align-items:center;display:flex;gap:8px;justify-content:center}@media (max-width:768px){.forgot-password-modal{margin:16px;width:95%}.modal-body,.modal-header{padding:20px}}.register-page-wrapper{background:#102216;display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh}.auth-page-header{background:#0d1912;border-bottom:1px solid #10b9811a;padding:16px 0;width:100%}.auth-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 24px}.auth-logo-section{align-items:center;display:flex;gap:8px}.auth-logo-icon{align-items:center;display:flex;justify-content:center}.auth-logo-text{color:#fff;font-size:20px;font-weight:900;letter-spacing:-.5px}.auth-header-actions{align-items:center;display:flex;gap:24px}.auth-header-link{color:#9ca3af;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.auth-header-link:hover{color:#10b981}.auth-header-button{background:#10b981;border-radius:8px;color:#102216;font-size:14px;font-weight:700;padding:8px 20px;text-decoration:none;transition:all .2s}.auth-header-button:hover{background:#059669}.register-main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:48px 16px}.register-content{max-width:680px;width:100%}.account-switcher-wrapper{margin-bottom:32px;text-align:center}.account-switcher{background:#10221680;border:1px solid #10b98133;border-radius:12px;display:flex;margin:0 auto;max-width:100%;padding:4px}.switcher-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s}.switcher-button:hover{color:#cbd5e1}.switcher-button.active{background:#10b981;box-shadow:0 1px 3px #0000001a;color:#102216}.register-title-section{margin-bottom:32px;text-align:center}.register-title{color:#f1f5f9;font-size:30px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.register-subtitle{color:#94a3b8;font-size:15px;line-height:1.5}.register-form-card{background:#10b9810d;border:1px solid #10b9811a;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.register-form{gap:20px}.form-field-group,.register-form{display:flex;flex-direction:column}.form-field-group{gap:8px}.field-label{color:#cbd5e1;font-size:14px;font-weight:600}.field-input-wrapper{align-items:center;display:flex;position:relative}.field-icon{color:#64748b;left:12px;pointer-events:none;position:absolute}.field-input{background:#102216;border:1px solid #10b98133;border-radius:8px;color:#f1f5f9;font-size:15px;padding:12px 12px 12px 40px;transition:all .2s;width:100%}.field-input::placeholder{color:#64748b}.field-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98133;outline:none}.password-toggle-btn{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .2s;z-index:1}.password-toggle-btn:hover{color:#10b981}.password-toggle-btn:focus{color:#10b981;outline:none}.form-field-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.form-field-row{grid-template-columns:1fr}}.register-submit-button{background:#10b981;border:none;border-radius:8px;box-shadow:0 4px 14px #10b98133;color:#102216;cursor:pointer;font-size:16px;font-weight:700;padding:12px 16px;transition:all .3s;width:100%}.register-submit-button:hover:not(:disabled){background:#10b981e6;transform:scale(.98)}.register-submit-button:active:not(:disabled){transform:scale(.96)}.register-submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-text{color:#94a3b8;font-size:14px;margin-top:24px;text-align:center}.login-link{color:#10b981;font-weight:700;text-decoration:none;transition:-webkit-text-decoration .2s;transition:text-decoration .2s;transition:text-decoration .2s,-webkit-text-decoration .2s}.login-link:hover{text-decoration:underline}@media (max-width:640px){.register-main{padding:32px 16px}.register-form-card{padding:24px}.register-title{font-size:26px}.account-switcher{max-width:100%}}.title-with-icon{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.manager-info-banner{align-items:flex-start;background:linear-gradient(135deg,#10b981,#059669);border-radius:.75rem;box-shadow:0 4px 6px -1px #10b9811a;color:#fff;display:flex;gap:1rem;margin-bottom:2rem;padding:1.25rem}.manager-info-banner svg{flex-shrink:0;margin-top:.125rem}.manager-info-banner h3{font-size:1rem;font-weight:600;margin:0 0 .5rem}.manager-info-banner p{font-size:.875rem;line-height:1.4;margin:0;opacity:.9}.field-hint{margin-bottom:0}.next-steps-info{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem;display:flex;gap:.5rem;margin:1rem 0;padding:.75rem 1rem}.next-steps-info svg{color:#0284c7;flex-shrink:0}.next-steps-info p{color:#0c4a6e;font-size:.875rem;margin:0}.field-input-wrapper-with-button{align-items:center;display:flex;gap:12px}.field-input-wrapper-with-button .field-input-wrapper{flex:1 1}.send-otp-button{align-items:center;background:#10b981;border:none;border-radius:8px;box-shadow:0 2px 8px #10b98133;color:#102216;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 20px;transition:all .2s;white-space:nowrap}.send-otp-button:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.send-otp-button:active:not(:disabled){transform:translateY(0)}.send-otp-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.otp-input-container{display:flex;gap:12px;justify-content:center;margin-top:8px}.otp-input{background:#102216;border:2px solid #10b9814d;color:#f1f5f9;font-size:24px;font-weight:700;height:56px;transition:all .2s;width:50px}.otp-input:focus{box-shadow:0 0 0 3px #10b98133}.otp-input.otp-verified{background:#10b9811a;border-color:#10b981}.otp-verified-badge{background:#10b981;border-radius:12px;color:#102216;font-size:12px;font-weight:700;margin-left:8px;padding:4px 12px}@media (max-width:640px){.field-input-wrapper-with-button{align-items:stretch;flex-direction:column}.send-otp-button{justify-content:center;width:100%}.otp-input-container{gap:8px}.otp-input{font-size:20px;height:48px;width:42px}}.otp-section{margin-top:12px}.otp-send-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.otp-send-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.otp-send-button:disabled{cursor:not-allowed;opacity:.6}.otp-verify-section{flex-direction:column}.otp-input-wrapper,.otp-verify-section{display:flex;gap:8px}.otp-input{border:2px solid #d1d5db;border-radius:8px;flex:1 1;font-size:16px;font-weight:600;letter-spacing:4px;padding:10px 14px;text-align:center;transition:all .3s ease}.otp-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.otp-verify-button{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease;white-space:nowrap}.otp-verify-button:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.otp-verify-button:disabled{cursor:not-allowed;opacity:.6}.otp-resend-button{align-self:flex-start;background:#0000;border:1px solid #10b981;border-radius:6px;color:#10b981;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .3s ease}.otp-resend-button:hover:not(:disabled){background:#10b9811a}.otp-resend-button:disabled{cursor:not-allowed;opacity:.6}.email-verified-badge{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-top:8px;padding:8px 14px}.field-icon-success{color:#10b981;pointer-events:none;position:absolute;right:14px}@media (max-width:640px){.otp-input-wrapper{flex-direction:column}.otp-verify-button{width:100%}}.admin-login-page{background:#102216;display:flex;flex-direction:column;font-family:Public Sans,Inter,sans-serif;min-height:100vh;position:relative}.admin-bg-decoration{inset:0;opacity:.05;pointer-events:none;position:fixed;z-index:0}.admin-bg-blur{background:#2e7d32;border-radius:50%;filter:blur(120px);position:absolute}.admin-bg-blur-top{height:33.333%;right:0;top:0;width:33.333%}.admin-bg-blur-bottom{bottom:0;filter:blur(100px);height:25%;left:0;width:25%}.admin-header{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1024px;padding:32px 16px;position:relative;width:100%;z-index:1}.admin-logo-container{gap:8px}.admin-header-actions,.admin-logo-container{align-items:center;display:flex}.admin-back-link{color:#64748b;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.admin-back-link:hover{color:#2e7d32}.admin-logo-icon{align-items:center;background:#2e7d32;border-radius:8px;color:#fff;display:flex;justify-content:center;padding:8px}.admin-logo-text{color:#0f172a;font-size:24px;font-weight:700;letter-spacing:-.5px}.admin-logo-dot{color:#2e7d32}.admin-main-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:16px 16px 80px;position:relative;z-index:1}.admin-login-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:448px;overflow:hidden;width:100%}.admin-card-top-bar{background:#2e7d32;height:6px;width:100%}.admin-card-content{padding:40px}.admin-title-section{margin-bottom:32px;text-align:center}.admin-title{color:#0f172a;font-size:24px;font-weight:700;margin-bottom:8px}.admin-subtitle{color:#64748b;font-size:14px;line-height:1.5}.admin-credentials-note{background:#2e7d320d;border:1px solid #2e7d3233;border-radius:8px;margin-top:16px;padding:12px 16px}.credentials-note-text{color:#334155;font-size:12px;margin:0;text-align:center}.credentials-note-text strong{color:#2e7d32;font-weight:600}.admin-login-form{display:flex;flex-direction:column;gap:24px}.admin-form-group{display:flex;flex-direction:column;gap:8px}.admin-form-label{align-items:center;color:#334155;display:flex;font-size:14px;font-weight:600;gap:8px}.admin-label-row{align-items:center;display:flex;justify-content:space-between}.admin-forgot-link{color:#2e7d32;font-size:12px;font-weight:500;text-decoration:none;transition:-webkit-text-decoration .2s;transition:text-decoration .2s;transition:text-decoration .2s,-webkit-text-decoration .2s}.admin-forgot-link:hover{text-decoration:underline}.admin-input-wrapper{position:relative}.admin-form-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;font-size:15px;padding:12px 16px;transition:all .2s;width:100%}.admin-form-input::placeholder{color:#94a3b8}.admin-form-input:focus{background:#fff;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a;outline:none}.admin-input-wrapper .password-toggle-btn{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .2s;z-index:1}.admin-input-wrapper .password-toggle-btn:hover{color:#2e7d32}.admin-input-wrapper .password-toggle-btn:focus{color:#2e7d32;outline:none}.admin-checkbox-group{align-items:center;display:flex;gap:8px}.admin-checkbox{accent-color:#2e7d32;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer;height:16px;width:16px}.admin-checkbox-label{color:#475569;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none}.admin-submit-button{align-items:center;background:#2e7d32;border:none;border-radius:8px;box-shadow:0 4px 14px #2e7d3233;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;padding:14px 16px;transition:all .2s;width:100%}.admin-submit-button:hover:not(:disabled){background:#1b5e20}.admin-submit-button:disabled{cursor:not-allowed;opacity:.6}.admin-button-icon{font-size:20px;font-weight:700}.admin-footer{padding:24px 16px;position:relative;width:100%;z-index:1}.admin-footer-content{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-size:12px;gap:16px;justify-content:space-between;margin:0 auto;max-width:1024px}.admin-footer-copyright{margin:0}.admin-footer-links{display:flex;gap:24px}.admin-footer-link{color:#94a3b8;text-decoration:none;transition:color .2s}.admin-footer-link:hover{color:#2e7d32}@media (min-width:768px){.admin-card-content{padding:48px}.admin-footer-content{flex-direction:row}}@media (max-width:640px){.admin-card-content{padding:32px 24px}.admin-title{font-size:20px}.admin-footer-links{gap:12px}.admin-footer-links,.admin-header{flex-direction:column;text-align:center}.admin-header{gap:16px}.admin-header-actions{order:-1}}.home-page{background:#102216;min-height:100vh;padding:0}.home-layout{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 320px;margin:0 auto;max-width:1400px;padding:32px 24px 60px}.home-main{min-width:0}.hero-section{align-items:center;background:linear-gradient(135deg,#1e3a2fd9,#0f2419d9);border-radius:20px;display:flex;margin-bottom:48px;min-height:450px;overflow:hidden;padding:80px 50px;position:relative}.hero-background{bottom:0;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:0}.hero-bg-image{height:100%;object-fit:cover;object-position:center;width:100%}.hero-overlay{background:linear-gradient(135deg,#102216e0,#102216a6 50%,#102216e0);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.hero-content{max-width:550px;position:relative;z-index:2}.hero-title{color:#fff;font-size:56px;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin-bottom:20px;text-shadow:0 2px 12px #0006}.hero-title-highlight{color:#10b981;display:block}.hero-subtitle{color:#e5e7eb;font-size:17px;line-height:1.7;margin-bottom:36px;max-width:480px;text-shadow:0 1px 6px #0006}.hero-actions{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:40px;max-width:500px}.btn-hero-primary{background:#10b981;border:none;border-radius:12px;box-shadow:0 4px 14px #10b9814d;color:#102216;cursor:pointer;font-size:18px;font-weight:700;padding:20px 40px;text-align:center;transition:all .3s;white-space:nowrap}.btn-hero-primary:hover{background:#059669;box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-hero-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d5a4799;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:20px 40px;text-align:center;transition:all .3s;white-space:nowrap}.btn-hero-secondary:hover{background:#2d5a47cc;border-color:#ffffff80;transform:translateY(-2px)}.section-courts,.section-lobbies{margin-bottom:56px}.section-header,.section-header-lobbies{margin-bottom:24px}.section-title{font-size:26px;letter-spacing:-.3px;margin-bottom:4px}.section-subtitle{color:#9ca3af;font-size:14px;font-weight:400;margin-bottom:16px}.view-all-link{background:#0000;border:none;border-radius:8px;color:#10b981;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.view-all-link:hover{background:#10b9811a}.empty-state,.loading-state{background:#1a3a2e;border-radius:12px;color:#6b7280;padding:60px 20px;text-align:center}.empty-state h3{color:#9ca3af;font-size:18px;font-weight:600;margin-bottom:8px}.empty-state p{color:#6b7280;font-size:14px}.courts-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(3,1fr)}.court-card{background:#1a3a2e;border:1px solid #2d5a47;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s}.court-card:hover{border-color:#10b981;box-shadow:0 8px 30px #10b98126;transform:translateY(-4px)}.court-image{background:#0f1419;height:180px;overflow:hidden;position:relative;width:100%}.court-image img{height:100%;object-fit:cover;width:100%}.court-image-placeholder{align-items:center;color:#374151;display:flex;height:100%;justify-content:center;width:100%}.court-rating{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;border-radius:16px;color:#fbbf24;display:flex;font-size:13px;font-weight:600;gap:4px;padding:4px 10px;position:absolute;right:10px;top:10px}.court-info{padding:16px}.court-name{font-size:16px;margin-bottom:6px}.court-location{color:#9ca3af;font-size:13px;margin-bottom:14px}.court-distance{color:#6b7280}.court-footer{align-items:center;display:flex;justify-content:space-between}.court-price{font-size:18px;font-weight:700}.btn-details{background:#10b9811a;border:1px solid #10b9814d;border-radius:6px;color:#10b981;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .2s}.btn-details:hover{background:#10b98133;border-color:#10b981}.lobby-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.filter-tab{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s}.filter-tab:hover{background:#ffffff14;color:#d1d5db}.filter-tab.active{background:#10b981;border-color:#10b981;color:#fff}.lobbies-list{display:flex;flex-direction:column;gap:12px}.lobby-card-horizontal{align-items:center;background:#1a3a2e;border:1px solid #2d5a47;border-left:3px solid #10b981;border-radius:10px;cursor:pointer;display:flex;gap:20px;justify-content:space-between;padding:16px;transition:all .3s}.lobby-card-horizontal:hover{border-color:#10b981;box-shadow:0 4px 20px #10b98126;transform:translateX(2px)}.lobby-left{flex:1 1;min-width:0}.lobby-badge-group{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.lobby-type-badge{background:#10b98126;color:#10b981;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.lobby-type-badge,.lobby-venue-badge{border-radius:4px;font-size:10px;padding:3px 10px}.lobby-venue-badge{background:#3b82f626;color:#60a5fa;font-weight:600}.lobby-meta{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:6px}.lobby-distance{font-weight:600}.lobby-separator{color:#4b5563}.lobby-location{color:#6b7280}.lobby-center{flex:1 1;min-width:0}.lobby-host-info{align-items:center;display:flex;gap:10px}.lobby-host-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:2px solid #10b9814d;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;overflow:hidden;width:36px}.lobby-host-avatar img{height:100%;object-fit:cover;width:100%}.lobby-host-label{color:#d1d5db;font-size:12px;font-weight:600;margin-bottom:2px}.lobby-host-reliability{color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.3px}.reliability-stars{color:#fbbf24}.lobby-right{align-items:center;display:flex;gap:16px}.lobby-slots-info{text-align:center}.lobby-slots-filled{color:#10b981;display:block;font-size:20px;font-weight:700;line-height:1;margin-bottom:2px}.lobby-slots-label{color:#6b7280;display:block;font-size:9px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.btn-join-game{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s;white-space:nowrap}.btn-join-game:hover{background:#059669;transform:scale(1.03)}.btn-join-game:active{transform:scale(.98)}.home-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:80px}.sidebar-widget{background:#1a3a2e;border:1px solid #2d5a47;border-radius:12px;margin-bottom:20px;padding:20px}.widget-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.widget-icon{color:#10b981}.widget-title{color:#fff;font-size:16px;font-weight:700}.widget-content{display:flex;flex-direction:column;gap:12px}.deal-item{align-items:center;background:#ffffff08;border-radius:8px;display:flex;gap:12px;padding:12px}.deal-icon{border-radius:50%;flex-shrink:0;height:10px;width:10px}.deal-icon.green{background:#10b981}.deal-icon.blue{background:#3b82f6}.deal-info{flex:1 1}.deal-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px}.deal-cost{color:#9ca3af;font-size:12px}.deal-loading,.no-offers{color:#9ca3af;font-size:13px;padding:20px;text-align:center}.no-offers p{margin:0}.btn-widget{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;cursor:pointer;font-size:13px;font-weight:600;margin-top:4px;padding:10px;transition:all .2s;width:100%}.btn-widget:hover{background:#10b98133;border-color:#10b981}@media (max-width:1200px){.home-layout{grid-template-columns:1fr}.home-sidebar{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));position:static}.sidebar-widget{margin-bottom:0}}@media (max-width:768px){.hero-section{padding:40px 24px}.hero-title{font-size:36px}.hero-subtitle{font-size:14px}.hero-actions{grid-template-columns:1fr;max-width:100%}.btn-hero-primary,.btn-hero-secondary{width:100%}.courts-grid{grid-template-columns:1fr}.lobby-card-horizontal{align-items:flex-start;flex-direction:column}.lobby-right{justify-content:space-between;width:100%}.home-sidebar{grid-template-columns:1fr}}.input{background:#fff;border:1px solid #ccc;border-radius:6px;font-size:14px;height:36px;outline:none;padding:6px 10px;transition:box-shadow .2s ease,border-color .2s ease;width:100%}.input::placeholder{color:#999}.input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d}.input:disabled{cursor:not-allowed;opacity:.6}.input[type=file]{padding:4px}.input[aria-invalid=true]{border-color:red;box-shadow:0 0 0 3px #f003}.ui-card{background:#fff;border:1px solid #ddd;border-radius:14px;color:#111;gap:16px;padding:0}.ui-card,.ui-card-header{display:flex;flex-direction:column}.ui-card-header{gap:6px;padding:24px 24px 0}.ui-card-title{font-size:18px;font-weight:600;margin:0}.ui-card-description{color:#666;font-size:14px;margin:0}.ui-card-action{align-self:flex-end}.ui-card-content{padding:0 24px}.ui-card-content:last-child{padding-bottom:24px}.ui-card-footer{align-items:center;display:flex;padding:0 24px 24px}.badge{align-items:center;border:1px solid #0000;border-radius:6px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;justify-content:center;padding:2px 6px;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.badge-default{background:#2563eb;color:#fff}.badge-secondary{background:#e5e7eb;color:#111}.badge-destructive{background:#dc2626;color:#fff}.badge-outline{background:#0000;border-color:#d1d5db;color:#333}.venue-page{background:#102216;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding-bottom:60px}.venue-header{background:linear-gradient(135deg,#1a3a2e99,#102216b3),url(/static/media/FindVenuebg.478c5ba4d88b5acf25dd.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:1px solid #2d5a47;color:#fff;padding:96px 0 64px}.venue-header-inner{margin:0 auto;max-width:1100px;padding:0 16px}.venue-back-btn:hover{background:#ffffff1a!important;border-color:#fff3!important;transform:translateX(-4px)}.venue-header-title-row{align-items:center;display:flex;gap:12px;margin-bottom:16px}.venue-header-icon{color:#10b981;height:32px;width:32px}.venue-header-title{color:#fff;font-size:28px;font-weight:700;margin:0}.venue-header-meta{color:#ffffffd9;font-size:16px;margin-bottom:24px}.venue-search-section{margin-top:16px}.venue-search-row{align-items:center;display:flex;gap:12px;margin-bottom:12px}.venue-search-input-wrapper{flex:1 1;position:relative}.venue-search-icon{color:#ffffffb3;height:18px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.venue-search-input{background:#ffffff1a!important;border:1px solid #ffffff40!important;border-radius:8px!important;color:#fff!important;padding-left:38px!important}.venue-search-input::placeholder{color:#ffffffb3!important}.venue-filter-button{align-items:center!important;background:#10b98126!important;border:1px solid #10b9814d!important;color:#10b981!important;display:inline-flex!important;font-weight:600!important;gap:6px!important}.venue-filter-button:hover{background:#10b98140!important;border-color:#10b981!important}.venue-filter-icon{height:16px;width:16px}.venue-filters-box{grid-gap:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(1,minmax(0,1fr));margin-top:16px;padding:20px}@media (min-width:768px){.venue-filters-box{grid-template-columns:repeat(3,minmax(0,1fr))}}.venue-filter-group{display:flex;flex-direction:column;gap:6px}.venue-filter-label{color:#e5e7eb;font-size:13px;font-weight:500}.venue-filter-group input,.venue-select{background:#0f172a4d!important;border:1px solid #fff3!important;border-radius:6px!important;color:#fff!important;font-size:14px!important;padding:8px 12px!important}.venue-filter-group input::placeholder{color:#ffffff80!important}.venue-select{cursor:pointer}.venue-filter-actions{display:flex;grid-column:1/-1;justify-content:flex-end;margin-top:8px}.venue-main{margin:-32px auto 0;max-width:1100px;padding:0 16px}.venue-results-info{color:#ffffffb3;font-size:14px;margin-bottom:20px}.venue-loading{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.venue-empty-card{background:#1a3a2e!important;border:1px solid #2d5a47!important;margin-top:20px}.venue-empty-content{padding:48px 16px!important;text-align:center!important}.venue-empty-icon{color:#6b7280;height:56px;margin:0 auto 12px;width:56px}.venue-empty-title{color:#d1d5db;font-size:20px;margin-bottom:6px}.venue-empty-text{color:#9ca3af;font-size:14px;margin-bottom:12px}.venue-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(1,minmax(0,1fr));margin-top:20px}@media (min-width:768px){.venue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.venue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.venue-card{background:#1a3a2e!important;border:1px solid #2d5a47!important;border-radius:12px!important;cursor:pointer!important;overflow:hidden!important;transition:all .2s ease!important}.venue-card:hover{border-color:#10b981!important;box-shadow:0 8px 26px #10b98126!important;transform:translateY(-2px)!important}.venue-card-image{height:200px;overflow:hidden;position:relative;width:100%}.venue-card-image-img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.venue-card-image-placeholder{align-items:center;background:#111827;color:#10b981;display:flex;justify-content:center}.venue-card:hover .venue-card-image-img{transform:scale(1.05)}.venue-card-content{padding:20px!important}.venue-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.venue-card-title{color:#fff;font-size:18px;font-weight:600;line-height:1.3;margin:0}.venue-card-rating{align-items:center;color:#f59e0b;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:4px}.rating-star{fill:currentColor;color:#f59e0b}.venue-card-location{color:#9ca3af;font-size:14px;gap:6px}.venue-card-location,.venue-card-meta{align-items:center;display:flex;margin-bottom:16px}.venue-card-meta{justify-content:space-between}.venue-card-capacity{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:6px}.venue-card-price{text-align:right}.price-amount{font-size:18px;font-weight:600}.price-unit{color:#9ca3af;font-size:12px;margin-left:2px}.venue-card-features{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.feature-badge{background:#10b98126!important;border:1px solid #10b9814d!important;color:#10b981!important;font-size:11px!important;font-weight:500!important}.more-features{background:#9ca3af26!important;border:1px solid #9ca3af4d!important;color:#9ca3af!important;font-size:11px!important}.venue-card-button{background:#10b981!important;border:none!important;color:#fff!important;font-weight:600!important;transition:all .2s ease!important;width:100%!important}.venue-card-button:hover{background:#059669!important;transform:translateY(-1px)!important}.venue-show-more{display:flex;justify-content:center;margin-top:40px}.show-more-btn{background:#ffffff0d!important;border:1px solid #fff3!important;color:#fff!important;font-size:16px!important;font-weight:600!important;padding:12px 32px!important;transition:all .2s ease!important}.show-more-btn:hover{background:#ffffff1a!important;border-color:#ffffff4d!important;transform:translateY(-2px)!important}@media (max-width:768px){.venue-header{padding:80px 0 48px}.venue-header-title{font-size:24px}.venue-filters-box{grid-template-columns:repeat(1,minmax(0,1fr))}.venue-card-header,.venue-card-meta{align-items:flex-start;flex-direction:column;gap:8px}.venue-card-price{text-align:left}}.label{align-items:center;display:flex;font-size:14px;font-weight:500;gap:6px;line-height:1;-webkit-user-select:none;user-select:none}.label[aria-disabled=true]{cursor:not-allowed;opacity:.5}.separator{background-color:#ddd;flex-shrink:0}.separator-horizontal{height:1px;width:100%}.separator-vertical{height:100%;width:1px}.bf-wrapper{margin:auto;max-width:1100px;padding:24px}.bf-back-btn{align-items:center;color:#4b5563;display:flex;font-weight:500;gap:6px;margin-bottom:16px}.bf-back-btn:hover{color:#111827}.bf-back-icon{height:18px;width:18px}.bf-grid{grid-gap:32px;display:grid;gap:32px}@media (min-width:1024px){.bf-grid{grid-template-columns:1fr 1fr}}.bf-summary-card{background:#fff;border-radius:14px!important;box-shadow:0 4px 14px #00000014}.bf-summary-content{padding-top:0!important}.bf-summary-box{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:14px;padding:20px}.bf-summary-venue{color:#065f46;font-size:20px;font-weight:700;margin-bottom:14px}.bf-summary-rows{color:#374151;font-size:15px}.bf-row{display:flex;justify-content:space-between;margin-bottom:10px}.bf-total-row{font-size:19px;font-weight:700;margin-top:12px}.bf-total-amount{color:#059669}.bf-info-list{color:#6b7280;font-size:13px;line-height:1.5;margin-top:18px}.bf-form-card{background:#fff;border-radius:14px!important;box-shadow:0 4px 14px #00000014}.bf-form{gap:28px}.bf-form,.bf-section{display:flex;flex-direction:column}.bf-section{gap:18px}.bf-section-title{align-items:center;color:#065f46;display:flex;font-size:18px;font-weight:700;gap:8px}.bf-section-icon{height:20px;width:20px}.bf-two-col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.bf-confirm-btn{background:#10b981!important;border-radius:10px;color:#fff!important;font-size:16px;font-weight:600;padding:12px 0;transition:all .2s ease;width:100%}.bf-confirm-btn:hover{background:#059669!important}.bf-confirm-btn:disabled{background:#d1d5db!important;color:#9ca3af!important}.bf-spinner-wrapper{align-items:center;display:flex;gap:10px}.bf-spinner{animation:spin .7s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:18px;width:18px}.payment-methods{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.payment-option{align-items:flex-start;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .3s}.payment-option:hover{background:#10b9810d;border-color:#10b981}.payment-option.selected{background:#10b9811a;border-color:#10b981}.payment-option input[type=radio]{accent-color:#10b981;cursor:pointer;height:18px;margin-top:4px;width:18px}.payment-option-content{flex:1 1}.payment-logos{align-items:center;display:flex;gap:8px;margin-bottom:8px}.payment-badge{background:#10b981;border-radius:6px;color:#fff;font-size:14px;font-weight:700;padding:4px 12px}.payment-sub{font-weight:600}.payment-desc,.payment-sub{color:#6b7280;font-size:13px}.payment-desc{margin:0}@media (max-width:768px){.payment-option{padding:12px}.payment-badge{font-size:12px;padding:3px 10px}.payment-sub{font-size:11px}}.venue-detail-container{background:#102216;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px 20px 60px}.back-btn-new{background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:8px!important;color:#fff!important;font-size:14px!important;font-weight:500!important;margin-bottom:24px!important;padding:10px 20px!important;transition:all .2s!important}.back-btn-new:hover{background:#ffffff1a!important;border-color:#fff3!important;transform:translateX(-4px)}.venue-detail-grid-new{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 420px}.venue-left-new{display:flex;flex-direction:column;gap:24px}.venue-image-section{width:100%}.venue-main-image{border-radius:16px;box-shadow:0 8px 30px #0000004d;height:400px;overflow:hidden;position:relative;width:100%}.venue-image-new{height:100%;object-fit:cover;width:100%}.venue-badge-overlay{left:20px;position:absolute;top:20px}.badge-futsal{background:#10b981!important;border-radius:8px!important;color:#fff!important;font-size:13px!important;font-weight:600!important;letter-spacing:.5px!important;padding:8px 16px!important;text-transform:uppercase!important}.venue-info-card-new{background:#1a3a2e!important;border:1px solid #2d5a47!important;border-radius:16px!important;box-shadow:0 4px 20px #0003!important}.venue-info-content{padding:32px!important}.venue-header-new{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.venue-title-section{flex:1 1}.venue-title-new{color:#fff;font-size:32px;font-weight:800;line-height:1.2;margin-bottom:12px}.venue-location-new{align-items:center;color:#9ca3af;display:flex;font-size:15px;gap:8px;margin-bottom:12px}.icon-location{color:#10b981;height:18px;width:18px}.venue-rating-new{align-items:center;display:flex;gap:12px}.rating-stars{display:flex;gap:2px}.star-icon-filled{height:16px;width:16px}.rating-text{color:#d1d5db}.venue-price-card{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 4px 12px #10b9814d;min-width:160px;padding:20px 24px;text-align:center}.price-label{color:#ffffffe6;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.price-amount{color:#fff;font-size:32px;font-weight:800;line-height:1;margin-bottom:4px}.price-unit{color:#ffffffe6;font-size:14px;font-weight:500}.separator-new{background:#ffffff1a!important;margin:24px 0!important}.venue-description-section{margin-bottom:24px}.section-heading{color:#fff;font-size:18px;font-weight:700;margin-bottom:12px}.venue-description-new{color:#d1d5db;font-size:15px;line-height:1.7}.venue-quick-info{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.quick-info-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;display:flex;gap:12px;padding:16px}.quick-info-icon{align-items:center;background:#10b9811a;border-radius:8px;color:#10b981;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.quick-info-text{flex:1 1}.quick-info-label{color:#9ca3af;font-size:12px;margin-bottom:px}.quick-info-value{color:#fff;font-size:14px;font-weight:600}.amenities-section{margin-bottom:24px}.amenities-grid-new{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.amenity-item-new{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;display:flex;gap:10px;padding:12px 16px}.amenity-icon-wrapper{align-items:center;background:#10b9811a;border-radius:6px;color:#10b981;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.amenity-text{color:#d1d5db;font-size:14px;font-weight:500}.reviews-card-new{background:#1a3a2e!important;border:1px solid #2d5a47!important;border-radius:16px!important;box-shadow:0 4px 20px #0003!important}.reviews-header{border-bottom:1px solid #ffffff1a;padding:24px 32px 16px!important}.reviews-title-row{align-items:center;display:flex;justify-content:space-between}.reviews-title{color:#fff!important;font-size:20px!important;font-weight:700!important}.view-all-reviews{background:#0000;border:none;border-radius:6px;color:#10b981;cursor:pointer;font-size:14px;font-weight:600;padding:6px 12px;transition:all .2s}.view-all-reviews:hover{background:#10b9811a}.reviews-content{display:flex;flex-direction:column;gap:20px;padding:24px 32px!important}.review-item{background:#ffffff08;border:1px solid #ffffff0d}.review-header{align-items:flex-start}.review-author{gap:12px}.review-author,.review-avatar{align-items:center;display:flex}.review-avatar{background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.review-author-info{display:flex;flex-direction:column;gap:2px}.review-author-name{color:#fff;font-size:15px;font-weight:600}.review-rating{display:flex;gap:2px}.review-star{height:14px;width:14px}.review-comment{color:#d1d5db;font-size:14px;font-style:italic;line-height:1.6}.venue-right-new{display:flex;flex-direction:column;gap:24px;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:80px}.map-card-new{background:#1a3a2e!important;border:1px solid #2d5a47!important;border-radius:16px!important;box-shadow:0 8px 30px #0000004d!important}.map-header-new{border-bottom:1px solid #ffffff1a;padding:20px 24px 16px!important}.map-title-new{align-items:center!important;color:#fff!important;display:flex!important;font-size:18px!important;font-weight:700!important;gap:10px!important}.map-content-new{padding:20px!important}.map-container-new{border-radius:8px;box-shadow:0 4px 12px #0003;overflow:hidden;width:100%}.map-container-new iframe{display:block}.booking-card-new{background:#1a3a2e!important;border:1px solid #2d5a47!important;border-radius:16px!important;box-shadow:0 8px 30px #0000004d!important}.booking-header-new{border-bottom:1px solid #ffffff1a;padding:24px 24px 16px!important}.booking-title-new{align-items:center!important;color:#fff!important;display:flex!important;font-size:20px!important;font-weight:700!important;gap:10px!important}.booking-content-new{display:flex;flex-direction:column;gap:20px;padding:24px!important}.form-label{color:#d1d5db;font-size:14px;font-weight:600}.date-input-new{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.date-input-new:focus{background:#ffffff14;border-color:#10b981;outline:none}.courts-list-new{display:flex;flex-direction:column;gap:10px}.court-item-new{align-items:center;background:#ffffff08;border:2px solid #ffffff0d;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.court-item-new:hover{background:#ffffff0d;border-color:#10b9814d}.court-item-new.court-selected{background:#10b9811a;border-color:#10b981}.court-info{flex:1 1}.court-name{color:#fff;font-size:15px;font-weight:600;margin-bottom:4px}.court-type{font-size:13px}.court-price{text-align:right}.court-price-amount{color:#10b981;display:block;font-size:18px;font-weight:700}.court-price-unit{color:#9ca3af;font-size:12px}.timeslots-grid-new{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.timeslot-btn-new{align-items:center;background:#ffffff08;border:2px solid #ffffff0d;border-radius:8px;color:#d1d5db;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px;transition:all .2s}.timeslot-btn-new,.timeslot-time{font-size:13px;font-weight:600}.timeslot-status{font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.timeslot-btn-new:hover:not(:disabled){background:#ffffff0d;border-color:#10b9814d;color:#fff}.timeslot-btn-new.timeslot-selected{background:#10b98126;border-color:#10b981;color:#10b981}.timeslot-btn-new.timeslot-booked{background:#ef44440d;border-color:#ef444433;color:#ef4444;cursor:not-allowed;opacity:.5}.timeslot-btn-new.timeslot-booked .timeslot-time{opacity:.6;text-decoration:line-through}.timeslot-btn-new.timeslot-booked .timeslot-status{color:#ef4444;font-weight:700}.booking-summary-new{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:20px}.summary-heading{color:#fff;font-size:16px;font-weight:700;margin-bottom:16px}.summary-details{display:flex;flex-direction:column;gap:12px}.summary-row-new{align-items:center;display:flex;justify-content:space-between}.summary-label{color:#9ca3af;font-size:14px}.summary-value{color:#fff;font-size:14px;font-weight:600}.summary-separator{background:#ffffff1a!important;margin:8px 0!important}.summary-total{padding-top:8px}.summary-label-total{color:#fff;font-size:16px;font-weight:700}.summary-value-total{color:#10b981;font-size:20px;font-weight:800}.proceed-btn-new{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;border-radius:10px!important;box-shadow:0 4px 12px #10b9814d!important;color:#fff!important;cursor:pointer!important;font-size:15px!important;font-weight:700!important;padding:14px!important;transition:all .3s!important;width:100%}.proceed-btn-new:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 6px 20px #10b98166!important;transform:translateY(-2px)}.proceed-btn-new:disabled{cursor:not-allowed!important;opacity:.5!important;transform:none!important}@media (max-width:1024px){.venue-detail-grid-new{grid-template-columns:1fr}.venue-right-new{position:static}.venue-quick-info{grid-template-columns:1fr}}@media (max-width:768px){.venue-detail-container{padding:16px 16px 40px}.venue-main-image{height:280px}.venue-header-new{flex-direction:column}.venue-title-new{font-size:24px}.venue-info-content{padding:24px!important}.amenities-grid-new,.timeslots-grid-new{grid-template-columns:1fr}}.write-review-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s}.write-review-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.reviews-loading{text-align:center}.no-reviews,.reviews-loading{padding:40px 20px}.no-reviews p{margin-bottom:16px}.first-review-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.first-review-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.review-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.review-modal{animation:slideUp .3s ease;background:#1a2e21;border:1px solid #243a2b;border-radius:20px;max-width:500px;padding:32px;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.review-close-btn{background:#0000;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;padding:8px;position:absolute;right:16px;top:16px;transition:all .3s}.review-close-btn:hover{background:#ef44441a;color:#ef4444}.review-modal h2{color:#fff;font-size:24px;font-weight:900;margin:0 0 8px}.review-venue-name{color:#10b981;font-size:14px;font-weight:600;margin:0 0 24px}.rating-section{margin-bottom:24px}.rating-section label{color:#d1d5db;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.star-rating{display:flex;gap:8px;margin-bottom:8px}.star-btn{background:#0000;border:none;cursor:pointer;padding:4px;transition:transform .2s}.star-btn:hover{transform:scale(1.1)}.rating-text{color:#10b981;font-size:14px;font-weight:600;margin:8px 0 0}.comment-section{margin-bottom:24px;position:relative}.comment-section label{color:#d1d5db;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.comment-section textarea{background:#102216;border:1px solid #243a2b;border-radius:12px;color:#fff;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:all .3s;width:100%}.comment-section textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.char-count{bottom:-20px;color:#9ca3af;font-size:12px;position:absolute;right:0}.review-actions{display:flex;gap:12px;margin-top:32px}.cancel-btn,.submit-btn{border-radius:12px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:12px 24px;transition:all .3s}.cancel-btn{background:#0000;border:1px solid #243a2b;color:#9ca3af}.cancel-btn:hover{background:#ef44440d;border-color:#ef4444;color:#ef4444}.submit-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 4px 12px #10b98133;color:#102216}.submit-btn:hover:not(:disabled){box-shadow:0 6px 16px #10b9814d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.bc-wrapper{margin:0 auto;max-width:700px;padding:16px}.bc-card{border:none;box-shadow:0 4px 16px #0000001a}.bc-header{background:#ecfdf5;border-top-left-radius:12px;border-top-right-radius:12px;padding:24px;text-align:center}.bc-icon-wrapper{margin-bottom:16px}.bc-icon-circle,.bc-icon-wrapper{display:flex;justify-content:center}.bc-icon-circle{align-items:center;background:#10b981;border-radius:50%;height:64px;width:64px}.bc-check-icon{color:#fff;height:32px;width:32px}.bc-title{color:#065f46;font-size:26px;font-weight:700}.bc-subtext{color:#059669;margin-top:4px}.bc-content{padding:24px}.bc-box{background:#f9fafb;border-radius:10px;padding:16px;text-align:center}.bc-label{color:gray;font-size:14px}.bc-id{font-size:18px;font-weight:700}.bc-section{margin-top:20px}.bc-section-title{font-size:18px;font-weight:600}.bc-details-grid{grid-gap:14px;display:grid;gap:14px;margin-top:12px}.bc-detail-item{align-items:center;display:flex;gap:12px}.bc-detail-icon{color:#10b981;height:22px;width:22px}.bc-detail-main{font-weight:500}.bc-detail-sub{color:gray;font-size:14px}.bc-row{display:flex;justify-content:space-between;margin-top:6px}.bc-total{font-size:18px;font-weight:600;margin-top:10px}.bc-total-amount{color:#059669}.bc-important{background:#eff6ff;border-radius:10px;margin-top:20px;padding:16px}.bc-important h4{color:#1e40af;margin-bottom:8px}.bc-important ul{color:#1d4ed8;font-size:14px;line-height:1.4}.bc-email-box{background:#ecfdf5;border-radius:8px;color:#047857;margin-top:16px;padding:12px;text-align:center}.bc-buttons{display:flex;gap:12px;margin-top:20px}.bc-btn-outline{background:#fff;border:2px solid #10b981;color:#10b981;flex:1 1}.bc-btn-outline:hover{background:#ecfdf5}.bc-btn-primary{background:#10b981!important;color:#fff!important;flex:1 1}.bc-btn-primary:hover{background:#059669!important}.bc-btn-icon{margin-right:6px}.bookings-page{margin:0 auto;max-width:1200px;min-height:100vh;padding:48px 16px}.bookings-header{margin-bottom:40px;text-align:center}.header-title-row{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:8px}.header-title{color:#e3e4e8;font-size:36px;font-weight:900;letter-spacing:-.5px}.header-subtitle{color:#64748b;font-size:18px;line-height:1.6}.bookings-container{background:#ffffff0d;border:1px solid #10b9811a;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;overflow:hidden}.tabs-list{background:#0000;border-bottom:1px solid #10b9811a;display:flex}.tabs-trigger{align-items:center;border:none;border-bottom:2px solid #0000;color:#102216;display:flex;font-weight:700;gap:8px;justify-content:center;padding:16px 24px;transition:all .2s}.tabs-trigger:hover{background:#10b9810d}.tabs-trigger[data-state=active]{background:#10b9810d;border-bottom-color:#10b981;color:#10b981}.tab-icon{height:20px;width:20px}.tab-content{padding:32px}.empty-state-wrapper{display:flex;flex-direction:column;gap:48px}.empty-card{background:#0000;border:none;box-shadow:none}.empty-box{align-items:center;display:flex;flex-direction:column;padding:64px 32px;text-align:center}.empty-icon-wrapper{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:#10b9811a;height:128px;margin-bottom:32px;position:relative;width:128px}.empty-icon-wrapper,.empty-icon-wrapper:after{align-items:center;border-radius:50%;display:flex;justify-content:center}.empty-icon-wrapper:after{background:#102216;border:4px solid #1e2e22;bottom:-8px;content:"";height:40px;position:absolute;right:-8px;width:40px}.empty-icon{color:#10b981;height:64px;width:64px}.empty-title{color:#f1f5f9;font-size:24px;font-weight:700;margin-bottom:12px}.empty-description{color:#94a3b8;font-size:16px;line-height:1.6;margin:0 auto 40px;max-width:448px}.empty-actions{display:flex;flex-direction:column;gap:16px;justify-content:center;width:100%}.btn-browse{align-items:center;background:#10b981;border:none;border-radius:12px;box-shadow:0 4px 14px #10b98133;color:#102216;cursor:pointer;display:inline-flex;font-size:18px;font-weight:900;gap:8px;justify-content:center;padding:16px 32px;transition:all .2s}.btn-browse:hover{transform:scale(1.02)}.btn-browse:active{transform:scale(.98)}.btn-icon{height:20px;width:20px}.booking-card{background:#ffffff0d;border:1px solid #10b9811a;border-radius:12px;margin-bottom:16px;padding:24px;transition:all .2s}.booking-card:hover{border-color:#10b9814d;box-shadow:0 4px 14px #10b9811a}.booking-card-row{display:flex;gap:24px}.booking-card-image{border-radius:12px;flex-shrink:0;height:120px;overflow:hidden;width:120px}.booking-card-image img{height:100%;object-fit:cover;width:100%}.booking-card-content{display:flex;flex:1 1;flex-direction:column;gap:16px}.booking-header{align-items:flex-start;display:flex;justify-content:space-between}.booking-title{color:#f1f5f9;font-size:20px;font-weight:700;margin-bottom:8px}.booking-location{align-items:center;color:#94a3b8;display:flex;font-size:14px;gap:6px;margin-bottom:8px}.booking-price{text-align:right}.price-amount{color:#10b981;font-size:24px;font-weight:700}.price-hour{color:#64748b;font-size:12px}.booking-details{flex-wrap:wrap;gap:24px}.detail-item{color:#cbd5e1;font-size:14px}.icon-sm{height:18px;width:18px}.icon-blue{color:#3b82f6}.icon-green{color:#10b981}.icon-purple{color:#a855f7}.badge-status{border-radius:9999px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.badge-green{background:#10b98133;color:#10b981}.badge-yellow{background:#eab30833;color:#eab308}.badge-red{background:#ef444433;color:#ef4444}.badge-orange{background:#f9731633;color:#f97316}.badge-gray{background:#94a3b833;color:#94a3b8}.badge-blue{background:#3b82f633;color:#3b82f6}.lobby-box{background:#10b9811a;border:1px solid #10b98133;border-radius:8px;padding:16px}.lobby-box-row{align-items:center;display:flex;justify-content:space-between}.lobby-player-info{align-items:center;color:#10b981;display:flex;font-size:14px;font-weight:600;gap:8px}.booking-actions{display:flex;flex-wrap:wrap;gap:12px}.btn-blue{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.btn-blue:hover{background:#2563eb}.btn-green{background:#10b981;border:none;border-radius:8px;color:#102216;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.btn-green:hover{background:#059669}.flex-1{flex:1 1}.modify-dialog{background:#1e293b;border:1px solid #10b98133;border-radius:12px;padding:24px}.modify-title{color:#0f172a;font-size:20px;font-weight:700}.modify-section,.modify-title{margin-bottom:24px}.modify-label{color:#1e293b;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.player-row{align-items:center;display:flex;gap:16px}.player-slider{background:#10b98133;border-radius:4px;cursor:pointer;flex:1 1;height:8px;outline:none}.player-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#10b981;border-radius:50%;cursor:pointer;height:20px;width:20px}.player-number{background:#ffffff0d;border:1px solid #021a1233;border-radius:8px;color:#000;font-size:16px;font-weight:600;padding:8px 12px;text-align:center;width:80px}.player-hint{color:#334155;font-size:12px;font-weight:500;margin-top:8px}.modify-submit{background:#10b981;border:none;border-radius:8px;color:#102216;cursor:pointer;font-weight:700;padding:12px;transition:all .2s;width:100%}.modify-submit:hover{background:#059669}@media (max-width:768px){.bookings-page{padding:32px 16px}.header-title{font-size:28px}.header-subtitle{font-size:16px}.tab-content{padding:24px 16px}.empty-box{padding:48px 16px}.booking-card-row,.empty-actions{flex-direction:column}.booking-card-image{height:200px;width:100%}.booking-header{flex-direction:column;gap:16px}.booking-price{text-align:left}.booking-actions{flex-direction:column}.booking-actions button{width:100%}}@media (min-width:640px){.empty-actions{flex-direction:row}.bookings-header{text-align:left}.header-title-row{justify-content:flex-start}}.active-lobbies-list{display:flex;flex-direction:column;gap:20px}.lobby-card{background:#ffffff0d;border:1px solid #10b98133;border-radius:12px;transition:all .2s}.lobby-card:hover{border-color:#10b98166;box-shadow:0 4px 14px #10b9811a}.lobby-card-content{gap:20px;padding:24px}.lobby-card-content,.lobby-info{display:flex;flex-direction:column}.lobby-info{gap:16px}.lobby-header-row{align-items:flex-start;display:flex;justify-content:space-between}.lobby-venue-name{color:#f1f5f9;font-size:20px;font-weight:700;margin:0 0 8px}.lobby-location{align-items:center;color:#94a3b8;display:flex;font-size:14px;gap:6px}.lobby-location svg{color:#10b981}.lobby-details-row{display:flex;flex-wrap:wrap;gap:24px}.lobby-detail{align-items:center;color:#cbd5e1;display:flex;font-size:14px;gap:8px}.lobby-detail svg{color:#10b981;flex-shrink:0}.invite-code-row{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.invite-label{color:#94a3b8;font-size:14px}.invite-code-text{color:#10b981;font-family:Courier New,monospace;font-size:16px;font-weight:700;letter-spacing:1px}.lobby-actions-row{border-top:1px solid #10b9811a;display:flex;gap:12px;padding-top:8px}.lobby-actions-row button{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:center}@media (max-width:640px){.lobby-details-row,.lobby-header-row{flex-direction:column;gap:12px}.invite-code-row{align-items:flex-start;gap:8px}.invite-code-row,.lobby-actions-row{flex-direction:column}}.alert-overlay{background:#0000008c;inset:0;position:fixed;z-index:50}.alert-content{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 20px 40px #00000040;left:50%;max-width:480px;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:51}.alert-header{margin-bottom:12px}.alert-title{font-size:20px;font-weight:600;margin-bottom:6px}.alert-description{color:#555;font-size:14px}.alert-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.alert-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 14px}.alert-action{background:#2563eb;color:#fff}.alert-action:hover{background:#1d4ed8}.alert-cancel{background:#e5e5e5;color:#111}.alert-cancel:hover{background:#d4d4d4}.dialog-overlay{background:#0000008c;inset:0;opacity:1;position:fixed;transition:opacity .2s ease;z-index:9998!important}.dialog-content{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 10px 40px #00000040;left:50%;max-width:450px;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:95%;z-index:9999!important}.dialog-header{display:flex;flex-direction:column;gap:8px}.dialog-title{color:#0f172a;font-size:22px;font-weight:600;margin:0;text-align:center}.dialog-description{color:#334155;font-size:14px;margin:0;text-align:center}.dialog-close-btn{background:none;border:none;cursor:pointer;opacity:.7;padding:4px;position:absolute;right:12px;top:12px;transition:opacity .2s}.dialog-close-btn:hover{opacity:1}.dialog-close-btn svg{height:20px;width:20px}.switch-root{align-items:center;background-color:#ccc;border:1px solid #0000;border-radius:9999px;cursor:pointer;display:inline-flex;height:18px;position:relative;transition:background-color .2s ease;width:32px}.switch-root[data-state=checked]{background-color:#4f46e5}.switch-thumb{background-color:#fff;border-radius:9999px;height:14px;left:2px;position:absolute;transition:transform .2s ease;width:14px}.switch-root[data-state=checked] .switch-thumb{transform:translateX(14px)}.switch-root:disabled{cursor:not-allowed;opacity:.5}.tabs-root{display:flex;flex-direction:column;gap:8px}.tabs-list{align-items:center;background:#f1f1f1;border-radius:12px;color:#666;display:inline-flex;height:36px;padding:3px}.tabs-trigger{background:#0000;border:1px solid #0000;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;padding:4px 8px;transition:all .2s ease}.tabs-trigger:hover{background:#e7e7e7}.tabs-trigger[data-state=active]{background:#fff;border-color:#ddd;box-shadow:0 0 0 3px #0000000d;color:#000}.tabs-trigger:disabled{cursor:not-allowed;opacity:.4}.tabs-content{outline:none}.invitations-card{background:#ffffff0d;border:1px solid #10b9811a;border-radius:12px}.invitations-title{align-items:center;color:#f1f5f9;display:flex;font-size:20px;font-weight:700;gap:12px}.invitations-loading{color:#94a3b8;font-size:16px;padding:40px 20px;text-align:center}.invitations-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.invitations-empty-icon{color:#10b981;margin-bottom:20px;opacity:.5}.invitations-empty h3{color:#f1f5f9;font-size:20px;font-weight:700;margin-bottom:8px}.invitations-empty p{color:#94a3b8;font-size:14px;margin-bottom:24px;max-width:400px}.invitations-list{display:flex;flex-direction:column;gap:16px}.invitation-item{background:#0f172a80;border:1px solid #10b98133;border-radius:12px;padding:20px;transition:all .2s}.invitation-item:hover{border-color:#10b98166;box-shadow:0 4px 14px #10b9811a}.invitation-item.expired{border-color:#ef444433;opacity:.6}.invitation-item.expired:hover{border-color:#ef44444d;box-shadow:0 4px 14px #ef44441a}.invitation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.invitation-venue{color:#f1f5f9;font-size:18px;font-weight:700;margin:0}.invitation-badge{background:#eab30833;border-radius:9999px;color:#eab308;font-size:12px;font-weight:600;padding:4px 12px}.invitation-item.expired .invitation-badge{background:#ef444433;color:#ef4444}.invitation-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}.invitation-detail{align-items:center;color:#cbd5e1;display:flex;font-size:14px;gap:8px}.invitation-detail svg{color:#10b981;flex-shrink:0}.time-remaining{color:#eab308;font-weight:600}.invitation-host{background:#10b9811a;border:1px solid #10b98133;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px}.invitation-host span{color:#cbd5e1;font-size:14px}.invitation-host strong{color:#10b981;font-weight:600}.invite-code{color:#94a3b8;font-size:13px}.invite-code strong,.invite-court strong{background:#10b9811a;border-radius:4px;color:#f1f5f9;font-family:Courier New,monospace;font-size:14px;padding:2px 8px}.invite-court{color:#94a3b8;font-size:13px}.invitation-actions{display:flex;gap:12px}.btn-accept{align-items:center;background:#10b981!important;color:#102216!important;display:flex;flex:1 1;font-weight:600!important;gap:6px;justify-content:center}.btn-accept:hover{background:#059669!important}.btn-decline{align-items:center;border-color:#ef44444d!important;color:#ef4444!important;display:flex;flex:1 1;font-weight:600!important;gap:6px;justify-content:center}.btn-decline:hover{background:#ef44441a!important;border-color:#ef444480!important}@media (max-width:640px){.invitation-details{grid-template-columns:1fr}.invitation-actions{flex-direction:column}.btn-accept,.btn-decline{width:100%}}.findgame-page{background:#102216;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding-bottom:60px}.findgame-header{background:linear-gradient(135deg,#1a3a2ebf,#102216cc),url(/static/media/FindGamebg.f369caf4f52a78bb9430.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:1px solid #2d5a47;color:#fff;padding:96px 0 64px}.findgame-header-inner{margin:0 auto;max-width:1100px;padding:0 16px}.findgame-back-btn{background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:8px!important;color:#fff!important;font-size:14px!important;font-weight:500!important;margin-bottom:20px!important;padding:10px 20px!important;transition:all .2s!important}.findgame-back-btn:hover{background:#ffffff1a!important;border-color:#fff3!important;transform:translateX(-4px)}.findgame-header-title-row{align-items:center;display:flex;gap:12px;margin-bottom:16px}.findgame-header-icon{height:32px;width:32px}.findgame-header-title{font-size:28px;font-weight:700}.findgame-search-section{margin-top:16px}.findgame-search-row{align-items:center;display:flex;gap:12px;margin-bottom:12px}.findgame-search-input-wrapper{flex:1 1;position:relative}.findgame-search-icon{color:#ffffffb3;height:18px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.findgame-search-input{background:#ffffff1a;border-color:#ffffff40;color:#fff;padding-left:38px}.findgame-search-input::placeholder{color:#ffffffb3}.findgame-filter-button{align-items:center;background:#10b98126;border:1px solid #10b9814d;color:#10b981;display:inline-flex;font-weight:600;gap:6px}.findgame-filter-button:hover{background:#10b98140;border-color:#10b981}.findgame-filter-icon{height:16px;width:16px}.findgame-filters-box{grid-gap:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff59;border-radius:10px;display:grid;gap:16px;grid-template-columns:repeat(1,minmax(0,1fr));margin-top:10px;padding:16px}@media (min-width:768px){.findgame-filters-box{grid-template-columns:repeat(3,minmax(0,1fr))}}.findgame-filter-group{display:flex;flex-direction:column;gap:6px}.findgame-filter-label{color:#e5e7eb;font-size:13px}.findgame-select-trigger{background:#0f172a26;border-color:#fff6;color:#fff}.findgame-header-meta{color:#ffffffd9;font-size:13px;margin-top:10px}.findgame-main{margin:-32px auto 0;max-width:1100px;padding:0 16px}.findgame-empty-card{background:#1a3a2e;border:1px solid #2d5a47;margin-top:12px}.findgame-empty-content{padding:48px 16px;text-align:center}.findgame-empty-icon{color:#6b7280;height:56px;margin:0 auto 12px;width:56px}.findgame-empty-title{color:#d1d5db;font-size:20px;margin-bottom:6px}.findgame-empty-text{color:#9ca3af;font-size:14px;margin-bottom:12px}.findgame-list{display:flex;flex-direction:column;gap:14px;margin-top:16px}.findgame-card{background:#1a3a2e;border:1px solid #2d5a47;border-radius:12px;overflow:hidden;transition:box-shadow .2s ease,transform .15s ease}.findgame-card:hover{border-color:#10b981;box-shadow:0 8px 26px #10b98126;transform:translateY(-2px)}.findgame-card-row{display:flex;flex-direction:column}@media (min-width:768px){.findgame-card-row{flex-direction:row}}.findgame-card-image{height:190px;overflow:hidden;width:100%}.findgame-card-image-img{height:100%;object-fit:cover;width:100%}@media (min-width:768px){.findgame-card-image{height:100%;width:260px}}.findgame-card-content{flex:1 1;padding:18px 18px 20px}.findgame-card-top{display:flex;flex-direction:column;gap:16px}@media (min-width:900px){.findgame-card-top{flex-direction:row;justify-content:space-between}}.findgame-card-left{flex:1 1}.findgame-card-title-block{margin-bottom:10px}.findgame-card-title{color:#fff;font-size:20px;font-weight:600;margin-bottom:4px}.findgame-badges-row{display:flex;flex-wrap:wrap;gap:6px}.badge-sport{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.badge-sport,.skill-badge{font-size:12px;font-weight:600}.skill-badge{color:#fff}.skill-beginner{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.skill-intermediate{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.skill-advanced{background:#a855f733;border:1px solid #a855f74d;color:#a855f7}.skill-pro{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.findgame-meta-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}@media (min-width:768px){.findgame-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.findgame-meta-item{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:6px}.findgame-meta-icon{height:16px;width:16px}.map-icon{color:#10b981}.date-icon{color:#3b82f6}.time-icon{color:#f59e0b}.dist-icon{color:#a855f7}.findgame-meta-label{color:#6b7280;font-size:11px}.findgame-meta-value{color:#d1d5db;font-size:13px}.findgame-host-box{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;display:flex;gap:10px;margin-bottom:10px;padding:10px 12px}.findgame-host-avatar{height:40px;width:40px}.findgame-host-info{flex:1 1}.findgame-host-text{color:#9ca3af;font-size:13px}.findgame-host-name{color:#d1d5db;font-weight:600}.reliability-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;gap:4px;margin-top:4px;padding:3px 8px}.reliability-excellent{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.reliability-good{background:#3b82f626;border:1px solid #3b82f64d;color:#3b82f6}.reliability-average{background:#fbbf2426;border:1px solid #fbbf244d;color:#fbbf24}.reliability-new{background:#9ca3af26;border:1px solid #9ca3af4d;color:#9ca3af}.findgame-host-shield{height:14px;width:14px}.findgame-description{color:#9ca3af;font-size:13px;margin-top:4px}.findgame-card-right{margin-top:12px;width:220px}@media (min-width:900px){.findgame-card-right{margin-left:16px;margin-top:0}}.findgame-price-box{margin-bottom:10px;text-align:right}.findgame-price-amount{color:#10b981;font-size:22px;font-weight:600}.findgame-price-sub{color:#9ca3af;font-size:12px}.findgame-players-box{background:#10b9811a;border:1px solid #10b9814d;border-radius:10px;margin-bottom:10px;padding:10px;text-align:center}.findgame-players-main{align-items:center;display:flex;gap:6px;justify-content:center;margin-bottom:2px}.findgame-players-icon{color:#10b981;height:16px;width:16px}.findgame-players-count{color:#10b981;font-weight:600}.findgame-players-sub{color:#059669;font-size:11px}.findgame-actions{display:flex;flex-direction:column;gap:8px}.findgame-join-btn{align-items:center;background:#10b981;border:none;color:#fff;display:inline-flex;font-weight:600;gap:4px;justify-content:center;width:100%}.findgame-join-btn:hover{background:#059669;transform:translateY(-1px)}.findgame-join-icon{height:16px;width:16px}.findgame-details-btn{background:#ffffff0d;border:1px solid #ffffff1a;color:#d1d5db;width:100%}.findgame-details-btn:hover{background:#ffffff14;border-color:#fff3;color:#fff}.findgame-dialog-body{display:flex;flex-direction:column;gap:10px;padding-top:10px}.findgame-dialog-summary{background:#10b9811a;border:1px solid #10b98133;border-radius:10px;padding:12px}.findgame-dialog-title{color:#d1d5db;font-weight:600;margin-bottom:6px}.findgame-dialog-lines{color:#9ca3af;display:flex;flex-direction:column;font-size:13px;gap:2px}.findgame-dialog-note{color:#6b7280;font-size:13px}.findgame-dialog-submit{background:#10b981;color:#fff;margin-top:4px;width:100%}.findgame-dialog-submit:hover{background:#059669}.findgame-joincode-box{display:flex;gap:10px;margin-top:18px}.findgame-joincode-input{flex:1 1}.findgame-joincode-btn{background:#10b981;border:none;color:#fff;font-weight:600;white-space:nowrap}.findgame-joincode-btn:hover{background:#059669;transform:translateY(-1px)}.findgame-joincode-input{background:#ffffff1a;border:1px solid #ffffff40;color:#fff;padding-left:12px}.findgame-joincode-input::placeholder{color:#ffffffb3}.findgame-joined-btn{align-items:center;background:#10b98133!important;border:1px solid #10b9814d!important;color:#10b98199!important;cursor:not-allowed;display:inline-flex;font-weight:600;gap:4px;justify-content:center;opacity:.7;width:100%}.findgame-joined-btn:hover{background:#10b98133!important;transform:none}.findgame-joined-btn .findgame-join-icon{opacity:.6}.findgame-view-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s;width:100%}.findgame-view-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.findgame-view-icon{height:18px;width:18px}.avatar-root{border-radius:50%;display:flex;flex-shrink:0;height:40px;overflow:hidden;position:relative;width:40px}.avatar-image{height:100%;object-fit:cover;width:100%}.avatar-fallback{background:#e5e7eb;border-radius:50%;color:#4b5563;font-weight:600;height:100%;justify-content:center}.avatar-fallback,.select-trigger{align-items:center;display:flex;font-size:14px;width:100%}.select-trigger{background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;height:36px;justify-content:space-between;padding:6px 10px}.select-trigger:disabled{cursor:not-allowed;opacity:.6}.select-content{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 10px #00000026;overflow:hidden}.select-viewport{max-height:200px;padding:4px}.select-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:6px 8px}.select-item:hover{background:#f2f2f2}.select-item[aria-selected=true]{font-weight:600}.select-check{margin-left:auto}.select-scroll-btn{align-items:center;display:flex;justify-content:center;padding:4px 0}.select-label{color:#666;font-size:12px;padding:4px 8px}.lobby-header{background:linear-gradient(135deg,#1a3a2e,#10b981);color:#fff;padding-bottom:64px;padding-top:96px}.lobby-header-inner{margin:0 auto;max-width:1120px;padding:0 16px}.lobby-back-btn{color:#fff!important;margin-bottom:24px}.lobby-header-main{display:flex;flex-direction:column;gap:20px}@media (min-width:768px){.lobby-header-main{align-items:center;flex-direction:row;justify-content:space-between}}.lobby-header-info{display:flex;flex-direction:column;gap:10px}.lobby-header-title-row{align-items:center;display:flex;gap:12px}.lobby-header-icon{height:32px;width:32px}.lobby-header-title{font-size:28px;font-weight:600}.lobby-header-venue{color:#ffffffd9;margin-bottom:4px}.lobby-header-meta{display:flex;flex-wrap:wrap;font-size:14px;gap:12px}.lobby-header-meta-item{align-items:center;display:flex;gap:6px}.lobby-header-meta-icon{height:16px;width:16px}.lobby-header-side{align-items:flex-start;display:flex;flex-direction:column;gap:12px}@media (min-width:768px){.lobby-header-side{align-items:flex-end}}.lobby-players-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:14px;display:flex;flex-direction:column;gap:4px;padding:18px 24px!important;text-align:center}.lobby-players-card-content{padding:12px 18px!important;text-align:center}.lobby-players-count{color:#fff;font-size:30px;font-weight:700;letter-spacing:-1px}.lobby-players-label{color:#ffffffbf;font-size:13px;letter-spacing:.5px}.lobby-public-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #fff6;border-radius:10px;display:flex;gap:8px;padding:10px 12px}.lobby-public-toggle-label{align-items:center;color:#fff;display:flex}.lobby-public-icon{height:16px;width:16px}.lobby-public-status{font-size:13px}.lobby-main{margin:-32px auto 0;max-width:1120px;padding:0 16px}.lobby-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}@media (min-width:1024px){.lobby-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.lobby-left-column{display:flex;flex-direction:column;gap:20px}.lobby-right-column{position:relative}.lobby-card{background:#1a3a2e;border:1px solid #2d5a47;overflow:hidden}.lobby-card-content{padding:16px 20px 20px!important}.lobby-card-title-row{align-items:center;color:#fff;display:flex;gap:8px}.lobby-card-title-icon{height:20px;width:20px}.lobby-icon-blue{color:#10b981}.lobby-icon-orange{color:#f59e0b}.lobby-icon-green{color:#10b981}.lobby-icon-gray{color:#9ca3af}.lobby-invite-actions{display:flex;flex-wrap:wrap;gap:8px}.lobby-invite-email-btn{background:#10b981!important;color:#fff!important;flex:1 1}.lobby-copy-code-btn{border-color:#10b981!important;color:#10b981!important;white-space:nowrap}.lobby-btn-icon{height:16px;margin-right:4px;width:16px}.lobby-dialog-body{display:flex;flex-direction:column;gap:16px;padding-top:16px}.lobby-dialog-field{display:flex;flex-direction:column;gap:4px}.lobby-dialog-submit{background:#10b981!important;width:100%}.lobby-invite-code-box{background:#10b9811a;border:1px solid #10b9814d;border-radius:10px;margin-top:12px;padding:14px}.lobby-invite-code-label{color:#9ca3af;font-size:13px;margin-bottom:6px}.lobby-invite-code{background:#1a3a2e;border:1px solid #2d5a47;border-radius:6px;color:#10b981;display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:16px;padding:8px 10px}.lobby-invite-code-help{color:#9ca3af;font-size:12px;margin-top:6px}.lobby-request-item{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 12px}.lobby-request-left{align-items:center;display:flex;gap:10px}.lobby-request-actions{display:flex;gap:6px}.lobby-player-name{color:#fff;font-size:14px;font-weight:500}.lobby-request-badge{align-items:center;display:inline-flex;font-size:11px!important}.lobby-badge-icon{height:12px;margin-right:4px;width:12px}.lobby-badge-green{background:#22c55e!important;color:#fff!important}.lobby-badge-blue{background:#3b82f6!important;color:#fff!important}.lobby-badge-yellow{background:#eab308!important;color:#fff!important}.lobby-badge-gray{background:#6b7280!important;color:#fff!important}.lobby-accept-btn{background:#10b981!important;color:#fff!important}.lobby-reject-btn{border-color:#ef4444!important;color:#ef4444!important}.lobby-open-slots-badge{background:#facc1533!important;border-color:#facc15!important;color:#facc15!important;font-size:12px!important}.lobby-player-item{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 14px}.lobby-player-left{align-items:center;display:flex;gap:10px}.lobby-player-top-row{align-items:center;display:flex;gap:6px}.lobby-host-badge{background:#a855f7!important;color:#fff!important}.lobby-player-tags{align-items:center;display:flex;gap:6px;margin-top:4px}.lobby-position-badge{background:#10b98133!important;border-color:#10b981!important;color:#10b981!important;font-size:11px!important}.lobby-remove-btn{color:#ef4444!important}.lobby-open-slot{background:#ffffff05;border:2px dashed #2d5a47;border-radius:10px;color:#9ca3af;margin-bottom:8px;padding:14px;text-align:center}.lobby-open-slot-icon{height:24px;margin:0 auto 4px;width:24px}.lobby-open-slot-text{font-size:13px}.lobby-invite-item{align-items:center;background:#9ca3af1a;border:1px solid #9ca3af4d;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:6px;padding:10px 12px}.lobby-invite-left{align-items:center;display:flex;gap:10px}.lobby-invite-status{color:#9ca3af;font-size:13px}.lobby-invite-cancel-btn{color:#9ca3af!important}.lobby-chat-card{background:#1a3a2e;border:1px solid #2d5a47;display:flex;flex-direction:column;height:600px;position:-webkit-sticky;position:sticky;top:16px}.lobby-chat-content{display:flex;flex-direction:column;height:100%;padding:0!important}.lobby-chat-messages{flex:1 1;padding:0 16px}.lobby-chat-messages-inner{display:flex;flex-direction:column;gap:10px;padding:16px 0}.lobby-chat-message-header{align-items:center;display:flex;gap:8px}.lobby-chat-sender{color:#10b981;font-size:13px;font-weight:500}.lobby-chat-timestamp{color:#9ca3af;font-size:11px}.lobby-chat-bubble{background:#10b9811a;border:1px solid #10b98133;border-radius:10px;padding:8px 10px}.lobby-chat-text{color:#fff;font-size:13px}.lobby-chat-input-area{background:#1a3a2e;border-top:1px solid #2d5a47;padding:12px 16px}.lobby-chat-input-row{display:flex;gap:8px}.lobby-chat-textarea{background:#102216!important;border-color:#2d5a47!important;color:#fff!important;flex:1 1;resize:none!important}.lobby-chat-send-btn{background:#10b981!important;flex-shrink:0}.lobby-close-card{background:#ef44441a!important;border-color:#ef44444d!important;margin-top:24px}.lobby-close-card-content{padding:20px!important}.lobby-close-inner{align-items:center;display:flex;gap:12px;justify-content:space-between}.lobby-close-title{color:#fff;font-size:17px;margin-bottom:4px}.lobby-close-text{color:#9ca3af;font-size:13px}.lobby-leave-card{background:#f59e0b1a!important;border-color:#f59e0b4d!important;margin-top:24px}.lobby-leave-card-content{padding:20px!important}.lobby-leave-inner{align-items:center;display:flex;gap:12px;justify-content:space-between}.lobby-leave-title{color:#fff;font-size:17px;margin-bottom:4px}.lobby-leave-text{color:#9ca3af;font-size:13px}.join-request-box{margin-top:20px}.join-request-btn{background:#10b981;color:#fff;font-size:15px}.join-request-pending{background:#facc151a;border:1px solid #facc154d;border-radius:8px;color:#facc15}.join-request-confirmed,.join-request-pending{align-items:center;display:flex;font-size:14px;gap:6px;margin-top:8px;padding:10px 12px}.join-request-confirmed{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981}.scroll-area-root{overflow:hidden;position:relative}.scroll-area-viewport{height:100%;outline:none;width:100%}.scroll-area-scrollbar{display:flex;padding:2px;touch-action:none;transition:background-color .2s ease-in-out;-webkit-user-select:none;user-select:none}.scroll-area-scrollbar[data-orientation=vertical]{border-left:1px solid #0000;height:100%;width:10px}.scroll-area-scrollbar[data-orientation=horizontal]{border-top:1px solid #0000;flex-direction:column;height:10px;width:100%}.scroll-area-thumb{background:#00000040;border-radius:999px;flex:1 1;position:relative}.scroll-area-thumb:hover{background:#00000059}.invite-settings-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:16px}.invite-setting-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.invite-setting-row:last-child{margin-bottom:0}.invite-permission-buttons{display:flex;gap:8px}.invite-players-section{margin-top:16px}.invite-section-header{align-items:center;color:#374151;display:flex;font-weight:500;gap:8px;margin-bottom:12px}.invite-section-icon{color:#3b82f6}.invite-loading{text-align:center}.invite-empty,.invite-loading{color:#6b7280;padding:24px}.invite-empty-icon{color:#d1d5db}.invite-players-list{max-height:300px}.invite-player-card{border:1px solid #e5e7eb;margin-bottom:8px}.invite-player-card:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.invite-player-name{color:#111827;font-weight:500;margin-bottom:4px}.invite-position-badge,.invite-skill-badge{font-size:11px}.invite-player-btn{min-width:80px}.invite-disabled,.invite-no-permission{color:#6b7280;padding:24px}.invite-disabled-icon{color:#d1d5db}.invite-disabled-help{color:#9ca3af;font-size:14px;margin-top:4px}.lobby-settings-icon{color:#6b7280;cursor:pointer;transition:color .2s ease}.lobby-settings-icon:hover{color:#374151}.lobby-badge-green{background:#dcfce7;border-color:#bbf7d0;color:#166534}.lobby-badge-blue{background:#dbeafe;border-color:#bfdbfe;color:#1e40af}.lobby-badge-yellow{background:#fef3c7;border-color:#fde68a;color:#92400e}.lobby-badge-gray{background:#f3f4f6;border-color:#e5e7eb;color:#374151}@media (max-width:768px){.invite-player-card{align-items:flex-start;flex-direction:column;gap:12px}.invite-player-btn,.invite-player-left{width:100%}.invite-permission-buttons{flex-direction:column;width:100%}}.invite-toggle-wrapper{margin-left:auto}.invite-toggle-label{color:#6b7280;font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none}.lobby-card-title-space{align-items:center;display:flex;justify-content:space-between;width:100%}.lobby-card-title-left{align-items:center;display:flex;gap:8px}@media (max-width:640px){.invite-toggle-label{font-size:12px}.invite-toggle-wrapper{gap:6px}}.available-players-controls{align-items:center;display:flex;gap:12px}.refresh-players-btn{align-items:center;border-radius:6px;display:flex;font-size:13px;gap:6px;justify-content:center;min-width:auto;padding:8px;transition:all .2s ease}.refresh-icon{transition:transform .5s ease}.refresh-icon.spinning{animation:spin 1s linear infinite}.available-count-badge{background:#10b9811a;border:1px solid #10b98133;color:#10b981;font-size:11px;padding:2px 8px}.invite-toggle-wrapper{align-items:center;display:flex;gap:8px}.invite-toggle-label{align-items:center;color:#64748b;cursor:pointer;display:flex;font-size:13px}.available-players-container{display:flex;flex-direction:column;gap:12px}.available-players-header{background:#10b9810d;border:1px solid #10b9811a;border-radius:8px;padding:8px 12px}.available-players-info{color:#10b981;font-size:13px;font-weight:500;margin:0}.invite-player-name-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.availability-indicator{align-items:center;display:flex;gap:4px}.availability-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.availability-text{color:#10b981;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.invite-loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.loading-spinner{border:2px solid #e2e8f0;height:24px;width:24px}.invite-empty{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px;text-align:center}.invite-empty-icon{color:#94a3b8;margin-bottom:8px}.invite-empty h4{color:#475569;font-size:16px;font-weight:600;margin:0}.invite-empty p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.empty-actions{margin-top:8px}.invite-disabled,.invite-no-permission{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:40px 20px;text-align:center}.invite-disabled-icon{color:#94a3b8;margin-bottom:8px}.invite-disabled h4,.invite-no-permission h4{color:#475569;font-size:16px;font-weight:600;margin:0}.invite-disabled p,.invite-no-permission p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.invite-player-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .2s ease}.invite-player-card:hover{border-color:#10b981;box-shadow:0 2px 8px #10b9811a}.invite-player-left{align-items:center;display:flex;flex:1 1;gap:12px}.invite-player-avatar{height:40px;width:40px}.invite-player-info{flex:1 1}.invite-player-name{color:#0f172a;font-size:14px;font-weight:600;margin:0}.invite-player-tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.invite-reliability-badge{align-items:center;display:flex;font-size:11px;gap:4px;padding:2px 6px}.invite-badge-icon{height:12px;width:12px}.invite-position-badge,.invite-skill-badge{font-size:10px;padding:2px 6px}.invite-player-btn{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s ease}.invite-player-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.invite-player-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.invite-btn-icon{height:16px;width:16px}.invite-players-list{max-height:400px;overflow-y:auto}.invite-players-list>div{display:flex;flex-direction:column;gap:8px;padding:4px}.lobby-badge-green{background:#10b9811a;color:#10b981}.lobby-badge-blue{background:#3b82f61a;color:#3b82f6}.lobby-badge-yellow{background:#f59e0b1a;color:#f59e0b}.lobby-badge-gray{background:#6b72801a;color:#6b7280}@media (max-width:768px){.available-players-controls{align-items:stretch;flex-direction:column;gap:8px}.invite-toggle-wrapper{justify-content:center}.invite-player-card{align-items:stretch;flex-direction:column;gap:12px}.invite-player-left{flex-direction:column;gap:8px;text-align:center}.invite-player-name-row{flex-direction:column;gap:4px}.invite-player-tags{justify-content:center}}.custom-textarea{background:#fafafa;border:1px solid #d4d4d4;border-radius:6px;font-size:14px;min-height:64px;outline:none;padding:10px 12px;resize:none;transition:box-shadow .2s ease,border-color .2s ease;width:100%}.custom-textarea::placeholder{color:#888}.custom-textarea:focus{border-color:#4b7cff;box-shadow:0 0 0 3px #4b7cff40}.custom-textarea:disabled{cursor:not-allowed;opacity:.6}.custom-textarea[aria-invalid=true]{border-color:#d9534f;box-shadow:0 0 0 3px #d9534f40}.lobby-page{background:#102216;min-height:100vh;padding-bottom:80px}.lobby-loading-center{color:#9ca3af;font-size:16px;padding-top:80px;text-align:center}.payment-wrapper{align-items:center;background:#102216;display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:40px 20px}.payment-card{animation:fadeIn .4s ease;background:#fff;border-radius:20px;box-shadow:0 4px 18px #00000014;max-width:460px;padding:40px 32px;text-align:center;width:100%}.icon-success{color:#10b981}.icon-failed,.icon-success{height:82px;margin-bottom:18px;width:82px}.icon-failed{color:#ef4444}.title-success{color:#059669}.title-failed,.title-success{font-size:28px;font-weight:800;margin-bottom:10px}.title-failed{color:#b91c1c}.subtitle{color:#475569;font-size:16px;line-height:1.5;margin-bottom:28px}.btn-primary{background:linear-gradient(90deg,#10b981,#059669);border-radius:12px;font-size:16px;padding:14px;transition:.2s;width:100%}.btn-primary:hover{opacity:.9}.btn-secondary{background:#1e293b;border:none;border-radius:12px;color:#fff;font-size:16px;padding:14px;transition:.2s;width:100%}.btn-secondary:hover{background:#0f172a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-page{background:#102216;color:#e5e7eb;margin:0 auto;max-width:1080px;min-height:100vh;padding:24px 20px 44px}.profile-loading{color:#a7b3ad;display:grid;font-size:15px;min-height:60vh;place-items:center}.profile-hero-card{margin-bottom:16px}.hero-bg{display:none}.hero-main,.section-card{background:#183328;border:1px solid #7aa18e38;border-radius:12px;box-shadow:0 14px 34px #00000038}.hero-main{grid-gap:22px;align-items:start;display:grid;gap:22px;grid-template-columns:auto minmax(0,1fr) 280px;padding:20px}.hero-avatar-wrap{align-items:center;display:flex;flex-direction:column;gap:8px}.hero-avatar-circle{background:#0f2419;border:2px solid #22c55ebf;border-radius:50%;color:#fff;display:grid;font-size:28px;font-weight:700;height:82px;overflow:hidden;place-items:center;width:82px}.hero-avatar-circle img{height:100%;object-fit:cover;width:100%}.avatar-upload-label,.btn-avatar-upload{border:1px solid #7aa18e4d;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;line-height:1;min-height:30px;padding:6px 11px}.avatar-upload-label{background:#ffffff0f;color:#d8e5de}.avatar-upload-label input{display:none}.btn-avatar-upload{background:#1fb86a;color:#fff}.hero-info{min-width:0;padding-top:4px}.hero-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.hero-name{color:#fff;font-size:24px;font-weight:750;line-height:1.15;margin:0}.admin-badge{align-items:center;background:#10b98124;border:1px solid #22c55e66;border-radius:7px;color:#a7f3d0;display:inline-flex;font-size:11px;font-weight:700;gap:5px;padding:4px 8px}.admin-badge-clickable{cursor:pointer}.admin-badge-clickable:hover{background:#10b98138}.admin-badge-icon{height:13px;width:13px}.hero-jersey-badge,.hero-tag{border-radius:999px;font-size:12px;font-weight:650}.hero-jersey-badge{background:#22c55e;color:#062312;padding:4px 9px}.hero-email,.hero-username{color:#a7b3ad;font-size:13px;margin:4px 0 0}.hero-tags-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.hero-tag{background:#ffffff0f;border:1px solid #7aa18e3d;color:#dbe8e1;padding:5px 9px}.hero-actions{align-items:stretch;display:flex;flex-direction:column;gap:12px}.btn-cancel-main,.btn-edit-main,.btn-primary,.btn-save-main,.btn-secondary{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:13px;font-weight:700;min-height:34px;padding:8px 13px}.btn-edit-main,.btn-primary,.btn-save-main{background:#1fb86a;color:#fff}.btn-edit-main:hover,.btn-primary:hover,.btn-save-main:hover{background:#18a65d}.btn-cancel-main,.btn-secondary{background:#ffffff14;border-color:#7aa18e40;color:#d8e5de}.hero-edit-buttons,.hero-stat-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.hero-stat{background:hsla(0,0%,100%,.055);border:1px solid #7aa18e2e;border-radius:9px;padding:10px}.stat-label{color:#94a39b;display:block}.stat-value{display:block;font-size:13px;margin-top:2px}.section-card{margin-bottom:16px;padding:18px 20px}.section-title{font-size:16px;font-weight:750;margin:0 0 14px}.about-edit,.about-view{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr)}.about-block h3,.social-block h3{color:#dce7e1;font-size:13px;font-weight:700;margin:0 0 8px}.about-block p,.futsal-grid div,.social-row{background:hsla(0,0%,100%,.055);border:1px solid #7aa18e2e;border-radius:9px}.about-block p{color:#c7d5ce;font-size:13px;line-height:1.55;margin:0;min-height:74px;padding:11px 12px}.social-block{display:flex;flex-direction:column;gap:7px}.social-row{grid-gap:10px;display:grid;font-size:13px;gap:10px;grid-template-columns:92px minmax(0,1fr);padding:9px 10px}.social-row span{color:#94a39b}.social-row a{color:#86efac;min-width:0;overflow:hidden;text-align:right;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.social-row a:hover{text-decoration:underline}.futsal-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.futsal-grid div{min-height:64px;padding:10px}.futsal-grid span{color:#94a39b;display:block;font-size:11px}.futsal-grid strong{color:#fff;display:block;font-size:13px;line-height:1.25;margin-top:4px}.full-width-tile{grid-column:1/-1}.field-label{color:#b9c8c0;display:block;font-size:12px;font-weight:650;margin-bottom:5px}.hero-edit-basic{max-width:460px}.hero-locked-info{color:#94a39b;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;margin-top:8px}.about-edit-left textarea,.futsal-edit-grid input,.futsal-edit-grid select,.hero-input,.invite-box input,.profile-input{background:#0f2419;border:1px solid #7aa18e47;border-radius:8px;color:#e5e7eb;font-size:13px;min-height:36px;outline:none;padding:8px 10px;width:100%}.about-edit-left textarea{min-height:118px;resize:vertical}.about-edit-right,.futsal-edit-grid{grid-gap:8px;display:grid;gap:8px}.futsal-edit-grid{align-items:end;grid-template-columns:repeat(2,minmax(0,1fr))}.futsal-edit-grid select option{background:#183328;color:#e5e7eb}.availability-toggle-section{background:hsla(0,0%,100%,.045);border:1px solid #7aa18e33;border-radius:10px;padding:12px}.availability-toggle-label{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between}.availability-label-content{min-width:0}.availability-label-text,.status-text{color:#fff;display:block;font-size:13px;font-weight:700}.availability-label-help,.status-help{color:#94a39b;display:block;font-size:11px;line-height:1.35;margin-top:2px}.availability-checkbox{display:none}.availability-toggle-switch{background:#526158;border-radius:999px;flex:0 0 auto;height:24px;position:relative;transition:background .2s ease;width:42px}.availability-toggle-switch:before{background:#fff;border-radius:50%;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:18px}.availability-checkbox:checked+.availability-toggle-switch{background:#1fb86a}.availability-checkbox:checked+.availability-toggle-switch:before{transform:translateX(18px)}.availability-status-display{margin-top:10px}.availability-status-badge{grid-column-gap:8px;align-items:center;column-gap:8px;display:grid;grid-template-columns:auto minmax(0,1fr)}.status-indicator{background:#64748b;border-radius:50%;height:8px;width:8px}.status-indicator.online{background:#22c55e}.availability-status-badge.available .status-text{color:#a7f3d0}.availability-status-badge.unavailable .status-text{color:#cbd5e1}.status-help{grid-column:2}.invite-box{display:flex;gap:8px}.profile-logout-section{border-top:1px solid #7aa18e2e;display:flex;justify-content:flex-end;margin-top:24px;padding-top:18px}.btn-logout-profile{align-items:center;background:#ef444414;border:1px solid #ef444452;border-radius:8px;color:#fca5a5;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;min-height:36px;padding:8px 14px}.btn-logout-profile:hover{background:#ef444424}.btn-logout-profile svg{height:17px;width:17px}@media (max-width:980px){.hero-main{grid-template-columns:auto minmax(0,1fr)}.hero-actions{grid-column:1/-1}.futsal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.profile-page{padding:18px 14px 34px}.hero-main{gap:16px;grid-template-columns:1fr;padding:16px}.hero-avatar-wrap{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.hero-name{font-size:21px}.about-edit,.about-view,.futsal-edit-grid{grid-template-columns:1fr}.futsal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-card{padding:16px}.profile-logout-section{justify-content:stretch}.btn-logout-profile{justify-content:center;width:100%}}@media (max-width:460px){.futsal-grid,.hero-edit-buttons,.hero-stat-row,.social-row{grid-template-columns:1fr}.social-row a{text-align:left}}.admin-loading{align-items:center;background:#102216;color:#fff;display:flex;font-size:18px;justify-content:center;min-height:100vh}.admin-container{background:#0d1912;display:flex;flex-direction:column;min-height:100vh}.admin-top-bar{align-items:center;background:#102216;border-bottom:1px solid #10b9811a;display:flex;justify-content:space-between;padding:16px 24px}.admin-logo-main h1{color:#fff;font-size:24px;font-weight:900;letter-spacing:-.5px;margin:0}.admin-body{display:flex;flex:1 1;position:relative}.admin-main{height:calc(100vh - 64px);margin-left:260px}.admin-sidebar{background:#102216;border-right:1px solid #10b9811a;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;padding:24px 0;position:fixed;top:0;width:260px}.admin-logo{border-bottom:1px solid #ffffff1a;margin-bottom:24px;padding:0 24px 24px}.admin-logo h2{color:#10b981;font-size:20px;font-weight:700;margin:0}.admin-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-x:hidden;overflow-y:auto;padding:0 12px}.admin-nav::-webkit-scrollbar{width:6px}.admin-nav::-webkit-scrollbar-track{background:#0000}.admin-nav::-webkit-scrollbar-thumb{background:#10b98133;border-radius:10px}.admin-nav::-webkit-scrollbar-thumb:hover{background:#10b9814d}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s}.nav-item:hover{background:#10b9811a;color:#10b981}.nav-item.active{background:#10b98126;color:#10b981;font-weight:600}.admin-user-info{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-shrink:0;gap:12px;margin-top:auto;padding:16px 24px}.user-avatar{color:#fff}.user-details{display:flex;flex:1 1;flex-direction:column;gap:2px}.user-details span{color:#fff;font-size:14px;font-weight:600}.user-details small{color:#9ca3af;font-size:12px}.logout-btn{background:#ef44441a;border:none;border-radius:6px;color:#ef4444;cursor:pointer;padding:8px;transition:all .2s}.logout-btn:hover{background:#ef444433}.admin-main{background:#0d1912;flex:1 1;overflow-y:auto}.admin-header{border-bottom:1px solid #ffffff0d;padding:32px 40px 24px}.admin-header h1{color:#fff;font-size:32px;font-weight:700;margin:0}.admin-content{padding:32px 40px}.dashboard-content{display:flex;flex-direction:column;gap:32px}.stats-grid{grid-gap:24px;gap:24px}.stat-card{background:#1a3a2e;border:1px solid #2d5a47;gap:16px}.stat-icon{color:#fff;height:56px;width:56px}.stat-icon.users{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.bookings{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.venues{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-info h3{color:#fff;font-size:32px;font-weight:800;line-height:1;margin:0 0 4px}.stat-info p{color:#9ca3af;font-size:14px;margin:0}.table-container{background:#1a3a2e;border:1px solid #2d5a47;border-radius:12px;overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{background:#10b9811a}.admin-table th{color:#10b981;font-size:13px;font-weight:700;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.admin-table tbody tr{border-top:1px solid #ffffff0d;transition:background .2s}.admin-table tbody tr:hover{background:#ffffff05}.admin-table td{color:#d1d5db;font-size:14px;padding:16px 20px}.user-avatar-small{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.username{color:#fff;font-weight:600}.role-badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:4px 12px;text-transform:uppercase}.role-badge.admin{background:#10b98126;color:#10b981}.role-badge.user{background:#3b82f626;color:#60a5fa}.status-badge{display:inline-block;font-weight:600}.status-badge.confirmed{background:#10b98126;color:#10b981}.status-badge.pending{background:#f59e0b26;color:#f59e0b}.status-badge.cancelled{background:#ef444426;color:#ef4444}.status-badge.lobby-active{background:#8b5cf626;color:#a78bfa}.action-buttons{gap:8px}.action-buttons button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:all .2s;width:32px}.action-buttons button:before{background:#000000e6;border-radius:4px;color:#fff;content:attr(title);font-size:12px;font-weight:500;margin-bottom:5px;padding:6px 8px;white-space:nowrap}.action-buttons button:after,.action-buttons button:before{bottom:100%;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:all .2s;visibility:hidden;z-index:1000}.action-buttons button:after{border:4px solid #0000;border-top-color:#000000e6;content:"";margin-bottom:1px}.action-buttons button:hover:after,.action-buttons button:hover:before{opacity:1;visibility:visible}.btn-view{background:#3b82f61a;color:#60a5fa}.btn-view:hover{background:#3b82f633;transform:translateY(-1px)}.btn-edit{background:#f59e0b1a;color:#f59e0b}.btn-edit:hover{background:#f59e0b33;transform:translateY(-1px)}.btn-approve{background:#10b9811a;color:#10b981;padding:8px 12px}.btn-approve:hover{background:#10b98133;transform:translateY(-1px)}.btn-approve svg{height:18px;width:18px}.btn-reject{background:#ef44441a;color:#ef4444;padding:8px 12px}.btn-reject:hover{background:#ef444433;transform:translateY(-1px)}.btn-reject svg{height:18px;width:18px}.btn-delete{background:#ef44441a;color:#ef4444;padding:8px 12px}.btn-delete:hover{background:#ef444433;transform:translateY(-1px)}.btn-delete svg{height:18px;width:18px}.venues-content{display:flex;flex-direction:column;gap:32px}.section h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 16px}.settings-content{max-width:600px}.settings-form{background:#1a3a2e;border:1px solid #2d5a47;border-radius:12px;gap:20px;padding:32px}.form-group,.settings-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#d1d5db;font-size:14px;font-weight:600}.form-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:14px;padding:12px 16px;transition:all .2s}.form-group input:focus{background:#ffffff14;border-color:#10b981;outline:none}.btn-save{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-save:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.offers-content{gap:32px}.empty-state,.offers-content{display:flex;flex-direction:column}.empty-state{align-items:center;background:#10221680;border:2px dashed #10b9814d;border-radius:12px;justify-content:center;padding:60px 20px;text-align:center}.empty-state svg{color:#10b98199;margin-bottom:16px}.empty-state p{color:#ffffffb3;font-size:16px;margin-bottom:20px}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-body{flex-direction:column}.admin-sidebar{border-bottom:1px solid #10b9811a;border-right:none;width:100%}.stats-grid{grid-template-columns:1fr}.admin-content{padding:24px 16px}.admin-header{padding:24px 16px 16px}.table-container{overflow-x:auto}}.confirmation-modal{animation:modalSlideIn .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;margin:20px;max-width:480px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{gap:16px;padding:24px 24px 16px}.modal-icon{align-items:center;background:#ef44441a;border-radius:50%;color:#ef4444;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.confirmation-modal[data-type=warning] .modal-icon{background:#f59e0b1a;color:#f59e0b}.confirmation-modal[data-type=info] .modal-icon{background:#10b9811a;color:#10b981}.modal-header h3{color:#0f172a;font-size:20px;font-weight:700}.modal-body{padding:0 24px 24px}.modal-body p{color:#1e293b;font-size:15px;line-height:1.6;margin:0}.modal-footer{gap:12px;padding:16px 24px 24px}.btn-cancel,.btn-confirm{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-cancel{background:#6b72801a;border:1px solid #6b728033;color:#9ca3af}.btn-cancel:hover{background:#6b728033;color:#d1d5db}.btn-confirm{background:#ef4444;box-shadow:0 4px 12px #ef44444d;color:#fff}.btn-confirm:hover{background:#dc2626;box-shadow:0 6px 20px #ef444466;transform:translateY(-1px)}.btn-confirm.warning{background:#f59e0b;box-shadow:0 4px 12px #f59e0b4d}.btn-confirm.warning:hover{background:#d97706;box-shadow:0 6px 20px #f59e0b66}.btn-confirm.info{background:#10b981;box-shadow:0 4px 12px #10b9814d}.btn-confirm.info:hover{background:#059669;box-shadow:0 6px 20px #10b98166}.offers-header{display:flex;justify-content:flex-end;margin-bottom:24px}.btn-create{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s}.btn-create:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.loading-state{align-items:center;color:#ffffffb3;display:flex;font-size:16px;justify-content:center;padding:60px 20px}.offers-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.offer-card{background:#1a3a2e;border:1px solid #2d5a47;border-radius:12px;transition:all .3s}.offer-card:hover{border-color:#10b9814d;box-shadow:0 12px 32px #0000004d}.offer-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:11px;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.offer-content{padding:20px}.offer-header{align-items:flex-start;justify-content:space-between;margin-bottom:8px}.offer-content h3{color:#fff;flex:1 1;font-size:18px;font-weight:700;margin:0}.offer-content p{color:#9ca3af;font-size:14px;line-height:1.5;margin:0 0 16px}.offer-details{display:flex;flex-direction:column;gap:8px}.detail-item{justify-content:space-between}.detail-item strong{color:#d1d5db;font-weight:600}.detail-item span,.detail-item:not(:has(strong)){color:#9ca3af}.status-badge.active{background:#10b98126}.status-badge.inactive{background:#6b728026;color:#9ca3af}.offer-actions{border-top:1px solid #ffffff0d;display:flex;gap:8px;padding:16px 20px}.offer-actions .btn-delete,.offer-actions .btn-edit{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s}.offer-actions .btn-edit{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.offer-actions .btn-edit:hover{background:#f59e0b33;transform:translateY(-1px)}.offer-actions .btn-delete{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.offer-actions .btn-delete:hover{background:#ef444433;transform:translateY(-1px)}.offer-modal{animation:modalSlideIn .2s ease-out;background:#1a3a2e;border:1px solid #2d5a47;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;margin:20px;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.offer-modal .modal-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:24px 24px 16px}.offer-modal .modal-header h3{color:#fff;font-size:20px;font-weight:700;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:24px;padding:4px;transition:all .2s}.close-btn:hover{background:#ffffff1a;color:#fff}.offer-form{display:flex;flex-direction:column;gap:20px;padding:24px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.offer-form .form-group{display:flex;flex-direction:column;gap:6px}.offer-form .form-group label{color:#d1d5db;font-size:13px;font-weight:600}.offer-form .form-group input,.offer-form .form-group select,.offer-form .form-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-size:14px;padding:12px 14px;transition:all .2s}.offer-form .form-group input:focus,.offer-form .form-group select:focus,.offer-form .form-group textarea:focus{background:#ffffff14;border-color:#10b981;outline:none}.offer-form .form-group textarea{min-height:80px;resize:vertical}.offer-form .modal-footer{border-top:1px solid #ffffff0d;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.offer-form .btn-cancel{background:#6b72801a;border:1px solid #6b728033;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s}.offer-form .btn-cancel:hover{background:#6b728033;color:#d1d5db}.offer-form .btn-save{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s}.offer-form .btn-save:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-1px)}@media (max-width:768px){.form-row,.offers-grid{grid-template-columns:1fr}.offer-modal{margin:10px;max-height:95vh}}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.stat-card{align-items:center;background:linear-gradient(135deg,#1a3a2e,#0d1912);border:1px solid #10b98126;border-radius:12px;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.stat-card:before{bottom:-20px;content:"";height:100px;opacity:.05;position:absolute;right:-20px;width:100px}.stat-card:hover{border-color:#10b9814d;box-shadow:0 8px 24px #10b98126;transform:translateY(-4px)}.stat-icon{border-radius:12px;flex-shrink:0;height:64px;opacity:.3;width:64px}.stat-icon.users{background:#3b82f61a;color:#3b82f6}.stat-icon.bookings{background:#10b9811a;color:#10b981}.stat-icon.pending{background:#f59e0b1a;color:#f59e0b}.stat-icon.venues{background:#10b9811a;color:#10b981}.stat-info{flex:1 1}.stat-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stat-value{font-size:36px;margin:0 0 4px}.stat-change{display:inline-block;font-size:13px;font-weight:600;padding:2px 0}.stat-change.positive{color:#10b981}.stat-change.neutral{color:#3b82f6}.stat-change.stable{color:#6b7280}.quick-management-section{margin-bottom:40px}.section-title{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700;gap:12px;margin:0 0 24px}.title-accent{background:#10b981;border-radius:2px;height:24px;width:4px}.quick-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr) repeat(3,1fr)}.quick-card{background:linear-gradient(135deg,#1a3a2e,#0d1912);border:1px solid #10b98126;border-radius:12px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.quick-card.large{grid-row:span 2}.quick-card.large,.quick-card.small{grid-column:span 1}.quick-card:hover{border-color:#10b98166;box-shadow:0 8px 24px #10b98133;transform:translateY(-4px)}.quick-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.quick-card-icon{background:#10b9811a;border-radius:10px;color:#10b981;height:56px;width:56px}.quick-card-action,.quick-card-icon{align-items:center;display:flex;justify-content:center}.quick-card-action{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#9ca3af;cursor:pointer;height:32px;transition:all .2s ease;width:32px}.quick-card-action:hover{background:#10b9811a;border-color:#10b9814d;color:#10b981}.quick-card-title{color:#fff;font-size:18px;font-weight:700;margin:0 0 12px}.quick-card-description{color:#9ca3af;font-size:14px;line-height:1.6;margin:0}.quick-card-icon-small{align-items:center;border-radius:8px;display:flex;height:40px;justify-content:center;margin-bottom:16px;width:40px}.quick-card-icon-small,.quick-card-icon-small.verified{background:#10b9811a;color:#10b981}.quick-card-icon-small.settings{background:#6b72801a;color:#9ca3af}.quick-card-title-small{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.quick-card-description-small{color:#9ca3af;font-size:13px;line-height:1.5;margin:0}.recent-venues-section{margin-bottom:40px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.view-all-btn{background:#0000;border:none;border-radius:6px;color:#10b981;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.view-all-btn:hover{background:#10b9811a}.venues-table-wrapper{background:linear-gradient(135deg,#1a3a2e,#0d1912);border:1px solid #10b98126;border-radius:12px;overflow:hidden}.modern-table{border-collapse:collapse;width:100%}.modern-table thead{background:#0003}.modern-table thead th{border-bottom:1px solid #10b9811a;color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.modern-table tbody tr{border-bottom:1px solid #10b9810d;transition:all .2s ease}.modern-table tbody tr:hover{background:#10b9810d}.modern-table tbody td{color:#fff;font-size:14px;padding:16px 20px}.venue-name-cell{gap:12px}.venue-icon,.venue-name-cell{align-items:center;display:flex}.venue-icon{background:#10b9811a;border-radius:8px;color:#10b981;height:40px;justify-content:center;width:40px}.text-muted{color:#9ca3af!important}.pitch-badge{background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;color:#3b82f6;display:inline-block}.pitch-badge,.status-badge{font-size:12px;font-weight:500;padding:4px 12px}.status-badge{align-items:center;border-radius:6px;display:inline-flex;gap:6px}.status-badge.verified{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.status-dot{animation:pulse 2s infinite;background:currentColor;border-radius:50%;height:6px;width:6px}.action-menu-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:3px;justify-content:center;padding:8px;transition:all .2s ease}.action-menu-btn span{background:#9ca3af;border-radius:50%;height:4px;width:4px}.action-menu-btn:hover{background:#10b9811a}.action-menu-btn:hover span{background:#10b981}@media (max-width:1400px){.quick-cards-grid{grid-template-columns:repeat(2,1fr)}.quick-card.large{grid-column:span 1;grid-row:span 1}}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.quick-cards-grid{grid-template-columns:1fr}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:20px}.stat-icon{height:48px;width:48px}.stat-value{font-size:28px}}:root{--bg:#08110c;--card:#101b15;--card2:#122019;--border:#ffffff0f;--text:#fff;--muted:#ffffffa6;--green:#10b981;--green2:#059669;--danger:#ef4444;--yellow:#f59e0b;--purple:#8b5cf6}*{box-sizing:border-box}.loyalty-page{background:radial-gradient(circle at top right,#10b9811f,#0000 30%),radial-gradient(circle at bottom left,#10b98114,#0000 25%),#08110c;background:radial-gradient(circle at top right,#10b9811f,#0000 30%),radial-gradient(circle at bottom left,#10b98114,#0000 25%),var(--bg);color:#fff;color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}.loyalty-container{margin:auto;max-width:1180px;padding:0 18px}.loyalty-header{padding:36px 0 90px}.header-content{gap:24px}.title-row{align-items:center;display:flex;gap:12px;margin-bottom:6px}.title-icon{color:#10b981;color:var(--green);height:28px;width:28px}.header-left h1{font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0}.subtitle{color:#ffffffa6;color:var(--muted);font-size:14px}.loyalty-card{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 10px 40px #10b98140;min-width:290px;overflow:hidden;padding:20px;position:relative}.loyalty-card:before{background:#ffffff14;border-radius:50%;content:"";height:180px;position:absolute;right:-80px;top:-80px;width:180px}.card-content{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:2}.points-value{font-size:34px;font-weight:800;line-height:1}.points-label{font-size:13px;margin-top:4px;opacity:.9}.user-name{font-size:15px;text-align:right}.user-tier{font-size:11px;margin-top:2px;opacity:.85;text-align:right;text-transform:uppercase}.loyalty-main{margin-top:-54px;position:relative;z-index:5}.tab-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:18px;display:flex;gap:10px;margin-bottom:22px;padding:8px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:#ffffffa6;color:var(--muted);cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:13px;transition:.2s ease}.tab-btn:hover{background:#ffffff0a;color:#fff}.tab-btn.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 5px 18px #10b98140;color:#fff}.offers-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.offer-card{background:linear-gradient(180deg,#101b15,#122019);background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:20px;overflow:hidden;position:relative;transition:.25s ease}.offer-card:hover{box-shadow:0 10px 30px #00000040;transform:translateY(-4px)}.offer-card.redeemed{opacity:.6}.offer-header{padding:22px 20px 10px;position:relative}.offer-header,.offer-icon{align-items:center;display:flex;justify-content:center}.offer-icon{border-radius:18px;color:#fff;height:68px;width:68px}.reward-discount{background:linear-gradient(135deg,#f59e0b,#d97706)}.reward-general{background:linear-gradient(135deg,#10b981,#059669)}.reward-service{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.reward-default{background:linear-gradient(135deg,#6b7280,#4b5563)}.offer-badge{border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:5px 10px;position:absolute;right:14px;top:14px}.badge-hot{background:#ef4444}.badge-popular{background:#8b5cf6}.badge-limited{background:#f59e0b}.offer-content{padding:8px 18px 18px}.offer-title{font-size:17px;margin-bottom:8px;text-align:center}.offer-description{color:#ffffffa6;color:var(--muted);font-size:13px;line-height:1.5;min-height:42px;text-align:center}.offer-footer{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:18px}.offer-points{align-items:end;display:flex;gap:4px}.offer-points .points-value{color:#10b981;color:var(--green);font-size:22px}.offer-points .points-label{color:#ffffffa6;color:var(--muted);font-size:11px;margin-bottom:2px}.redeem-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;min-width:95px;padding:10px 16px;transition:.2s ease}.redeem-btn:hover{opacity:.95;transform:translateY(-1px)}.redeem-btn.disabled{background:#3b4a43;color:#91a09a;cursor:not-allowed}.redeemed-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000a6;font-weight:700;gap:8px;inset:0;justify-content:center;position:absolute}.redeemed-overlay,.rewards-list{display:flex;flex-direction:column}.rewards-list{gap:14px}.reward-item{align-items:center;background:linear-gradient(180deg,#101b15,#122019);background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:18px;display:flex;gap:16px;padding:16px;transition:.2s ease}.reward-item:hover{border-color:#10b98159}.reward-icon{align-items:center;background:#10b9811f;border-radius:14px;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.icon-reward{color:#10b981;color:var(--green)}.reward-content{flex:1 1}.reward-name{font-size:16px;font-weight:700;margin-bottom:4px}.reward-subtitle{color:#ffffffa6;color:var(--muted);font-size:13px;margin-bottom:10px}.reward-details{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.code-value{background:#10b9811f;border:1px solid #10b98140;border-radius:8px;color:#fff;font-family:monospace;font-size:13px;font-weight:700;padding:5px 10px}.discount-value{background:linear-gradient(135deg,#10b981,#059669);border-radius:999px;font-size:12px;font-weight:700;padding:6px 12px}.reward-dates{color:#ffffff8c;display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.expiry-date{color:#f59e0b}.expired-text{color:#ef4444}.reward-status{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.status-badge{border-radius:999px;font-size:11px;padding:7px 12px}.status-badge.unused{background:#10b98126;color:#10b981}.status-badge.used{background:#ffffff14;color:#9ca3af}.status-badge.expired{background:#ef44441f;color:#ef4444}.copy-code-btn{background:#10b9811f;border:none;border-radius:10px;color:#10b981;cursor:pointer;font-size:12px;font-weight:700;padding:9px 14px;transition:.2s ease}.copy-code-btn:hover{background:#10b98133}.reward-item.disabled{filter:grayscale(.35);opacity:.45}.empty-state,.loading-state,.login-required{background:linear-gradient(180deg,#101b15,#122019);background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:24px;padding:70px 24px;text-align:center}.empty-state h3,.loading-state h2,.login-required h2{margin-bottom:8px;margin-top:18px}.empty-state p,.loading-state p,.login-required p{color:#ffffffa6;color:var(--muted)}.login-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;margin-top:12px;padding:12px 18px}.loading-spinner{border:3px solid #ffffff1a;height:42px;margin:auto;width:42px}@media(max-width:768px){.loyalty-header{padding:26px 0 80px}.header-content{align-items:stretch;flex-direction:column}.header-left h1{font-size:26px}.loyalty-card{min-width:auto;width:100%}.tab-navigation{flex-direction:column}.offers-grid{grid-template-columns:1fr}.reward-item{align-items:flex-start;flex-direction:column}.reward-status{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.reward-dates{flex-direction:column;gap:4px}}.manager-dashboard-layout{background:#102216;color:#fff;display:flex;font-family:Lexend,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh;overflow:hidden}.manager-sidebar{background:#102216;border-right:1px solid #243a2b;display:flex;flex-direction:column;padding:16px;width:280px}.sidebar-header{margin-bottom:40px}.logo-container{gap:12px}.logo-container,.logo-icon{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#102216;height:40px;justify-content:center;width:40px}.logo-text h1{font-size:20px;font-weight:700;line-height:1;margin:0}.logo-text p{color:#10b981;font-size:11px;font-weight:600;letter-spacing:1px;margin:4px 0 0;text-transform:uppercase}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:8px}.nav-button{align-items:center;background:#0000;border:none;border-radius:12px;color:#9ca3af;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;overflow:hidden;padding:14px 16px;position:relative;transition:all .3s ease}.nav-button:before{background:#10b981;bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.nav-button:hover{background:#10b98114;color:#10b981;transform:translateX(4px)}.nav-button:hover:before{transform:scaleY(1)}.nav-button.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#102216;font-weight:700;transform:translateX(4px)}.nav-button.active:before{background:#fff;transform:scaleY(1)}.nav-button svg{transition:transform .3s ease}.nav-button.active svg,.nav-button:hover svg{transform:scale(1.1)}.sidebar-footer{border-top:1px solid #243a2b;margin-top:auto;padding-top:24px}.user-profile{gap:12px}.user-avatar,.user-profile{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#102216;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.user-info{flex:1 1;overflow:hidden}.user-name{font-size:14px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#9ca3af;font-size:12px;margin:2px 0 0}.logout-icon-btn{background:#0000;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;padding:8px;transition:all .3s}.logout-icon-btn:hover{background:#ef44441a;color:#ef4444}.manager-main-content{background:#0a1810;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.bookings-full-width{display:flex;flex-direction:column;gap:28px;height:100%;margin:0;max-width:100%;overflow-y:auto;padding:32px 40px;width:100%}.date-notice-row{align-items:flex-start;display:flex;gap:24px}.date-selection-card{background:#10222b99;border:1px solid #243a2b;border-radius:16px;flex-shrink:0;padding:20px;width:300px}.date-selection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.date-selection-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.date-picker-input{background:#10222bcc;border-radius:8px;font-weight:500}.date-picker-input:focus{box-shadow:0 0 0 3px #10b9811a}.content-header{align-items:center;border-bottom:1px solid #243a2b;display:flex;justify-content:space-between;padding:16px 24px}.content-header h2{font-size:24px;font-weight:900;margin:0}.content-grid{grid-gap:32px;display:grid;flex:1 1;gap:32px;grid-template-columns:380px 1fr;overflow:hidden;padding:32px}.left-column{display:flex;flex-direction:column;gap:24px;overflow-y:auto}.left-column::-webkit-scrollbar{width:6px}.left-column::-webkit-scrollbar-track{background:#102216}.left-column::-webkit-scrollbar-thumb{background:#243a2b;border-radius:10px}.venue-bio-card{background:#1a2e21;border:1px solid #243a2b;border-radius:16px;overflow:hidden;padding:24px;position:relative}.venue-bio-card:before{background:radial-gradient(circle,#10b9811a 0,#0000 70%);border-radius:50%;content:"";height:150px;position:absolute;right:-50px;top:-50px;width:150px}.venue-bio-card h3{font-size:18px;font-weight:700;margin:0 0 8px;position:relative;z-index:1}.venue-description{color:#9ca3af;font-size:14px;line-height:1.6;margin:0 0 16px;position:relative;z-index:1}.venue-details{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.detail-item{align-items:center;color:#d1d5db;display:flex;font-size:13px;gap:8px}.detail-item svg{color:#10b981}.mini-calendar-card{background:#1a2e21;border:1px solid #243a2b;border-radius:16px;padding:24px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.calendar-header h3{font-size:16px;font-weight:700;margin:0}.calendar-nav{display:flex;gap:8px}.calendar-nav button{align-items:center;background:#102216;border:1px solid #243a2b;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s;width:32px}.calendar-nav button:hover{border-color:#10b981;color:#10b981}.date-picker-input{background:#102216;border:1px solid #243a2b;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;padding:12px;width:100%}.date-picker-input:focus{border-color:#10b981;outline:none}.court-status-section h3{font-size:18px;font-weight:700;margin:0 0 16px}.court-status-list{display:flex;flex-direction:column;gap:12px}.court-status-item{background:#1a2e21;border:1px solid #243a2b;border-radius:12px;gap:12px;padding:16px}.court-icon,.court-status-item{align-items:center;display:flex}.court-icon{background:#10b98133;border-radius:10px;color:#10b981;height:40px;justify-content:center;width:40px}.court-details{flex:1 1}.court-name{font-size:14px;font-weight:700;margin:0}.court-type{color:#9ca3af;font-size:12px;margin:2px 0 0}.status-badge{border-radius:20px;letter-spacing:1px;padding:6px 12px}.status-badge.active{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.right-column,.schedule-card{display:flex;flex-direction:column;overflow:hidden}.schedule-card{background:#1a2e21;border:1px solid #243a2b;border-radius:20px;flex:1 1}.schedule-header{border-bottom:1px solid #243a2b;padding:24px}.schedule-header h3{color:#fff;font-size:18px;font-weight:700;margin:0}.schedule-legend{display:flex;gap:16px}.legend-item{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:8px}.legend-dot{border-radius:50%;height:8px;width:8px}.legend-dot.available{background:#10b981}.legend-dot.booked{background:#6b7280}.legend-dot.blocked{background:#ef4444}.legend-dot.past{background:#6b7280;opacity:.6}.schedule-timeline{flex:1 1;overflow-y:auto;padding:24px}.schedule-timeline::-webkit-scrollbar{width:6px}.schedule-timeline::-webkit-scrollbar-track{background:#102216}.schedule-timeline::-webkit-scrollbar-thumb{background:#243a2b;border-radius:10px}.timeline-slots{display:flex;flex-direction:column;gap:16px}.time-slot-row{align-items:flex-start;display:flex;gap:24px}.time-label{color:#9ca3af;font-size:14px;font-weight:500;padding-top:16px;width:60px}.slot-card{align-items:center;border-radius:12px;display:flex;flex:1 1;justify-content:space-between;padding:16px;transition:all .3s}.slot-card.booked{background:#6b72801a;border:1px solid #6b728033}.slot-card.available{background:#0000;border:2px dashed #10b98133;cursor:pointer}.slot-card.blocked{background:#ef44441a;border:1px solid #ef444433}.slot-card.past{background:#6b72800d;border:1px solid #6b72801a;opacity:.7}.slot-card.available:hover{background:#10b9810d;border-color:#10b98180}.slot-content{gap:16px}.slot-content,.slot-icon{align-items:center;display:flex}.slot-icon{border-radius:50%;height:40px;justify-content:center;width:40px}.slot-card.booked .slot-icon{background:#6b728033;color:#9ca3af}.slot-card.available .slot-icon{background:#10b98133;color:#10b981}.slot-card.blocked .slot-icon{background:#ef444433;color:#ef4444}.slot-card.past .slot-icon{background:#6b72801a;color:#9ca3af}.slot-info h4{font-size:15px;font-weight:700;margin:0 0 4px}.slot-card.booked .slot-info h4{color:#d1d5db}.slot-card.available .slot-info h4{color:#10b981}.slot-card.blocked .slot-info h4{color:#ef4444}.slot-card.past .slot-info h4,.slot-info p{color:#9ca3af}.slot-info p{font-size:12px;margin:0}.slot-badge{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:1px}.slot-badge.blocked{color:#ef4444}.slot-badge.past{color:#9ca3af;opacity:.8}.quick-book-btn{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;cursor:pointer;font-size:12px;font-weight:700;padding:8px 16px;transition:all .3s}.quick-book-btn:hover{background:#10b981;color:#102216}.unblock-btn{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;font-size:12px;font-weight:700;padding:8px 16px;transition:all .3s}.unblock-btn:hover{background:#ef4444;color:#fff}.booking-details{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.booking-email{background:#6b72801a;border-radius:4px;color:#9ca3af;font-size:10px;font-weight:500;max-width:120px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.selected-date-info{color:#9ca3af;font-size:12px;font-weight:500;margin-top:4px}.today-note{color:#10b981;font-weight:600}.past-date-notice{background:#6b72801a;border:1px solid #6b728033;border-radius:12px;margin-bottom:20px}.past-date-notice,.today-notice{align-items:center;display:flex;gap:12px;padding:16px}.today-notice{background:#10b9811a;border:1px solid #10b98133;border-radius:12px;flex:1 1}.notice-icon{font-size:24px;opacity:.8}.notice-content h4{color:#d1d5db;font-size:14px;font-weight:600;margin:0 0 4px}.notice-content p{color:#9ca3af;font-size:12px;line-height:1.4;margin:0}.today-notice .notice-content h4{color:#10b981}.today-notice .notice-content p{color:#059669}.time-divider{align-items:center;display:flex;gap:12px;margin:20px 0;padding:0 24px}.divider-line{background:linear-gradient(90deg,#0000,#10b981,#0000);flex:1 1;height:1px}.divider-label{background:#102216;border:1px solid #10b9814d;border-radius:12px;color:#10b981;font-size:11px;font-weight:700;letter-spacing:1px;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.reviews-container{margin:0;max-width:100%;overflow-y:auto;padding:40px 48px;width:100%}.reviews-header{margin-bottom:32px}.reviews-header h2{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.reviews-header p{color:#9ca3af;font-size:16px;margin:0}.reviews-content-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:400px 1fr}.rating-summary-card{background:#10222b99;border:1px solid #243a2b;border-radius:16px;height:-webkit-fit-content;height:fit-content;padding:24px}.rating-overview{display:flex;flex-direction:column;gap:24px}.overall-rating{border-bottom:1px solid #243a2b;padding-bottom:24px;text-align:center}.rating-number{color:#10b981;font-size:48px;font-weight:700;line-height:1;margin-bottom:8px}.rating-stars{font-size:24px;margin-bottom:8px}.star{color:#374151;margin:0 2px}.star.filled{color:#fbbf24}.rating-count{color:#9ca3af;font-size:14px}.rating-breakdown{display:flex;flex-direction:column;gap:12px}.rating-row{align-items:center;display:flex;gap:12px}.rating-label{color:#9ca3af;flex-shrink:0;font-size:12px;width:40px}.rating-bar{background:#374151;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.rating-fill{background:#10b981;height:100%;transition:width .3s ease}.rating-count-small{color:#9ca3af;flex-shrink:0;font-size:12px;text-align:right;width:20px}.reviews-list-card{background:#10222b99;border:1px solid #243a2b;border-radius:16px;display:flex;flex-direction:column;max-height:800px;padding:24px}.reviews-list-header{align-items:center;border-bottom:1px solid #243a2b;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.reviews-list-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.reviews-list{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto}.reviews-loading{color:#9ca3af}.no-reviews,.reviews-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.no-reviews{text-align:center}.no-reviews-icon{font-size:48px;margin-bottom:16px;opacity:.6}.no-reviews h4{color:#d1d5db;font-size:18px;font-weight:600;margin:0 0 8px}.no-reviews p{color:#9ca3af;font-size:14px;line-height:1.5;margin:0}.review-item{background:#6b72800d;border:1px solid #6b72801a;border-radius:12px;padding:20px;transition:all .3s ease}.review-item:hover{background:#6b728014;border-color:#6b728033}.review-header{justify-content:space-between;margin-bottom:12px}.review-header,.reviewer-info{align-items:center;display:flex}.reviewer-info{gap:12px}.reviewer-avatar{align-items:center;background:#10b981;border-radius:50%;color:#102216;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.reviewer-details h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px}.review-stars{font-size:14px}.review-date{color:#9ca3af;font-size:12px}.review-comment{margin:12px 0}.review-comment p{color:#d1d5db;font-size:14px;font-style:italic;line-height:1.5;margin:0}.review-booking-info{border-top:1px solid #6b72801a;margin-top:8px;padding-top:8px}.review-booking-info small{color:#9ca3af;font-size:11px}@media (max-width:1200px){.reviews-content-grid{gap:24px;grid-template-columns:1fr}.rating-summary-card{order:2}.reviews-list-card{order:1}}.payments-container{margin:0;max-width:100%;overflow-y:auto;padding:40px 48px;width:100%}.payments-header{margin-bottom:32px}.payments-header h2{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.payments-header p{color:#9ca3af;font-size:16px;margin:0}.payments-content-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:400px 1fr}.earnings-overview-card{background:#10222b99;border:1px solid #243a2b;border-radius:16px;height:-webkit-fit-content;height:fit-content;padding:24px}.earnings-stats{display:flex;flex-direction:column;gap:16px}.stat-item{align-items:center;background:#6b72800d;border:1px solid #6b72801a;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.stat-item:hover{background:#6b728014;border-color:#6b728033}.stat-item.primary{background:#10b9811a;border-color:#10b98133}.stat-item.primary:hover{background:#10b98126;border-color:#10b9814d}.stat-icon{align-items:center;display:flex;font-size:32px;justify-content:center;opacity:.8}.stat-content h3{color:#9ca3af;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.stat-value{color:#fff;font-size:24px;font-weight:700;line-height:1}.stat-item.primary .stat-value{color:#10b981}.transactions-list-card{background:#10222b99;border:1px solid #243a2b;border-radius:16px;display:flex;flex-direction:column;max-height:800px;padding:24px}.transactions-list-header{align-items:center;border-bottom:1px solid #243a2b;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.transactions-list-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.transactions-list{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto}.transactions-loading{color:#9ca3af}.no-transactions,.transactions-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.no-transactions{text-align:center}.no-transactions-icon{align-items:center;color:#9ca3af;display:flex;font-size:48px;justify-content:center;margin-bottom:16px;opacity:.6}.no-transactions h4{color:#d1d5db;font-size:18px;font-weight:600;margin:0 0 8px}.no-transactions p{color:#9ca3af;font-size:14px;line-height:1.5;margin:0}.transaction-item{background:#6b72800d;border:1px solid #6b72801a;border-radius:12px;padding:20px;transition:all .3s ease}.transaction-item:hover{background:#6b728014;border-color:#6b728033}.transaction-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.transaction-info{align-items:center;display:flex;gap:12px}.transaction-icon{align-items:center;border-radius:50%;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.payment-status-icon.success{background:#10b98133;color:#10b981}.payment-status-icon.pending{background:#fbbf2433;color:#fbbf24}.payment-status-icon.failed{background:#ef444433;color:#ef4444}.transaction-details h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px}.transaction-meta{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:8px}.transaction-meta span{background:#6b72801a;border-radius:4px;padding:2px 6px}.transaction-amount{text-align:right}.amount{color:#10b981;font-size:18px;font-weight:700;margin-bottom:4px}.status-badge{border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.status-badge.success{background:#10b98133;color:#10b981}.status-badge.pending{background:#fbbf2433;color:#fbbf24}.status-badge.failed{background:#ef444433;color:#ef4444}.transaction-footer{align-items:center;border-top:1px solid #6b72801a;display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.customer-info{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:12px}.customer-info span{align-items:center;display:flex;gap:4px}.transaction-date{color:#6b7280;font-size:11px}.transaction-id{border-top:1px solid #6b72801a;margin-top:8px;padding-top:8px}.transaction-id small{color:#6b7280;font-family:monospace;font-size:10px}@media (max-width:1200px){.payments-content-grid{gap:24px;grid-template-columns:1fr}.earnings-overview-card{order:1}.transactions-list-card{order:2}.earnings-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.manager-sidebar{padding:12px}.bookings-full-width{padding:16px}.date-selection-card{width:100%}.earnings-stats{grid-template-columns:1fr}.transaction-header{align-items:flex-start;flex-direction:column;gap:12px}.transaction-amount{text-align:left}.transaction-footer{align-items:flex-start;flex-direction:column;gap:8px}}.courts-info-container{margin:0;max-width:100%;overflow-y:auto;padding:40px 48px;width:100%}.venue-header-section{margin-bottom:40px}.venue-header-image{background-position:50%;background-size:cover;border-radius:20px;height:380px;overflow:hidden;position:relative}.venue-header-overlay{background:linear-gradient(0deg,#0a1810f2 0,#0a18104d 50%,#0000);inset:0;position:absolute}.venue-header-content{align-items:flex-end;bottom:0;display:flex;justify-content:space-between;left:0;padding:32px;position:absolute;right:0;z-index:1}.venue-badges{align-items:center;display:flex;gap:12px;margin-bottom:12px}.premium-badge{background:#10b981;border-radius:20px;color:#102216;font-size:10px;font-weight:700;letter-spacing:1px;padding:4px 12px;text-transform:uppercase}.rating-stars{color:#10b981;font-size:16px;letter-spacing:2px}.venue-title{color:#fff;font-size:36px;font-weight:900;letter-spacing:-.5px;margin:0 0 8px}.venue-location-text{align-items:center;color:#d1d5db;display:flex;font-size:15px;gap:6px;margin:0}.edit-venue-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 12px #10b9814d;color:#102216;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s}.edit-venue-btn:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.courts-content-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2.2fr 1fr;margin-bottom:40px}.courts-left-column,.courts-right-column{display:flex;flex-direction:column;gap:28px}.info-card{background:#1a2e21;border:1px solid #243a2b;border-radius:16px;padding:28px 32px}.info-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.info-card-header h3{align-items:center;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.info-card-header h3 svg{color:#10b981}.edit-icon-btn{background:#0000;border-radius:8px;color:#10b981;padding:8px;transition:all .3s}.edit-icon-btn:hover{background:#10b9811a}.info-card-text{color:#9ca3af;font-size:14px;line-height:1.7;margin:0}.add-court-btn{background:#10b9811a;border:1px solid #10b98133;border-radius:8px;color:#10b981;font-size:13px;font-weight:700;gap:6px;padding:8px 16px;transition:all .3s}.add-court-btn:hover{background:#10b98133}.courts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.court-pricing-card{align-items:center;background:#102216;border:1px solid #243a2b;border-radius:12px;display:flex;justify-content:space-between;padding:16px}.court-pricing-left{align-items:center;display:flex;gap:12px}.court-pricing-icon{align-items:center;background:#10b9811a;border-radius:10px;color:#10b981;display:flex;height:48px;justify-content:center;width:48px}.court-pricing-name{font-size:14px;font-weight:700;margin:0 0 4px}.court-pricing-type{color:#9ca3af;font-size:12px;margin:0}.court-pricing-right{text-align:right}.court-price{color:#10b981;font-size:20px;font-weight:900;margin:0 0 4px}.court-price span{color:#9ca3af;font-size:12px;font-weight:400}.manage-btn{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:all .3s}.manage-btn:hover{color:#10b981}.operating-hours-content{margin:24px 0}.hours-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.hours-label{color:#9ca3af;font-size:13px;font-weight:500}.hours-value{font-size:18px;font-weight:700}.hours-progress{background:#10b9811a;border-radius:10px;height:6px;margin:16px 0;overflow:hidden;position:relative}.hours-progress-bar{background:linear-gradient(90deg,#10b981,#059669);border-radius:10px;box-shadow:0 0 10px #10b98180;height:100%;left:0;position:absolute;top:0;width:75%}.update-schedule-btn{background:#0000;border:1px solid #10b98133;border-radius:10px;color:#10b981;cursor:pointer;font-size:14px;font-weight:700;padding:12px;transition:all .3s;width:100%}.update-schedule-btn:hover{background:#10b9811a}.map-placeholder{background:#102216;border:1px solid #243a2b;border-radius:12px;height:160px;margin:16px 0;overflow:hidden;position:relative}.map-marker,.map-placeholder{align-items:center;display:flex;justify-content:center}.map-marker{animation:pulse 2s infinite;background:#10b981;border-radius:50%;color:#102216;height:48px;width:48px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.location-address{color:#9ca3af;font-size:14px;font-weight:500;line-height:1.6;margin:0 0 16px}.view-map-btn{align-items:center;background:#102216;border:1px solid #243a2b;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px;transition:all .3s;width:100%}.view-map-btn:hover{background:#1a2e21;border-color:#10b981}.visibility-banner{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;display:flex;justify-content:space-between;padding:24px 32px}.visibility-content{align-items:center;display:flex;gap:16px}.visibility-icon{align-items:center;background:#0a181033;border-radius:50%;color:#102216;display:flex;height:56px;justify-content:center;width:56px}.visibility-banner h4{color:#102216;font-size:18px;font-weight:900;margin:0 0 4px}.visibility-banner p{color:#0a1810b3;font-size:14px;font-weight:500;margin:0}.view-as-player-btn{background:#102216;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .3s}.view-as-player-btn:hover{transform:scale(1.05)}@media (max-width:1200px){.content-grid{grid-template-columns:1fr}.left-column{max-height:400px}}@media (max-width:1024px){.courts-content-grid{grid-template-columns:1fr}}@media (max-width:768px){.manager-sidebar{padding:16px;width:80px}.logo-text,.nav-button span,.user-info{display:none}.nav-button{justify-content:center}.content-header,.venue-header-content{align-items:flex-start;flex-direction:column;gap:16px}.courts-grid{grid-template-columns:1fr}.visibility-banner{gap:16px;text-align:center}.date-notice-row,.visibility-banner,.visibility-content{flex-direction:column}.date-notice-row{gap:16px}.date-selection-card{width:100%}}.loading-container{align-items:center;background:#0d1912;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{border:3px solid #10b9814d}.venue-status-container{align-items:center;background:#0d1912;display:flex;justify-content:center;min-height:100vh;padding:20px}.venue-status-card{background:#1a3a2e;border:1px solid #2d5a47;border-radius:16px;max-width:500px;padding:48px;text-align:center;width:100%}.status-icon{color:#10b981;display:flex;justify-content:center}.venue-status-card h2{color:#fff;font-size:24px;font-weight:700;margin-bottom:16px}.venue-status-card p{color:#9ca3af;font-size:16px;line-height:1.6;margin-bottom:32px}.venue-preview{background:#10b9811a;border:1px solid #10b98133;border-radius:12px;margin-bottom:32px;padding:24px}.venue-preview h3{color:#10b981;font-size:18px;font-weight:600;margin-bottom:8px}.venue-preview p{color:#d1d5db;font-size:14px;margin-bottom:4px}.status-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s}.btn-primary:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-secondary{align-items:center;border-radius:8px;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-secondary:hover{background:#fecaca;border-color:#fca5a5;color:#7f1d1d}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .2s ease}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.modal-body{padding:1.5rem}.image-upload-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.current-image h4,.new-image-section h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.current-venue-image,.image-preview{border:2px solid #e5e7eb;border-radius:8px;height:200px;object-fit:cover;width:100%}.image-preview-container{position:relative}.remove-preview-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:32px}.remove-preview-btn:hover{background:#dc2626}.image-upload-area{border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:2rem;text-align:center;transition:all .2s ease}.image-upload-area:hover{background:#f0fdf4;border-color:#10b981}.image-input{display:none}.image-upload-label{align-items:center;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;gap:.75rem}.image-upload-label svg{color:#10b981}.image-upload-label span{color:#374151;font-weight:500}.image-upload-label small{color:#9ca3af;font-size:.875rem}.modal-footer{align-items:center;background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.btn-secondary{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#fecaca;border-color:#fca5a5;color:#7f1d1d}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-primary{align-items:center;background:#10b981;border-radius:6px;color:#fff;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#059669}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.modal-content{margin:1rem;width:95%}.image-upload-section{gap:1.5rem;grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse;gap:.75rem}.modal-footer button{width:100%}}.courts-modal{max-height:80vh;max-width:800px}.courts-management-section{max-height:60vh;overflow-y:auto}.courts-list{display:flex;flex-direction:column;gap:1.5rem}.empty-courts{color:#6b7280;padding:3rem 2rem;text-align:center}.empty-courts svg{color:#d1d5db;margin-bottom:1rem}.empty-courts p{font-size:1.125rem;font-weight:500;margin:0 0 1.5rem}.court-edit-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.court-edit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.court-edit-header h4{color:#374151;font-size:1.125rem;font-weight:600;margin:0}.remove-court-btn{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.remove-court-btn:hover{background:#fecaca;color:#b91c1c}.court-edit-fields{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr}.field-group{display:flex;flex-direction:column;gap:.5rem}.field-group label{color:#374151;font-size:.875rem;font-weight:500}.field-group input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:.875rem;padding:.75rem;transition:all .2s ease}.field-group input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.field-group input::placeholder{color:#9ca3af}.add-court-section{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}@media (max-width:768px){.courts-modal{max-height:85vh;width:95%}.court-edit-fields{gap:1rem;grid-template-columns:1fr}.court-edit-header{align-items:flex-start;flex-direction:column;gap:.75rem}.remove-court-btn{align-self:flex-end}}.add-court-btn{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.add-court-btn:hover{background:#059669}.bio-modal{max-width:700px}.bio-editing-section{display:flex;flex-direction:column;gap:2rem}.bio-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-family:inherit;font-size:.875rem;line-height:1.5;min-height:200px;padding:1rem;resize:vertical;transition:all .2s ease;width:100%}.bio-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.bio-textarea::placeholder{color:#9ca3af}.character-count{color:#6b7280;font-size:.75rem;margin-top:.5rem;text-align:right}.bio-tips{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:1.5rem}.bio-tips h4{color:#0c4a6e;font-size:1rem;font-weight:600;margin:0 0 1rem}.bio-tips ul{color:#0369a1;margin:0;padding-left:1.25rem}.bio-tips li{font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.bio-tips li:last-child{margin-bottom:0}.edit-icon-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.edit-icon-btn:hover{background:#f3f4f6;color:#10b981}@media (max-width:768px){.bio-modal{width:95%}.bio-textarea{min-height:150px}.bio-tips{padding:1rem}}.hours-modal{max-width:600px}.hours-editing-section{display:flex;flex-direction:column;gap:2rem}.hours-preview{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;overflow:hidden;padding:0}.preview-hours{display:flex;flex-direction:column;gap:.25rem}.preview-time{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:1.5rem;font-weight:700}.preview-duration{font-size:.875rem;opacity:.8}.hours-form{display:flex;flex-direction:column;gap:1.5rem}.hours-fields{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.time-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:1rem;font-weight:500;padding:.75rem;transition:all .2s ease}.time-input:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.hours-tips{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:1.5rem}.hours-tips h4{color:#92400e;font-size:1rem;font-weight:600;margin:0 0 1rem}.hours-tips ul{color:#b45309;margin:0;padding-left:1.25rem}.hours-tips li{font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.hours-tips li:last-child{margin-bottom:0}@media (max-width:768px){.hours-modal{width:95%}.hours-fields{gap:1rem;grid-template-columns:1fr}.preview-card{flex-direction:column;gap:1rem;text-align:center}.preview-time{font-size:1.25rem}.hours-tips{padding:1rem}}.location-modal{max-width:700px}.location-editing-section{display:flex;flex-direction:column;gap:2rem}.location-preview{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;overflow:hidden;padding:0}.preview-card{align-items:center;color:#fff;display:flex;gap:1rem;padding:1.5rem}.preview-card svg{flex-shrink:0;opacity:.9}.preview-content h4{font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.preview-address{font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.preview-map-link{align-items:center;display:flex;font-size:.875rem;gap:.5rem;opacity:.9}.location-form{display:flex;flex-direction:column;gap:1.5rem}.location-input,.map-link-input{border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;padding:.75rem;transition:all .2s ease}.location-input:focus,.map-link-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.location-input::placeholder,.map-link-input::placeholder{color:#9ca3af}.field-hint{color:#6b7280}.location-tips{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:1.5rem}.location-tips h4{color:#0c4a6e;font-size:1rem;font-weight:600;margin:0 0 1rem}.location-tips ol{color:#0369a1;margin:0 0 1rem;padding-left:1.25rem}.location-tips li{font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.location-tips li:last-child{margin-bottom:0}.tips-note{align-items:center;background:#dbeafe;border-radius:6px;color:#1e40af;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem}.tips-note svg{flex-shrink:0}@media (max-width:768px){.location-modal{width:95%}.preview-card{flex-direction:column;gap:1rem;text-align:center}.location-tips{padding:1rem}.tips-note{flex-direction:column;gap:.5rem;text-align:center}}.schedule-title-section{align-items:center;display:flex;flex:1 1;gap:1rem;justify-content:space-between}.schedule-title-section h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.court-selector{align-items:center;display:flex;gap:.5rem}.court-dropdown{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;min-width:120px;padding:.5rem .75rem;transition:all .2s ease}.court-dropdown:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.court-dropdown:hover{background:#fff;border-color:#9ca3af}.single-court-name{background:#10b981;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;padding:.5rem .75rem}.schedule-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}@media (max-width:768px){.schedule-title-section{gap:.75rem}.schedule-header,.schedule-title-section{align-items:flex-start;flex-direction:column}.schedule-header{gap:1rem}.court-dropdown{font-size:.8rem;min-width:100px}}.venue-status-page{background:#102216;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.venue-status-header{background:#0d1912;border-bottom:1px solid #10b9811a;padding:16px 0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.back-btn,.logout-btn{align-items:center;background:#0000;border:1px solid #10b98133;border-radius:8px;color:#10b981;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s}.back-btn:hover,.logout-btn:hover{background:#10b9811a;border-color:#10b981}.venue-status-main{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:40px 24px}.status-card{background:#1a2e21;border:1px solid #243a2b;border-radius:20px;box-shadow:0 10px 30px #0000004d;max-width:600px;padding:48px;text-align:center;width:100%}.status-header{margin-bottom:32px}.status-icon{margin-bottom:24px}.status-icon.pending{color:#f59e0b}.status-icon.approved{color:#10b981}.status-icon.rejected{color:#ef4444}.status-icon.no-venue{color:#6b7280}.status-icon.default{color:#10b981}.status-title{color:#fff;font-size:28px;font-weight:800;margin:0 0 16px}.status-message{color:#9ca3af;font-size:16px;line-height:1.6;margin:0}.venue-info{background:#102216;border:1px solid #243a2b;border-radius:12px;margin:32px 0;padding:24px;text-align:left}.venue-info h3{color:#10b981;font-size:18px;font-weight:700;margin:0 0 16px}.venue-details p{color:#d1d5db;font-size:14px;margin:8px 0}.venue-details strong{color:#fff;font-weight:600}.action-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:32px 0}.primary-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 14px #10b9814d;color:#102216;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;padding:14px 28px;text-decoration:none;transition:all .3s}.primary-btn:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.secondary-btn{align-items:center;background:#0000;border:1px solid #10b9814d;border-radius:10px;color:#10b981;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 28px;text-decoration:none;transition:all .3s}.secondary-btn:hover{background:#10b9811a;border-color:#10b981}.status-info{background:#10b9810d;border:1px solid #10b9811a;border-radius:12px;margin-top:32px;padding:24px;text-align:left}.status-info h4{color:#10b981;font-size:16px;font-weight:700;margin:0 0 16px}.status-info ul{margin:0;padding-left:20px}.status-info li{color:#d1d5db;font-size:14px;line-height:1.5;margin:8px 0}.venue-status-error,.venue-status-loading{align-items:center;background:#102216;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #243a2b;border-radius:50%;border-top-color:#10b981;height:40px;margin-bottom:16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.retry-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#102216;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-top:16px;padding:12px 24px;transition:all .3s}.retry-btn:hover{background:#059669}@media (max-width:768px){.status-card{margin:20px;padding:32px 24px}.status-title{font-size:24px}.action-buttons{align-items:center;flex-direction:column}.primary-btn,.secondary-btn{justify-content:center;width:100%}.header-content{padding:0 16px}}.promote-container{margin:80px auto 40px;max-width:1100px;padding:0 16px 40px}.promote-card{background:#0f172a;border:1px solid #94a3b833;border-radius:24px;box-shadow:0 18px 40px #0f172a99;color:#e5e7eb;padding:28px 24px 32px}.promote-header-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.promote-title{color:#f9fafb;font-size:26px;font-weight:700;margin:0 0 4px}.promote-subtitle{color:#9ca3af;font-size:14px;margin:0}.promote-badge{background:#10b9811a;border:1px solid #10b98166;border-radius:999px;color:#6ee7b7;font-size:12px;padding:6px 12px;white-space:nowrap}.promote-form{display:flex;flex-direction:column;gap:24px;margin-top:8px}.section-title{color:#e5e7eb;font-size:18px;font-weight:600;margin:4px 0 10px}.image-section{background:radial-gradient(circle at top left,#0f766e22,#020617);border:1px dashed #94a3b866;border-radius:18px;padding:16px}.image-label{color:#e5e7eb;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.upload-box{align-items:center;background:#0f172ae6;border:1px dashed #94a3b899;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:18px}.upload-box input{display:none}.upload-box span{color:#e5e7eb;font-size:14px}.upload-box small{color:#9ca3af;font-size:12px}.image-preview-wrap{align-items:center;display:flex;gap:12px}.image-preview{border:1px solid #94a3b899;border-radius:16px;height:140px;object-fit:cover;width:220px}.btn-remove-image{background:#ef44441f;border:none;border-radius:999px;color:#fecaca;cursor:pointer;font-size:13px;padding:6px 14px}.form-grid{grid-gap:14px 18px;display:grid;gap:14px 18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-grid label,.slot-modal-grid label{color:#d1d5db;display:block;font-size:13px;margin-bottom:4px}.desc-input,.form-grid input,.slot-modal input,.slot-modal select{background:#0f172ad9;border:1px solid #94a3b873;border-radius:12px;color:#e5e7eb;font-size:13px;outline:none;padding:8px 10px;width:100%}.desc-input:focus,.form-grid input:focus,.slot-modal input:focus,.slot-modal select:focus{border-color:#2dd4bfcc;box-shadow:0 0 0 1px #2dd4bf4d}.desc-input{min-height:80px;resize:vertical}.chip-grid{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#0f172ae6;border:1px solid #94a3b880;border-radius:999px;color:#e5e7eb;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .15s ease}.chip:hover{border-color:#5eead4b3}.chip-active{background:radial-gradient(circle at top left,#10b981,#059669);border-color:#0000;color:#ecfdf5}.court-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.empty-hint{color:#9ca3af;font-size:13px}.empty-hint.small{font-size:12px}.court-box{background:linear-gradient(to bottom right,#020617,#0f172a);border:1px solid #94a3b866;border-radius:16px;margin-top:10px;padding:12px 12px 14px}.court-top-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.court-pill{align-items:center;background:#38bdf826;border-radius:999px;color:#7dd3fc;display:inline-flex;font-size:11px;justify-content:center;padding:3px 10px}.court-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:2fr 2fr 1.2fr;margin-bottom:10px}.timeslot-toolbar{display:flex;gap:8px;margin-bottom:10px}.timeslot-grid{display:flex;flex-wrap:wrap;gap:6px}.btn-add-court,.btn-add-slot,.btn-clear-slots{border:none;border-radius:999px;cursor:pointer;font-size:12px;padding:7px 12px}.btn-add-court{background:#3b82f626;border:1px solid #3b82f699;color:#bfdbfe}.btn-add-slot{background:#10b98133;border:1px solid #10b98199;color:#6ee7b7}.btn-clear-slots{background:#0000;border:1px dashed #94a3b899;color:#e5e7eb}.btn-delete-small{background:#ef44441f;border:none;border-radius:999px;color:#fecaca;cursor:pointer;font-size:12px;padding:4px 10px}.slot-chip{align-items:center;background:#0f172ae6;border:1px solid #94a3b880;border-radius:999px;display:inline-flex;font-size:12px;gap:6px;padding:4px 8px}.slot-remove{background:#0000;border:none;color:#fca5a5;cursor:pointer;font-size:12px}.btn-submit{align-self:flex-start;background:radial-gradient(circle at top left,#22c55e,#16a34a);border:none;border-radius:999px;color:#ecfdf5;cursor:pointer;font-size:14px;font-weight:600;margin-top:6px;padding:10px 18px}.btn-submit:disabled{cursor:default;opacity:.6}.btn-primary{background:radial-gradient(circle at top left,#22c55e,#16a34a);border:none;border-radius:999px;color:#ecfdf5;padding:8px 16px}.btn-primary,.btn-secondary{cursor:pointer;font-size:13px}.btn-secondary{background:#0000;border:1px solid #94a3b899;border-radius:999px;color:#e5e7eb;padding:8px 14px}.slot-modal-overlay{align-items:center;background:#0f172ab3;display:flex;inset:0;justify-content:center;position:fixed;z-index:40}.slot-modal{background:#020617;border:1px solid #94a3b899;border-radius:18px;box-shadow:0 18px 40px #0f172acc;color:#e5e7eb;max-width:420px;padding:18px 18px 16px;width:100%}.slot-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.slot-modal-header h3{font-size:16px;margin:0}.slot-modal-close{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:16px}.slot-modal-sub{color:#9ca3af;font-size:12px;margin:0 0 12px}.slot-modal-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.slot-modal-actions{display:flex;gap:8px;justify-content:flex-end}@media (max-width:768px){.promote-card{padding:20px 16px 22px}.promote-header-row{align-items:flex-start;flex-direction:column}.court-row,.slot-modal-grid{grid-template-columns:1fr}}.court-row input{background:#0f172ad9!important;border:1px solid #94a3b873;border-radius:12px;color:#e5e7eb!important;font-size:13px;padding:8px 10px}.court-row input::placeholder{color:#9ca3af!important}.field-hint{color:#64748b;display:block;font-size:.75rem;line-height:1.3;margin-top:.25rem}.landing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#102216f2;border-bottom:1px solid #10b9811a;left:0;padding:16px 0;position:fixed;right:0;top:0;z-index:1000}.landing-header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.landing-header-logo{align-items:center;cursor:pointer;display:flex;gap:12px;transition:transform .2s}.landing-header-logo:hover{transform:scale(1.02)}.landing-logo-img{height:32px;object-fit:contain;width:32px}.landing-logo-text{color:#10b981;font-size:24px;font-weight:900;letter-spacing:-.5px}.landing-login-btn{background:#10b981;border:none;border-radius:8px;box-shadow:0 2px 10px #10b9814d;color:#102216;cursor:pointer;font-size:15px;font-weight:700;padding:10px 28px;transition:all .3s}.landing-login-btn:hover{background:#059669;box-shadow:0 4px 15px #10b98166;transform:translateY(-2px)}@media (max-width:768px){.landing-header{padding:12px 0}.landing-header-container{padding:0 16px}.landing-logo-text{font-size:20px}.landing-logo-img{height:28px;width:28px}.landing-login-btn{font-size:14px;padding:8px 20px}}.landing-page{background:#0a0f0d;min-height:100vh;overflow-x:hidden;scroll-behavior:smooth}.landing-content-with-header{padding-top:64px}html{scroll-behavior:smooth}.landing-container{margin:0 auto;max-width:1200px;padding:0 24px}.landing-hero{align-items:center;background:linear-gradient(135deg,#0d1912,#1a2f23 50%,#0d1912);display:flex;justify-content:center;min-height:60vh;overflow:hidden;position:relative}.landing-hero:before{background-image:url(/static/media/logo123.244564e2dfd679eb5926.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:600px;left:50%;opacity:.08;top:50%;transform:translate(-50%,-50%);width:600px;z-index:0}.landing-hero:after,.landing-hero:before{content:"";pointer-events:none;position:absolute}.landing-hero:after{background:radial-gradient(circle at 50% 50%,#10b9811a 0,#0000 70%);bottom:0;left:0;right:0;top:0;z-index:1}.landing-page .hero-title{color:#10b981;font-size:96px;font-weight:900;letter-spacing:-3px;margin:0 0 16px;position:relative;text-align:center;text-shadow:0 4px 30px #10b98166;z-index:2}.landing-page .hero-subtitle{color:#94a3b8;font-size:24px;font-weight:300;letter-spacing:.5px;margin:0;position:relative;text-align:center;z-index:2}.landing-section{padding:80px 0;position:relative}.landing-section:nth-child(2n){background:#0d1912}.landing-section:nth-child(odd){background:#0a0f0d}.landing-page .section-title{color:#fff;font-size:48px;font-weight:800;letter-spacing:-1px;margin:0 0 24px;text-align:center}.landing-page .section-description{color:#94a3b8;font-size:18px;line-height:1.8;margin:0 auto;max-width:800px;text-align:center}.about-section{background:linear-gradient(180deg,#1a2f23,#0d1912)}.why-choose-section{background:#0a0f0d}.mission-section{background:#0d1912}.mission-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:48px}.mission-card{background:#10b9810d;border:1px solid #10b98133;border-radius:16px;padding:32px;text-align:center;transition:all .3s ease}.mission-card:hover{background:#10b9811a;border-color:#10b98166;box-shadow:0 12px 40px #10b98133;transform:translateY(-8px)}.mission-icon{color:#10b981;display:block;height:48px;margin:0 auto 16px;width:48px}.mission-card p{color:#e2e8f0;font-size:16px;line-height:1.6;margin:0}.vision-section{background:#0a0f0d}.vision-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:48px}.vision-card{background:#10b9810d;border:1px solid #10b98126;border-radius:12px;padding:28px;text-align:center;transition:all .3s ease}.vision-card:hover{background:#10b98114;border-color:#10b9814d;box-shadow:0 8px 30px #10b98126;transform:translateY(-6px)}.vision-icon{color:#10b981;display:block;height:40px;margin:0 auto 12px;width:40px}.vision-card p{color:#cbd5e1;font-size:15px;line-height:1.5;margin:0}.explore-section{background:linear-gradient(180deg,#0d1912,#1a2f23)}.offers-section{background:#0a0f0d}.offers-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:48px}.offer-card{background:#0000;border:1px solid #10b98133;border-radius:16px;padding:36px;transition:all .3s ease}.offer-card:hover{background:#10b9810d;border-color:#10b98166;box-shadow:0 16px 50px #10b98140;transform:translateY(-10px)}.offer-icon{color:#10b981;height:56px;margin-bottom:20px;width:56px}.offer-title{color:#fff;font-size:22px;font-weight:700;letter-spacing:-.5px;margin:0 0 12px}.offer-description{color:#94a3b8;font-size:15px;line-height:1.7;margin:0}.how-it-works-section{background:#0d1912}.steps-container{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:48px}.step-card{background:#10b9810d;border:2px solid #10b98133;border-radius:16px;padding:32px;position:relative;text-align:center;transition:all .3s ease}.step-card:hover{background:#10b9811a;border-color:#10b981;box-shadow:0 12px 40px #10b98133;transform:translateY(-8px)}.step-number{align-items:center;background:#10b981;border-radius:50%;box-shadow:0 4px 15px #10b98166;color:#0a0f0d;display:flex;font-size:20px;font-weight:900;height:40px;justify-content:center;left:50%;position:absolute;top:-16px;transform:translateX(-50%);width:40px}.step-icon{color:#10b981;display:block;height:48px;margin:16px auto;width:48px}.step-title{color:#fff;font-size:20px;font-weight:700;margin:0 0 12px}.step-description{color:#94a3b8;font-size:14px;line-height:1.6;margin:0}.managers-section{background:linear-gradient(180deg,#0a0f0d,#0d1912);padding-bottom:100px}.managers-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:48px}.manager-card{background:linear-gradient(135deg,#10b9811a,#10b98108);border:2px solid #10b9814d;border-radius:20px;padding:40px;transition:all .3s ease}.manager-card:hover{background:linear-gradient(135deg,#10b98126,#10b9810d);border-color:#10b981;box-shadow:0 20px 60px #10b9814d;transform:translateY(-10px)}.manager-icon{color:#10b981;height:64px;margin-bottom:20px;width:64px}.manager-title{color:#fff;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0 0 16px}.manager-description{color:#94a3b8;font-size:16px;line-height:1.7;margin:0}@media (max-width:1024px){.landing-page .hero-title{font-size:72px}.landing-page .hero-subtitle{font-size:20px}.landing-page .section-title{font-size:40px}.landing-section{padding:60px 0}.landing-hero:before{height:300px;width:300px}}@media (max-width:768px){.landing-page .hero-title{font-size:56px}.landing-page .hero-subtitle{font-size:18px}.landing-page .section-title{font-size:32px}.landing-page .section-description{font-size:16px}.landing-section{padding:50px 0}.landing-hero:before{height:250px;width:250px}.managers-grid,.mission-grid,.offers-grid,.steps-container,.vision-grid{gap:24px;grid-template-columns:1fr}}@media (max-width:480px){.landing-container{padding:0 16px}.landing-page .hero-title{font-size:42px;letter-spacing:-2px}.landing-page .hero-subtitle{font-size:16px}.landing-page .section-title{font-size:28px}.landing-page .section-description{font-size:15px}.landing-section{padding:40px 0}.landing-hero:before{height:200px;width:200px}.manager-card,.mission-card,.offer-card,.step-card,.vision-card{padding:24px}.managers-section{padding-bottom:60px}}#root,body,html{height:100%;margin:0;padding:0}.app-layout{display:flex;flex-direction:column;min-height:100vh}.page-content{flex:1 1;min-height:0;padding-bottom:20px}.pt-4{padding-top:16px}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.mb-6{margin-bottom:24px}.text-2xl{font-size:1.5rem;font-weight:600}.text-gray-900{color:#111827}.text-gray-600{color:#4b5563}.text-center{text-align:center}.py-12{padding-bottom:48px;padding-top:48px}.text-gray-500{color:#6b7280}.text-lg{font-size:1.125rem}.text-gray-400{color:#9ca3af}.mt-2{margin-top:8px}.grid{grid-gap:24px;display:grid;gap:24px}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=main.5daf92f5.css.map*/