body{background-color:#f8f9fa;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.social-auth-container{display:flex;flex-direction:column;gap:16px;margin-top:24px}.social-auth-button{align-items:center;border:none;border-radius:15px;cursor:pointer;display:flex;font-family:Lato,sans-serif;font-size:16px;font-weight:600;gap:12px;height:56px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;width:100%}.social-auth-button:disabled{cursor:not-allowed;opacity:.6}.social-auth-button:hover:not(:disabled){box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.social-auth-button:active:not(:disabled){transform:translateY(0)}.email-button{background:linear-gradient(135deg,#0719c2,#0056b3);box-shadow:0 4px 15px #0719c24d;color:#fff}.email-button:hover:not(:disabled){box-shadow:0 8px 25px #0719c266}.google-button{background:#fff;border:2px solid #e9ecef;box-shadow:0 4px 15px #0000001a;color:#333}.google-button:hover:not(:disabled){border-color:#4285f4;box-shadow:0 8px 25px #4285f433}.apple-button{background:#000;box-shadow:0 4px 15px #0000004d;color:#fff}.apple-button:hover:not(:disabled){background:#333;box-shadow:0 8px 25px #0006}.social-icon{flex-shrink:0;height:20px;width:20px}.social-auth-loading{align-items:center;color:#6c757d;display:flex;font-size:14px;gap:12px;justify-content:center;padding:16px}.email-auth-container{margin-top:24px}.back-to-social-button{align-items:center;background:none;border:none;color:#1663c1;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:10px;padding:8px 0;transition:color .3s ease}.back-to-social-button:hover:not(:disabled){color:#0719c2}.back-to-social-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:576px){.social-auth-button{font-size:15px;height:52px}.social-auth-container{gap:14px}}.social-auth-button.loading{pointer-events:none}.social-auth-button.loading:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.social-auth-button:focus{box-shadow:0 0 0 3px #0719c24d;outline:none}.google-button:focus{box-shadow:0 0 0 3px #4285f44d}.apple-button:focus{box-shadow:0 0 0 3px #0000004d}.page-container{padding:0 20px 20px}.page-title-section{margin-bottom:30px;padding-top:20px;text-align:center}.page-title{color:#1a202c;font-size:24px;font-weight:600;margin:0 0 10px}.page-subtitle{color:#6c757d;font-size:16px;margin:0}.login-container{align-items:center;background:#3f3c88c8;display:flex;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative;width:100%}.background-overlay{background:linear-gradient(135deg,#3c88c8,#2f6fb6 50%,#1e5a9b);background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.login-content{align-items:center;display:flex;flex-direction:column;max-width:428px;padding:30px 24px;position:relative;text-align:center;width:100%;z-index:2}.logo-container{margin-bottom:24px}.logo-circle{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #00000026;display:flex;height:80px;justify-content:center;position:relative;width:80px}.logo-text{color:#2f6fb6;font-family:Lato,sans-serif;font-size:36px;font-weight:700}.location-pin{font-size:14px;position:absolute;right:8px;top:-2px}.welcome-text{font-size:38px;line-height:1.2;margin:0 0 24px}.social-signin-btn,.welcome-text{font-family:Lato,sans-serif;font-weight:700}.social-signin-btn{align-items:center;background:#2f6fb6;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:24px;gap:10px;height:65px;justify-content:center;margin-bottom:24px;max-width:380px;transition:all .3s ease;width:100%}.social-signin-btn:hover{background:#1e5a9b;transform:translateY(-1px)}.google-icon{align-items:center;background:#fff;border-radius:50%;color:#2f6fb6;display:flex;font-weight:700;height:24px;justify-content:center;width:24px}.divider-text{color:#fff;font-family:Lato,sans-serif;font-size:38px;font-weight:700;margin:0 0 24px}.tab-container{margin-bottom:10px;max-width:380px;width:100%}.tab-background{background:#2f6fb6;border-radius:25px;display:flex;height:45px;padding:5px;position:relative}.tab-button{background:#0000;color:#fff;font-family:Lato,sans-serif;font-size:20px;font-weight:700;height:35px}.form-container{margin-top:20px;max-width:380px;width:100%}.input-group{margin-bottom:24px}.input-container{align-items:center;background:#f9f9f9;border-radius:12px;display:flex;height:64px;position:relative;width:100%}.input-icon{color:#9e9e9e;font-size:16px;left:22px;position:absolute;z-index:3}.form-input{background:#0000;border:none;border-radius:12px;color:#212121;height:100%;outline:none;padding:23px 22px 20px 54px}.form-input,.form-input::placeholder{font-family:Lato,sans-serif;font-size:18px;font-weight:500}.form-input::placeholder{color:#9e9e9e}.password-toggle{background:none;border:none;color:#9e9e9e;cursor:pointer;font-size:16px;position:absolute;right:21px;z-index:3}.checkbox-group{margin-bottom:24px}.checkbox-container{align-items:center;cursor:pointer;display:flex;gap:12px}.checkbox-container input[type=checkbox]{accent-color:#2f6fb6;height:20px;width:20px}.checkbox-text{font-size:16px;font-weight:400}.checkbox-text,.submit-button{color:#fff;font-family:Lato,sans-serif}.submit-button{background:#2f6fb6;border:none;border-radius:12px;cursor:pointer;font-size:18px;font-weight:700;height:64px;margin-bottom:24px;transition:all .3s ease;width:100%}.submit-button:hover{background:#1e5a9b;transform:translateY(-1px)}.link-container{align-items:center;display:flex;flex-direction:column;gap:27px}.forgot-password-link,.resend-verification-link{color:#9e9e9e;font-family:Lato,sans-serif;font-size:18px;font-weight:400;letter-spacing:.2px;text-decoration:none}.forgot-password-link:hover,.resend-verification-link:hover{color:#fff;text-decoration:underline}.login-header{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px 20px 20px}.login-logo-container{align-items:center;display:flex;flex-direction:column}.login-logo-icon{align-items:center;background-color:#0719c2;border-radius:40px;box-shadow:0 4px 8px #0003;display:flex;height:80px;justify-content:center;margin-bottom:20px;width:80px}.login-logo-text{color:#fff;font-size:40px}.login-brand-name{color:#1f2937;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.login-welcome-text{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 4px}.login-subtitle{color:#6b7280;font-size:16px;font-weight:400;margin:0}.login-form-container{display:flex;flex:1 1;flex-direction:column;padding:20px 20px 40px}.login-input-container{margin-bottom:20px}.login-input-label{color:#374151;display:block;font-size:16px;font-weight:600;margin-bottom:8px}.login-input{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#1f2937;font-size:16px;height:56px;padding:0 16px;transition:border-color .2s ease,background-color .2s ease;width:100%}.login-input:focus{background-color:#fff;border-color:#0719c2;box-shadow:0 0 0 3px #0719c21a;outline:none}.login-input::placeholder{color:#9ca3af}.login-forgot-password-button{align-self:flex-end;background:none;border:none;color:#0719c2;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:30px;padding:8px 0;transition:opacity .2s ease}.login-forgot-password-button:hover{opacity:.8}.login-button{border:none;border-radius:12px;cursor:pointer;margin-bottom:30px;overflow:hidden;padding:0;transition:transform .2s ease,opacity .2s ease}.login-button:hover{transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.login-button.login-disabled-button{cursor:not-allowed;opacity:.6;transform:none}.login-button-gradient{background:linear-gradient(135deg,#0719c2,#1e40af);color:#fff;font-size:18px;font-weight:600;height:56px;text-align:center}.login-button-gradient,.login-signup-container{align-items:center;display:flex;justify-content:center}.login-signup-container{margin-bottom:16px}.login-signup-text{color:#6b7280;font-size:16px}.login-signup-link{background:none;border:none;color:#0719c2;cursor:pointer;font-size:16px;font-weight:600;transition:opacity .2s ease}.login-signup-link:hover{opacity:.8}.login-resend-email-button{align-self:center;background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;padding:8px 0;transition:color .2s ease}.login-resend-email-button:hover{color:#0719c2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.spinner-border{animation:spin 1s linear infinite}@media (max-width:480px){.login-content{padding:20px 16px}.form-container,.social-signin-btn,.tab-container{max-width:100%}.welcome-text{font-size:32px}.logo-circle{height:70px;width:70px}.logo-text{font-size:30px}.login-header{padding-top:20px}.login-logo-icon{border-radius:30px;height:60px;width:60px}.login-logo-text{font-size:30px}.login-brand-name{font-size:28px}.login-welcome-text{font-size:20px}.login-form-container{padding:20px 16px 40px}}@media (max-width:320px){.welcome-text{font-size:28px}.social-signin-btn{font-size:20px;height:56px}.input-container{height:56px}.form-input{font-size:16px;padding:20px 20px 18px 50px}.submit-button{font-size:16px;height:56px}}.locations-screen{background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.back-arrow-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff80;border-radius:8px;bottom:15px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;left:15px;padding:3px 8px;position:absolute;transition:all .2s ease}.back-arrow-button:hover{background:#ffffff4d;border-color:#fffc;transform:translateX(-2px)}.modern-back-arrow{left:180px}.modern-back-arrow.blue-variant{-webkit-backdrop-filter:none;backdrop-filter:none;border:2px solid #0071bc;box-shadow:none;color:#0071bc}.modern-back-arrow.blue-variant:hover{box-shadow:none;transform:translateX(-2px)}.locations-welcome-text{color:#fff;text-align:center}.locations-welcome-text h2{font-size:28px;font-weight:600;margin:0 0 8px;text-shadow:0 2px 4px #0000004d}.locations-welcome-text p{font-size:20px;font-weight:500;margin:0;text-shadow:0 1px 2px #0000004d}.content-container{box-sizing:border-box;max-width:100%;width:100%}.loading-message,.no-locations-message{color:#6b7280;padding:40px;text-align:center}.location-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:all .2s ease}.location-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.clickable-card{cursor:pointer}.clickable-card:hover{border-color:#0071bc;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.clickable-card:active{box-shadow:0 2px 8px #0000001a;transform:translateY(0)}.locations-screen .location-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:14px 20px 0;transition:all .2s ease}.locations-screen .location-card.clickable-card{cursor:pointer}.locations-screen .location-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.locations-screen .location-content{align-items:center;display:flex;justify-content:space-between}.locations-screen .select-indicator{align-items:center;color:#0071bc;display:flex;flex-direction:column;font-weight:600;gap:4px;min-width:80px}.locations-screen .select-text{font-size:14px}.locations-screen .arrow{font-size:16px;transition:transform .2s ease}.locations-screen .location-card:hover .arrow{transform:translateX(4px)}.brands-list .location-content{background:#fff;max-height:0;overflow:hidden;padding:0;transition:all .3s ease}.location-info{flex:1 1}.location-name{color:#111827;font-size:20px;font-weight:600;margin:0 0 4px}.brand-name{color:#6b7280;font-size:14px;font-weight:500;margin:0 0 8px}.location-spaces{color:#0071bc;font-size:16px;font-weight:500;margin:0 0 6px}.location-pricing{color:#6b7280;font-size:18px;font-weight:400;margin:0 0 4px}.location-pricing:last-of-type{font-weight:500;margin-bottom:0}.select-button{background-color:initial;border:2px solid #0071bc;border-radius:8px;color:#0071bc;cursor:pointer;font-size:16px;font-weight:600;min-width:100px;padding:12px 24px;transition:all .2s ease}.select-button:hover{background-color:#0071bc;color:#fff}.visit-type-content{width:100%}.tab-buttons{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;margin-bottom:24px;padding:4px}.tab-buttons .tab-button{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 16px;transition:all .2s ease}.tab-buttons .tab-button.active{background-color:#0071bc;color:#fff}.tab-content{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.tab-content h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 20px}.duration-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-top:16px}.duration-button{background-color:#f8fafc;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;text-align:center;transition:all .2s ease}.duration-button.selected{background-color:#0071bc;border-color:#0071bc;color:#fff}.duration-button:hover{border-color:#0071bc}.park-now-title{color:#111827;font-size:24px;font-weight:700;margin-bottom:12px;text-align:center}.duration-label{color:#6b7280;font-size:18px;font-weight:500;margin-bottom:16px;text-align:center}.duration-grid{-webkit-overflow-scrolling:touch;display:flex;gap:16px;overflow-x:auto;padding:4px 0 12px;scroll-behavior:smooth;scrollbar-color:#0071bc #0000001a;scrollbar-width:thin}.duration-grid::-webkit-scrollbar{height:6px}.duration-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:3px;margin:0 20px}.duration-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#0071bc,#436bb2);border-radius:3px}.duration-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#005a94,#2f5a9b)}.duration-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000a;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-height:60px;min-width:80px;padding:12px 16px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.duration-card:hover{border-color:#0071bc4d;box-shadow:0 6px 16px #0071bc1f;transform:translateY(-2px)}.duration-card.selected{background:#fff;border:2px solid #0071bc;box-shadow:0 8px 25px #0071bc40,0 0 0 1px #0071bc1a;color:#1f2937;transform:translateY(-2px)}.duration-number{color:#1f2937;font-size:15px;font-weight:600}.duration-text{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:4px;opacity:.7}.duration-price{color:#0071bc;font-size:18px;font-weight:600;margin-top:2px}.duration-single-line{color:#1f2937;font-size:15px;font-weight:600;margin-bottom:4px}.park-later-title{color:#111827;font-size:24px;font-weight:700;margin-bottom:12px;text-align:center}.park-later-subtitle{font-weight:500;margin-bottom:24px}.duration-subtitle,.park-later-subtitle{color:#6b7280;font-size:18px;text-align:center}.duration-subtitle{font-weight:600;margin-bottom:16px}.form-group{margin-bottom:24px}.park-later-section .form-group:last-of-type{margin-bottom:16px}.form-group label{color:#111827;display:block;font-size:18px;font-weight:600;margin-bottom:12px}.form-group .form-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f1f5f9;border:none;border-radius:12px;box-sizing:border-box;color:#111827;font-size:18px;padding:16px 20px;transition:all .2s ease;width:100%}.form-group .form-input:focus{background-color:#fff;box-shadow:0 0 0 3px #2257ae1a;outline:none;transform:translateY(-1px)}.form-group .form-input[type=date],.form-group .form-input[type=time]{cursor:pointer;font-weight:500}.continue-button{background-color:#0071bc;transition:all .2s ease}.continue-button:hover{background-color:#1e4a96;transform:translateY(-1px)}.continue-button.disabled{cursor:not-allowed}.continue-button.disabled,.continue-button.disabled:hover{background-color:#9ca3af;transform:none}.datetime-picker{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:20px;width:100%}.picker-row{align-items:center;display:flex;gap:16px;height:200px;justify-content:center}.wheel-picker{align-items:center}.wheel-container,.wheel-picker{display:flex;flex-direction:column;position:relative}.wheel-container{height:180px;justify-content:center;overflow:hidden}.wheel-selection-indicator{background:#2257ae1a;border:2px solid #0071bc;border-radius:8px;height:40px;left:0;margin-top:-20px;pointer-events:none;position:absolute;right:0;top:50%;z-index:2}.wheel-items{flex-direction:column;position:relative;z-index:1}.wheel-item,.wheel-items{align-items:center;display:flex}.wheel-item{color:#9ca3af;cursor:pointer;font-size:18px;font-weight:500;height:40px;justify-content:center;min-width:60px;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.wheel-item.selected{color:#0071bc;font-size:20px;font-weight:600}.wheel-item:hover{background:#2257ae0d;border-radius:6px;color:#0071bc}.menu-backdrop{background-color:#00000080;right:0;transition:opacity .3s ease;z-index:1000}.menu-backdrop,.menu-drawer{bottom:0;left:0;position:fixed;top:0}.menu-drawer{background-color:#fff;box-shadow:2px 0 20px #00000026;color:#333;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:300px;transition:transform .3s ease;width:100%;z-index:1001}.menu-drawer.open{transform:translateX(0)}.menu-drawer.closed{transform:translateX(-100%)}.menu-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:25px 20px}.menu-header-content{align-items:center;display:flex;gap:12px}.menu-logo{align-items:center;background-color:#3741511a;border-radius:50%;color:#374151;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.menu-user-name{color:#111827;font-size:16px;font-weight:600}.menu-user-email{color:#6b7280;font-size:12px}.menu-close-button{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:5px;width:32px}.menu-items{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:20px 0}.menu-item{align-items:center;background:none;border:none;color:#015f9d;cursor:pointer;display:flex;font-size:18px;font-weight:500;gap:12px;padding:10px 24px;text-align:left;transition:background .2s ease;width:100%}.menu-item:hover{background:#f8fafc}.menu-item-primary{background:linear-gradient(135deg,#0071bc,#005a94);border:none;color:#fff!important;font-weight:600;margin-bottom:10px;padding:20px}.menu-item-primary:hover{background:linear-gradient(135deg,#005a94,#004a7a)!important;box-shadow:0 6px 16px #0071bc66;transform:translateY(-1px)}.menu-item-primary .menu-item-icon{color:#d4def8}.menu-item-icon{font-size:18px;width:20px}.menu-item-premium{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 15px #8b5cf640;color:#fff!important;margin:12px 16px;overflow:hidden;position:relative}.menu-item-premium:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;box-shadow:0 8px 25px #8b5cf666;transform:translateY(-2px)}.menu-item-premium .menu-item-icon{align-items:center;color:#ddd6fe;display:flex;font-size:18px;justify-content:center;width:24px}.menu-item-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:4px}.menu-item-title{font-size:16px;font-weight:600;line-height:1.2}.member-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff40;border:1px solid #ffffff1a;border-radius:8px;color:#f3f0ff;font-size:10px;font-weight:700;letter-spacing:.8px;padding:3px 8px;text-transform:uppercase}.menu-spacer{flex:1 1}.menu-logout{align-items:center;background:none;border:none;color:#ef4444;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;margin-top:20px;padding:16px 24px;text-align:left;transition:background .2s ease;width:100%}.menu-logout:hover{background:#fef2f2}.screen-wrapper{display:flex;flex-direction:column}.menu-screen-wrapper,.screen-wrapper{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.menu-screen-wrapper{padding:20px}.main-screen-wrapper{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;position:relative}.menu-overlay{animation:fadeIn .3s ease-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2000}.menu-sidebar{animation:slideInLeft .3s ease-out;background:#fff;bottom:0;box-shadow:2px 0 10px #0000001a;left:0;position:absolute;top:0;width:280px}.menu-sidebar-header{align-items:center;background:linear-gradient(135deg,#0719c2,#1e40af);color:#fff;display:flex;gap:15px;padding:20px}.menu-user-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:20px;font-weight:600;height:50px;justify-content:center;width:50px}.menu-user-info{flex:1 1}.menu-user-info .name{font-size:16px;font-weight:600}.menu-user-info .email{font-size:14px;opacity:.8}.menu-close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;margin-left:auto;padding:5px}.menu-nav{padding:20px 0}.menu-nav-item{align-items:center;background:none;border:none;color:#4a90e2;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;padding:16px 24px;text-align:left;transition:background-color .2s ease;width:100%}.menu-nav-item:hover{background-color:#f3f4f6}.menu-nav-icon{font-size:20px;width:24px}.menu-divider{border-top:1px solid #e5e7eb;padding:20px}.menu-logout-btn{align-items:center;background:none;border:none;color:#ef4444;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;padding:16px 24px;text-align:left;transition:background-color .2s ease;width:100%}.menu-logout-btn:hover{background-color:#fef2f2}.screen-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.screen-title{color:#1f2937;font-size:20px;font-weight:600;margin:0}.back-button{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.back-button:hover{background:#f3f4f6;color:#374151}.header-spacer{width:40px}.screen-content{flex:1 1;overflow-y:auto;padding:20px}.tab-navigation{background:#fff;border-bottom:1px solid #e5e7eb;margin:0;padding:0;position:relative}.tab-button{align-items:center;background:none;display:flex;font-weight:500;gap:8px;justify-content:center;padding:16px 20px;position:relative;transition:all .2s ease}.tab-button.active{background:#fff;color:#2f6fb6}.tab-button.inactive{background:#f9fafb;color:#6b7280}.tab-button.inactive:hover{background:#f3f4f6;color:#374151}.tab-icon{font-size:14px}.reservations-list{display:flex;flex-direction:column;gap:16px;margin:0;padding:0}.reservation-card{background:#fff;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .2s ease}.reservation-card:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.reservation-card-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;padding:20px 20px 0}.reservation-location{align-items:flex-start;display:flex;flex:1 1;gap:12px}.reservation-location-icon{color:#2f6fb6;flex-shrink:0;font-size:18px;margin-top:2px}.reservation-location-info{flex:1 1;min-width:0}.reservation-location-name{color:#1f2937;font-size:18px;font-weight:600;line-height:1.3;margin:0 0 4px}.reservation-location-address{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.reservation-card-body{padding:0 20px 20px}.reservation-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.reservation-detail{align-items:flex-start;display:flex;gap:10px}.reservation-detail-icon{color:#2f6fb6;flex-shrink:0;font-size:14px;margin-top:2px;text-align:center;width:16px}.reservation-detail-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.reservation-detail-label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.reservation-detail-value{color:#1f2937;font-size:16px;font-weight:600}.status-badge{align-items:center;display:inline-flex;flex-shrink:0;gap:6px}.status-badge-confirmed{background:#dbeafe;color:#1e40af}.status-badge-pending{background:#fef3c7;color:#92400e}.status-badge-active,.status-badge-completed{background:#dcfce7;color:#166533}.status-badge-cancelled{background:#fee2e2;color:#dc2626}.reservation-actions{border-top:1px solid #f3f4f6;margin-top:16px;padding-top:16px}.access-button{align-items:center;background:#2f6fb6;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.access-button:hover{box-shadow:0 4px 12px #7c3aed4d;transform:translateY(-1px)}.loading-spinner{border-top-color:#7c3aed}.loading-text{color:#6b7280;font-size:16px;margin:0}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.error-icon{color:#ef4444;font-size:48px;margin-bottom:16px}.error-title{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 8px}.error-message{color:#6b7280;line-height:1.5;margin:0 0 24px}.retry-button{align-items:center;background:#7c3aed;display:flex;font-size:14px;font-weight:600;gap:8px;transition:all .2s ease}.retry-button:hover{background:#6d28d9;transform:translateY(-1px)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center}.empty-state-icon{color:#d1d5db}.empty-state-title{color:#374151;margin:0 0 12px}.empty-state-message{color:#6b7280;font-size:16px;line-height:1.6;margin:0;max-width:300px}.placeholder-card{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;padding:40px 20px;text-align:center}.placeholder-icon{font-size:64px;margin-bottom:20px}.placeholder-title{color:#374151;font-size:28px;font-weight:600;margin-bottom:15px}.placeholder-description{color:#6b7280;font-size:16px;line-height:1.6;margin:0 auto;max-width:300px}.placeholder-badge{background:#f3f4f6;border-radius:8px;color:#6b7280;font-size:14px;margin-top:30px;padding:15px}.main-content{padding:20px}.content-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:20px;padding:30px}.welcome-section{margin-bottom:40px;text-align:center}.welcome-title{color:#1f2937;font-size:32px;font-weight:700;line-height:1.2;margin:0 0 20px}.welcome-subtitle{color:#6b7280;font-size:18px;font-weight:500;margin:0}.brands-list{display:flex;flex-direction:column;gap:20px}.brand-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .2s ease}.brand-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.brand-header{border-bottom:1px solid #f3f4f6;cursor:pointer;justify-content:space-between;padding:20px}.brand-header,.brand-info{align-items:center;display:flex}.brand-info{gap:15px}.brand-logo{border-radius:8px;height:50px;object-fit:cover;width:50px}.brand-details h3{color:#111827;font-size:20px;font-weight:600;margin:0 0 5px}.brand-details p{color:#6b7280;font-size:14px;margin:0}.brand-toggle{color:#6b7280;font-size:18px;transform:rotate(0deg);transition:transform .3s ease}.brand-toggle.expanded{transform:rotate(180deg)}.brand-content{max-height:0;overflow:hidden;padding:0 20px;transition:all .3s ease}.brand-content.expanded{max-height:2000px;padding:20px}.locations-list{display:flex;flex-direction:column;gap:15px}.location-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:15px}.location-info h4{color:#111827;font-size:18px;font-weight:600;margin:0 0 5px}.location-address{text-align:left}.location-address p{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.location-price{color:#0071bc;font-size:16px;font-weight:600;text-align:right}.location-content{background:#fff;padding:0}.brands-list .location-content.expanded{max-height:2000px;padding:20px}.parking-options-header{margin-bottom:20px;text-align:center}.parking-options-title{color:#495057;font-size:18px;font-weight:600;margin:0 0 8px}.parking-options-subtitle{color:#6c757d;font-size:14px;margin:0}.parking-options-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:20px}.parking-option-btn{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px;text-align:center;transition:all .2s ease}.parking-option-btn:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#0071bc}.parking-option-icon{font-size:24px}.parking-option-text{font-size:12px;opacity:.9}.parking-option-btn.future{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #3b82f6;color:#1e40af}.form-section{margin-bottom:20px}.form-section-header{margin-bottom:20px;text-align:center}.form-section-title{color:#495057;font-size:16px;font-weight:600;margin:0 0 10px}.form-section-subtitle{color:#6c757d;font-size:14px;margin:0}.form-group.half{margin-bottom:15px}.form-label{color:#495057}.form-select{background:#fff;border:1px solid #ced4da;border-radius:8px;font-size:14px;padding:12px;width:100%}.submit-section{margin-top:20px;text-align:center}.submit-btn{background:linear-gradient(135deg,#0071bc,#1e4a96);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .2s ease}.submit-btn:hover{box-shadow:0 4px 12px #2257ae4d;transform:translateY(-1px)}.space-selection{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:20px;padding:30px}.space-selection-title{color:#495057;font-size:18px;font-weight:600;margin:0 0 20px;text-align:center}.space-legend{display:flex;font-size:12px;gap:15px;justify-content:center;margin-bottom:20px}.legend-item{gap:5px}.legend-color{border-radius:2px;height:12px;width:12px}.legend-color.available{background:#3b82f6}.legend-color.occupied{background:#6b7280}.legend-color.overflow{background:#f59e0b}.spaces-grid{grid-template-columns:1fr 1fr;margin-bottom:20px}.space-btn{align-items:center;background:#f8fafc;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:15px;text-align:center;transition:all .2s ease}.space-btn:hover{border-color:#0071bc}.space-btn.selected{background:linear-gradient(135deg,#0071bc,#005a94);border-color:#005a94;color:#fff}.space-btn.occupied{background:#6b7280;color:#fff;cursor:not-allowed;opacity:.6}.space-btn.overflow{background:#f59e0b;color:#fff}.space-icon{font-size:20px}.space-label{font-size:12px;opacity:.8}.continue-section{margin-top:20px;text-align:center}.continue-btn{background:linear-gradient(135deg,#0071bc,#1e4a96);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:200px;padding:16px 32px;transition:all .2s ease}.continue-btn:hover{box-shadow:0 4px 12px #2257ae4d;transform:translateY(-1px)}.continue-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.empty-state,.loading-state{color:#6c757d;padding:20px;text-align:center}.confirmation-card{border-radius:8px;padding:30px}.booking-card,.confirmation-card{background:#fff;color:#6c757d;text-align:center}.booking-card{border-radius:10px;padding:40px}.success-screen{align-items:center;background:linear-gradient(135deg,#d4edda,#c3e6cb);display:flex;justify-content:center;min-height:100vh;padding:20px}.success-card{background:#fff;border:3px solid #28a745;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.success-icon{font-size:64px;margin-bottom:20px}.success-title{color:#28a745;font-size:28px;font-weight:600;margin-bottom:20px}.success-details{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px;text-align:left}.success-detail{color:#495057;font-size:16px;margin:5px 0}.success-message{color:#6c757d;font-size:14px;margin-bottom:30px}.success-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 30px;width:100%}.payment-screen{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:20px}.payment-error{background:#fef2f2;color:#dc2626;font-size:14px;margin:20px auto 0;max-width:500px;text-align:center}.payment-details{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;margin:30px auto 0;max-width:500px;padding:30px}.payment-details-title{color:#1a202c;font-size:20px;font-weight:600;margin-bottom:30px;text-align:center}.payment-summary{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.payment-summary div{margin-bottom:15px}.payment-summary div:last-child{margin-bottom:0}.compilation-status{animation:slideInLeft .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;border-radius:12px;bottom:20px;box-shadow:0 4px 20px #0000004d;color:#fff;font-size:13px;font-weight:500;left:20px;max-width:280px;padding:12px 16px;position:fixed;z-index:9999}.compilation-content{align-items:center;display:flex;gap:8px}.compilation-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.compilation-text{display:flex;flex-direction:column;gap:4px}.compilation-title{font-size:14px;font-weight:600}.compilation-progress-container{display:flex;flex-direction:column;gap:4px}.compilation-progress-bar{background:#fff3;border-radius:2px;height:3px;overflow:hidden;width:180px}.compilation-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:2px;height:100%;transition:width .5s ease}.compilation-time{color:#fffc;font-size:11px;font-weight:400;text-align:center}.compilation-success{align-items:center;background:#10b981;border-radius:50%;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;width:16px}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.payments-screen{background:#f8fafc;display:flex;flex-direction:column;min-height:100vh}.payments-content{flex:1 1;margin:0 auto;max-width:500px;padding:20px;width:100%}.loading-container{padding:60px 20px}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6}.loading-container p{color:#6b7280;font-size:16px;margin:0}.error-message,.success-message{align-items:center;border-radius:12px;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:20px;padding:16px}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.error-message{background:#fef2f2}.error-message i,.success-message i{font-size:16px}.payment-methods-section{margin-bottom:30px}.section-title{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:600;gap:12px;margin-bottom:20px}.section-title i{color:#3b82f6;font-size:18px}.empty-state{box-shadow:0 2px 8px #0000001a;padding:40px 20px}.empty-icon{color:#9ca3af;margin-bottom:16px}.empty-icon,.empty-icon i{font-size:48px}.empty-state h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.payment-methods-list{display:flex;flex-direction:column;gap:12px}.payment-method-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:20px;position:relative;transition:all .2s ease}.payment-method-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.card-info{flex:1 1;gap:16px}.card-icon,.card-info{align-items:center;display:flex}.card-icon{background:#f3f4f6;border-radius:8px;color:#374151;font-size:24px;height:40px;justify-content:center;width:40px}.card-icon i{font-size:20px}.card-details{flex:1 1}.card-brand-number{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:4px}.card-expiry{color:#6b7280;font-size:14px;margin-bottom:4px}.default-badge{align-items:center;background:#fef3c7;border-radius:6px;color:#d97706;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.default-badge i{font-size:10px}.card-actions{align-items:center;display:flex;gap:8px;position:relative}.card-edit-options{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:4px;min-width:120px;padding:8px;position:absolute;right:0;top:100%;z-index:10}.set-default-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;box-shadow:0 2px 4px #f59e0b33;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.set-default-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 8px #f59e0b4d;transform:translateY(-1px)}.set-default-btn i{font-size:12px}.set-default-btn span{font-size:12px;font-weight:500}.set-default-btn-inline{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:6px;box-shadow:0 1px 3px #f59e0b33;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:4px;margin-top:4px;padding:6px 10px;transition:all .2s ease}.set-default-btn-inline:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 2px 6px #f59e0b4d;transform:translateY(-1px)}.set-default-btn-inline i{font-size:10px}.set-default-btn-inline span{font-size:11px;font-weight:500}.delete-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 2px 4px #ef444433;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;min-height:40px;min-width:40px;padding:10px;transition:all .2s ease}.delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.delete-btn i{font-size:14px}.add-card-section{margin-bottom:30px}.add-card-btn{align-items:center;background:linear-gradient(135deg,#0071bc,#005a94);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:20px;transition:all .2s ease;width:100%}.add-card-btn:hover{box-shadow:0 4px 12px #0071bc4d;transform:translateY(-1px)}.add-card-btn i{font-size:18px}.mobile-payment-section{margin-bottom:24px}.mobile-payment-section .section-title{margin-bottom:0}.mobile-payment-buttons{display:flex;flex-direction:column;gap:12px}.apple-pay-btn,.google-pay-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;min-height:56px;padding:16px 24px;transition:all .2s ease;width:100%}.apple-pay-btn{background:linear-gradient(135deg,#000,#1a1a1a);box-shadow:0 2px 8px #00000026;color:#fff}.apple-pay-btn:hover:not(:disabled){background:linear-gradient(135deg,#1a1a1a,#333);box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.google-pay-btn{background:linear-gradient(135deg,#4285f4,#34a853);box-shadow:0 2px 8px #4285f44d;color:#fff}.google-pay-btn:hover:not(:disabled){background:linear-gradient(135deg,#3367d6,#2d8f47);box-shadow:0 4px 12px #4285f466;transform:translateY(-1px)}.apple-pay-btn:disabled,.google-pay-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.payment-btn-content{align-items:center;display:flex;gap:12px}.payment-icon{font-size:20px;line-height:1}.payment-text{font-size:16px;font-weight:600;letter-spacing:.5px}.add-card-form{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;margin-top:16px;padding:24px}.form-title{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:12px;margin-bottom:24px}.form-title i{color:#3b82f6;font-size:16px}.card-element-container{margin-bottom:24px}.card-element-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.card-element-wrapper{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s ease}.card-element-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-actions{display:flex;gap:12px}.cancel-btn{background:#f3f4f6;border:none;border-radius:12px;color:#374151;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:16px;transition:all .2s ease}.cancel-btn:hover{background:#e5e7eb}.cancel-btn:disabled{cursor:not-allowed;opacity:.6}.save-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px;transition:all .2s ease}.save-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.save-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.security-notice{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;padding:20px}.security-icon{align-items:center;background:#f0f9ff;border-radius:8px;color:#0284c7;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.security-icon i{font-size:18px}.security-text{flex:1 1}.security-text h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.security-text p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}@media (max-width:480px){.payment-method-card,.payments-content{padding:16px}.card-info{gap:12px}.card-actions{flex-direction:column;gap:8px}.delete-btn{min-height:36px;min-width:36px;padding:8px}.set-default-btn{justify-content:center;padding:10px 12px;width:100%}.set-default-btn-inline{font-size:10px;padding:4px 8px}.card-edit-options{border:1px solid #e5e7eb;box-shadow:none;margin-top:8px;position:static}.add-card-form{padding:20px}.form-actions{flex-direction:column}.security-notice{gap:12px;padding:16px}.mobile-payment-buttons{gap:10px}.apple-pay-btn,.google-pay-btn{min-height:52px;padding:14px 20px}.payment-icon{font-size:18px}.payment-text{font-size:15px}}.activity-screen,.reservations-screen{background:#f8fafc;min-height:100vh}.tab-navigation{background-color:#0071bc;border-radius:12px;box-shadow:0 4px 12px #4f46e54d;display:flex;padding:4px}.tab-button{border:none;border-radius:9px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.tab-button.active{background-color:#fff;color:#0071bc}.tab-button.inactive{background-color:initial;color:#fff}.reservation-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 16px #00000014;margin-bottom:0}.reservation-card.active{border:2px solid #10b981}.reservation-card-modern{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 8px 32px #0000001f;margin-bottom:16px;overflow:hidden;padding:24px;position:relative}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge.active{background-color:#dcfce7;color:#15803d}.status-badge.completed{background-color:#f8fafc;color:#64748b}.status-badge.scheduled{background-color:#dbeafe;color:#1d4ed8}.status-badge.cancelled{background-color:#fef2f2;color:#dc2626}.status-badge-modern{border-radius:20px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;position:absolute;right:16px;text-transform:uppercase;top:16px}.status-badge-modern.active{background-color:#10b981}.status-badge-modern.scheduled{background-color:#3b82f6}.status-badge-modern.completed{background-color:#6b7280}.status-badge-modern.cancelled{background-color:#ef4444}.card-price{color:#1e293b;font-size:18px;font-weight:700}.card-price-large{color:#1e293b;font-size:24px;font-weight:800}.location-info{margin-bottom:16px}.location-title{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 4px}.location-title-large{color:#1e293b;font-size:20px;font-weight:700;line-height:1.2;margin:0 0 6px}.space-info{font-size:14px;gap:4px;margin:0}.space-info,.space-info-modern{align-items:center;color:#64748b;display:flex}.space-info-modern{font-size:15px;font-weight:500;gap:6px}.space-icon{background-color:#e2e8f0;border-radius:6px;font-size:12px;height:20px;justify-content:center;width:20px}.datetime-info,.space-icon{align-items:center;display:flex}.datetime-info{border-top:1px solid #f1f5f9;justify-content:space-between;padding-top:12px}.datetime-info-modern{align-items:center;color:#475569;display:flex;font-size:14px;gap:8px;margin-bottom:16px}.datetime-label{color:#94a3b8;font-size:12px;font-weight:500;letter-spacing:.5px;margin:0 0 2px;text-transform:uppercase}.datetime-value{color:#475569;font-size:14px;font-weight:500;margin:0}.datetime-icon{align-items:center;background-color:#f1f5f9;border-radius:4px;display:flex;height:18px;justify-content:center;width:18px}.manage-button{border:none;border-radius:8px;gap:4px;padding:8px 16px}.edit-button,.manage-button{align-items:center;background:linear-gradient(135deg,#0071bc,#005a94);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600}.edit-button{border:none;border-radius:12px;gap:6px;padding:10px 16px;transition:all .2s ease}.loading-container{color:#6b7280;padding:40px;text-align:center}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#4f46e5;height:40px;margin:0 auto 16px;width:40px}.error-container{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;padding:16px}.empty-state{border-radius:16px;box-shadow:0 4px 20px #00000014}.empty-state,.empty-state-modern{background:#fff;text-align:center}.empty-state-modern{border-radius:20px;box-shadow:0 8px 32px #0000001f;padding:60px 20px}.empty-state-icon{filter:grayscale(1);font-size:64px;margin-bottom:20px;opacity:.5}.empty-state-title{color:#1f2937;font-size:20px;font-weight:600;margin-bottom:12px}.empty-state-description{color:#6b7280;font-size:16px;line-height:1.5;margin-bottom:0}.card-content-with-margin{margin-right:80px}.card-footer{border-top:1px solid #f1f5f9;padding-top:16px}.card-footer,.reservation-header{align-items:center;display:flex;justify-content:space-between}.reservation-header{margin-bottom:16px}.reservation-amount{color:#1e293b;font-size:18px;font-weight:700}.reservation-location{margin-bottom:16px}.reservation-location h4{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 4px}.reservation-location p{align-items:center;color:#64748b;display:flex;font-size:14px;gap:4px;margin:0}.reservation-date-time{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-top:12px}.reservation-date-time p:first-child{color:#94a3b8;font-size:12px;font-weight:500;letter-spacing:.5px;margin:0 0 2px;text-transform:uppercase}.reservation-date-time p:last-child{color:#666;font-size:14px;margin:0}.pagination-container{align-items:center;display:flex;flex-direction:column;gap:15px;margin-top:30px;padding:20px 0}.pagination{flex-wrap:wrap;gap:8px}.pagination,.pagination-btn{align-items:center;display:flex;justify-content:center}.pagination-btn{background:#fff;border:2px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#495057;cursor:pointer;font-size:16px;font-weight:600;height:44px;min-width:44px;text-decoration:none;transition:all .3s ease}.pagination-btn:hover:not(.disabled){border-color:#0719c2;box-shadow:0 4px 8px #0719c233;color:#0719c2;transform:translateY(-1px)}.pagination-btn.active{background:linear-gradient(135deg,#0719c2,#0056b3);border-color:#0719c2;box-shadow:0 4px 12px #0719c24d;color:#fff!important}.pagination-btn.disabled{background:#f8f9fa;border-color:#e9ecef;color:#6c757d;cursor:not-allowed;opacity:.4}.pagination-next,.pagination-prev{font-size:14px;padding:0 12px}.pagination-number{font-weight:700;padding:0}.pagination-number.active{color:#fff!important}.pagination-ellipsis{align-items:center;color:#6c757d;display:flex;font-size:16px;font-weight:600;height:44px;justify-content:center;min-width:44px}.pagination-info{color:#6c757d;font-size:14px;font-weight:500;padding:0 20px;text-align:center}@media (max-width:480px){.pagination-container{gap:12px;margin-top:20px;padding:15px 0}.pagination{gap:6px}.pagination-btn{border-radius:10px;font-size:14px;height:40px;min-width:40px}.pagination-next,.pagination-prev{font-size:12px;padding:0 10px}.pagination-ellipsis{font-size:14px;height:40px;min-width:40px}.pagination-info{font-size:12px;padding:0 10px}}@media (max-width:320px){.pagination{gap:4px}.pagination-btn{font-size:13px;height:36px;min-width:36px}.pagination-next,.pagination-prev{font-size:11px;padding:0 8px}.pagination-ellipsis{font-size:13px;height:36px;min-width:36px}}@keyframes paginationBounce{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}.pagination-btn:active:not(.disabled){animation:paginationBounce .2s ease}.pagination.loading{opacity:.6;pointer-events:none}.pagination.loading .pagination-btn{cursor:wait}.modern-login-container{align-items:center;background-color:#f8f9fa;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;justify-content:center;min-height:100vh;position:relative}.modern-login-overlay{background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.modern-login-wrapper{max-width:428px;padding:0 20px;position:relative;width:100%;z-index:2}.modern-login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modern-login-card-body{padding:40px}.modern-login-logo-section{margin-bottom:32px;text-align:center}.modern-login-logo{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:auto;margin:0 auto;width:180px}.modern-login-welcome-section{margin-bottom:32px;text-align:center}.modern-login-welcome-title{color:#095f99;font-size:24px;font-weight:600;margin-bottom:8px}.modern-login-welcome-subtitle{color:#6c757d;font-size:16px;margin-bottom:0}.modern-login-tab-section{margin-bottom:10px}.modern-login-tab-container{background:linear-gradient(135deg,#4769fe,#0e61ba);border-radius:15px;display:flex;padding:5px;position:relative}.modern-login-tab-button{background:#0000;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:18px;font-weight:600;padding:5px 20px;transition:all .3s ease}.modern-login-tab-button.active{background:#fff;color:#0719c2}.modern-login-error-alert{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;border-radius:10px;color:#fff;display:flex;gap:8px;margin-bottom:24px;padding:12px 16px}.modern-login-form-group{margin-bottom:10px}.modern-login-input-container{position:relative}.modern-login-input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;font-size:16px;height:50px;padding-left:45px;transition:all .3s ease;width:100%}.modern-login-input:focus{border-color:#0719c2;box-shadow:0 0 0 3px #0719c21a;outline:none}.modern-login-input-icon{color:#6c757d;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.modern-login-submit-button{align-items:center;border:none;border-radius:10px;box-shadow:0 4px 15px #0719c24d;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:8px;height:50px;justify-content:center;margin-bottom:32px;transition:all .3s ease;width:100%}.modern-login-submit-button:not(.loading){background:linear-gradient(135deg,#5e7af5,#0c5fb9);color:#fff}.modern-login-submit-button.loading{background:#6c757d;color:#fff;cursor:not-allowed}.modern-login-submit-button:hover:not(.loading){box-shadow:0 6px 20px #0719c266;transform:translateY(-1px)}.modern-login-footer{text-align:center}.modern-login-footer-text{color:#6c757d;font-size:16px}.modern-login-footer-link{background:none;border:none;color:#0719c2;cursor:pointer;font-size:16px;text-decoration:underline}.modern-login-footer-link:hover{color:#0056b3}.modern-login-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@media (max-width:480px){.modern-login-card-body{padding:30px 24px}.modern-login-logo{width:150px}.modern-login-welcome-title{font-size:24px}.modern-login-welcome-subtitle{font-size:18px}}@media (max-width:320px){.modern-login-card-body{padding:24px 20px}.modern-login-logo{width:120px}.modern-login-welcome-title{font-size:22px}}.modern-login-password-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;height:30px;justify-content:center;padding:5px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:30px}.modern-login-password-toggle:hover{background-color:#0719c21a;color:#0719c2}.modern-login-password-toggle:disabled{cursor:not-allowed;opacity:.5}.modern-login-password-toggle:disabled:hover{background-color:initial;color:#6c757d}.modern-login-password-toggle i{font-size:14px}.modern-login-success-alert{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:10px;color:#fff;display:flex;gap:8px;margin-bottom:24px;padding:12px 16px}.modern-login-cancel-button{align-items:center;background:#0000;border:2px solid #6c757d;border-radius:10px;color:#6c757d;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:50px;justify-content:center;min-width:100px;padding:0 20px;transition:all .3s ease}.modern-login-cancel-button:hover:not(:disabled){background:#6c757d1a;border-color:#495057;color:#495057}.modern-login-cancel-button:disabled{cursor:not-allowed;opacity:.5}.menu-item-disabled{background:none!important;color:#94a3b8!important;cursor:not-allowed!important;opacity:.5}.menu-item-disabled:hover{background:none!important;box-shadow:none!important;transform:none!important}.menu-item-disabled .menu-item-icon{color:#94a3b8!important}.guest-badge{background:#ffa50033;border:1px solid #ffa5004d;border-radius:6px;color:#ff8c00;font-size:10px;font-weight:700;letter-spacing:.5px;margin-left:8px}.disabled-badge,.guest-badge{padding:2px 6px;text-transform:uppercase}.disabled-badge{background:#94a3b833;border:1px solid #94a3b84d;border-radius:6px;color:#64748b;font-size:8px;font-weight:600;letter-spacing:.4px;margin-left:auto;white-space:nowrap}.profile-title-header{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.profile-refresh-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;margin:0;padding:0;transition:all .2s ease;width:40px}.profile-refresh-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569;transform:translateY(-1px)}.profile-refresh-btn:active{background:#e2e8f0;transform:translateY(0)}.profile-refresh-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.profile-refresh-btn:disabled:hover{background:#f8fafc;border-color:#e2e8f0;color:#64748b;transform:none}.profile-refresh-btn i{font-size:16px}.profile-refresh-btn .fa-spin{animation:spin 1s linear infinite}.skeleton-card{background-color:#f8f9fa!important;pointer-events:none}.skeleton-line{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;margin-bottom:8px}.skeleton-title{height:20px;width:70%}.skeleton-subtitle{height:16px;width:50%}.skeleton-text{height:14px;width:60%}.skeleton-button{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;height:36px;width:80px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.modern-datetime-picker{margin:20px 0}.date-section{margin-bottom:24px}.date-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));margin-bottom:16px}.date-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000a;cursor:pointer;padding:12px 16px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.date-card:hover{border-color:#0071bc4d;box-shadow:0 6px 16px #0071bc1f;transform:translateY(-2px)}.date-card.selected{background:#fff;border:2px solid #0071bc;box-shadow:0 8px 25px #0071bc40,0 0 0 1px #0071bc1a;color:#1f2937;transform:translateY(-2px)}.date-day{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:4px;opacity:.7}.date-number{color:#1f2937;font-size:15px;font-weight:600}.time-section{margin-top:20px}.time-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));max-height:200px;overflow-y:auto;padding:4px}.time-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000a;cursor:pointer;font-size:14px;font-weight:500;padding:10px 12px;text-align:center;transition:all .3s ease}.time-card:hover{box-shadow:0 3px 8px #2257ae26}.time-card.selected,.time-card:hover{border-color:#0071bc;transform:translateY(-1px)}.time-card.selected{background:linear-gradient(135deg,#0071bc,#1e4a96);box-shadow:0 3px 8px #2257ae40;color:#fff}.time-grid::-webkit-scrollbar{width:6px}.time-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.time-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.time-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.compact-datetime-picker{margin:16px 0}.compact-date-section{margin-bottom:16px}.compact-date-grid{-webkit-overflow-scrolling:touch;display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;padding:4px 0 8px;scroll-behavior:smooth}.compact-date-grid::-webkit-scrollbar{height:4px}.compact-date-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.compact-date-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.compact-date-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.compact-date-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000a;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-height:60px;min-width:80px;padding:12px 16px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.compact-date-card:hover{border-color:#0071bc4d;box-shadow:0 6px 16px #0071bc1f;transform:translateY(-2px)}.compact-date-card.selected{background:#fff;border:2px solid #0071bc;box-shadow:0 8px 25px #0071bc40,0 0 0 1px #0071bc1a;color:#1f2937;transform:translateY(-2px)}.compact-date-day{margin-bottom:4px}.compact-date-day,.compact-date-number{color:#1f2937;font-size:15px;font-weight:600}.compact-time-section{margin-top:8px;position:relative}.custom-time-button,.custom-time-dropdown{position:relative;width:100%}.custom-time-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;color:#1f2937;cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:center;min-height:70px;padding:20px 24px;transition:all .3s ease}.custom-time-button span{flex:1 1;text-align:center}.custom-time-button .dropdown-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.custom-time-button:hover{border-color:#0071bc;box-shadow:0 4px 16px #0071bc26;transform:translateY(-2px)}.custom-time-button:focus{border-color:#0071bc;box-shadow:0 0 0 3px #0071bc1a;outline:none}.dropdown-arrow{transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.custom-time-options{background:#fff;border:2px solid #0071bc;border-radius:12px;box-shadow:0 8px 32px #00000026;left:0;margin-top:4px;max-height:240px;overflow-x:hidden;overflow-y:auto;position:absolute;right:0;scroll-behavior:auto;top:100%;z-index:1000}.custom-time-option{align-items:center;background:#fff;border:none;border-bottom:1px solid #f3f4f6;box-sizing:border-box;color:#1f2937;cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:center;min-height:60px;padding:18px 20px;position:relative;text-align:center;transition:all .2s ease;width:100%}.custom-time-option:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.custom-time-option:last-child{border-bottom:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.custom-time-option:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#0071bc}.custom-time-option.selected{background:linear-gradient(135deg,#0071bc,#005a94);box-shadow:0 4px 12px #0071bc4d;color:#fff;font-weight:700}.custom-time-options::-webkit-scrollbar{width:8px}.custom-time-options::-webkit-scrollbar-track{background:linear-gradient(180deg,#f1f5f9,#e2e8f0);border-radius:4px;margin:8px 0}.custom-time-options::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0071bc,#005a94);border:1px solid #fff3;border-radius:4px}.custom-time-options::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#005a94,#004a7a);box-shadow:0 2px 8px #0071bc4d}.parking-space-screen{background-color:#f8fafc;min-height:100vh}.brand-image-section{align-items:center;background-color:initial;display:flex;height:150px;justify-content:center;max-height:150px;overflow:hidden;position:relative;width:100%}.brand-image{height:100%;max-height:180px;object-fit:cover;object-position:center;width:100%}.brand-image-overlay{background-color:#0071bcd6;height:100%;left:0;top:0;width:100%}.brand-image-overlay,.modern-back-arrow{align-items:center;display:flex;justify-content:center;position:absolute}.modern-back-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid #ffffffe6;border-radius:12px;bottom:20px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;height:30px;left:170px;transition:all .2s ease;width:50px}.modern-back-arrow:hover{box-shadow:0 4px 12px #0003;transform:translateX(-2px)}.welcome-text{color:#fff;margin-top:-15px;text-align:center}.welcome-text h2{font-size:28px;font-weight:600;margin:0 0 8px;text-shadow:0 2px 4px #0000004d}.welcome-text p{font-size:20px;font-weight:500;margin:0;text-shadow:0 1px 2px #0000004d}.content-container{margin:0 auto;max-width:600px}.loading-message{color:#6b7280;font-size:16px;padding:40px 20px;text-align:center}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;padding:16px;text-align:center}.parking-grid-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:24px;position:relative}.parking-back-button{align-items:center;align-self:flex-start;background:#fff;border:2px solid #0071bc;border-radius:8px;color:#0071bc;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:3px 8px;transition:all .2s ease}.parking-back-button:hover{background:#0071bc;color:#fff}.parking-title{text-align:center}.parking-title h2{color:#1f2937;font-size:24px;font-weight:700;margin:0;padding-bottom:10px}.parking-legend{background:#0000;border-radius:0;display:flex;gap:32px;justify-content:center;padding:0 16px 16px}.legend-item{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:500;gap:8px}.legend-space{border:2px solid;border-radius:6px;height:30px;width:60px}.legend-space.available{background:#dbeafe;border-color:#0071bc}.legend-space.occupied{background:#fafafa;border-color:#9ca3af}.legend-space.reserved{background:#e5e7eb;border-color:#9ca3af}.parking-grid{grid-gap:12px 20px;background:#fff;display:grid;gap:12px 20px;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);margin:0 auto;max-width:400px;min-height:320px;overflow:hidden;padding:10px 0 0}.parking-space-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:60px;justify-content:center;margin:0;position:relative;transition:all .3s ease;width:100%}.parking-space-card:hover:not(:disabled){box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.parking-space-card.available{background:#dbeafe;border-color:#0071bc}.parking-space-card.selected{background:linear-gradient(135deg,#0071bc,#005a94);border-color:#0071bc;box-shadow:0 4px 16px #0071bc4d;color:#fff;transform:translateY(-2px)}.parking-space-card.occupied{background:#fafafa;border-color:#9ca3af;cursor:not-allowed}.parking-space-card.reserved{background:#f3f4f6;border-color:#d1d5db;cursor:not-allowed;opacity:.8}.space-content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.space-number{color:#374151;font-size:24px;font-weight:600}.car-icon{align-items:center;background-color:#fafafa;border-radius:12px;display:flex;height:100%;justify-content:center;width:100%}.car-icon img{height:48px;object-fit:contain;width:75px}.selection-summary{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-top:20px;padding:24px}.selected-space-info{margin-bottom:20px;text-align:center}.selected-space-info h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.selected-space-info p{color:#6b7280;font-size:16px;margin:4px 0}.space-rate{color:#059669!important;font-weight:600}.continue-button{background:linear-gradient(135deg,#0071bc,#005a94);border:none;border-radius:12px;box-shadow:0 4px 16px #0071bc4d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:20px;padding:16px;transition:all .3s ease;width:100%}.continue-button:hover{background:linear-gradient(135deg,#005a94,#004a7a);box-shadow:0 6px 20px #0071bc66;transform:translateY(-2px)}@media (max-width:768px){.parking-space-card.available .space-content,.parking-space-card.occupied .space-content,.parking-space-card.reserved .space-content,.parking-space-card.selected .space-content{min-height:50px;padding:18px 16px}.space-number{font-size:20px}.car-icon{font-size:16px}.parking-legend{font-size:13px;gap:16px}.content-container{padding:16px}}.confirmation-screen{overflow-y:auto;padding-bottom:100px}.reservation-details-section{padding:0 15px 15px;text-align:center}.reservation-details-text{color:#111827;font-size:16px;font-weight:500}.confirmation-content{padding:20px}.session-active-banner{background-color:#10b981;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;margin-bottom:20px;padding:20px;text-align:center}.session-active-header{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:8px}.session-pulse-dot{animation:pulse 2s infinite;background-color:#fff;border-radius:50%;height:12px;width:12px}.session-active-title{font-size:24px;font-weight:600;margin:0}.session-active-subtitle{font-size:18px;margin:0 0 8px;opacity:.9}.session-time-remaining{color:#fff;font-size:28px;font-weight:700;letter-spacing:1px;text-align:center}.session-billing-info{border-top:1px solid #ffffff4d;font-weight:600;margin-top:15px;padding-top:15px;text-align:center}.session-billing-info p{color:#ffffffe6;font-size:18px;margin:5px 0}.terms-checkbox-container{align-items:flex-start;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:12px;margin-bottom:30px;padding:15px;transition:box-shadow .2s ease}.terms-checkbox-container.error{box-shadow:0 0 0 2px #ef4444;margin-bottom:10px}.terms-checkbox{align-items:center;background-color:#fff;border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;transition:all .2s ease;width:20px}.terms-checkbox.checked{background-color:#0071bc;border-color:#0071bc}.terms-checkbox.error{border-color:#ef4444}.terms-text{line-height:1.4;margin:0}.terms-link{font-size:14px;line-height:inherit}.checkbox-error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.action-button-container{margin-bottom:30px}.main-action-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:15px 20px;transition:all .2s ease;width:100%}.main-action-button.enabled{background:linear-gradient(135deg,#0071bc,#005a94);color:#fff;opacity:1}.main-action-button.disabled{background-color:#9ca3af;color:#fff;cursor:not-allowed;opacity:.6}.space-details-card{background-color:#fff;border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.space-details-card.active{border:2px solid #10b981;box-shadow:0 4px 20px #10b98133}.space-details-header{align-items:center;display:flex;gap:12px;justify-content:center}.space-details-title.normal{color:#0071bc;font-size:24px;font-weight:600;margin:0}.space-details-title.active{color:#10b981;font-size:24px;font-weight:600;margin:0}.space-active-badge{background-color:#10b981;border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-align:center;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.space-details-card.hidden-for-park-now{display:none}.space-details-content{gap:15px}.space-details-row{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:15px 0}.space-details-row.last{border-bottom:none}.space-details-label{align-items:center;color:#6b7280;display:flex;font-size:16px;gap:8px}.space-details-value{color:#111827;font-size:16px;font-weight:500}.space-details-value.large{color:#111827;font-size:20px;font-weight:600}.payment-info-section{margin-bottom:20px;text-align:center}.payment-warning{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;font-size:14px;margin-bottom:16px;padding:12px}.payment-methods-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;margin-top:4px;text-decoration:underline}.help-button-section{margin-top:20px;text-align:center}.help-button{background-color:#fff;border:2px solid #0071bc;border-radius:12px;color:#0071bc;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .2s ease}.help-button:hover{background-color:#3b82f6;color:#fff}.modal-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;overflow-y:auto}.modal-icon{background-color:#fef3c7}.modal-info-card{background-color:#f3f4f6;border-radius:12px;margin-bottom:25px;padding:20px}.modal-info-title{color:#111827;font-size:18px;font-weight:600;margin:0 0 12px}.modal-info-location{color:#6b7280;font-size:14px;margin:0 0 8px}.modal-info-cost{color:#3b82f6;font-size:16px;font-weight:600;margin:0}.modal-warning{background-color:#fef3c7;border-radius:8px;margin-bottom:25px;padding:15px}.modal-warning-text{color:#92400e;font-size:14px;font-weight:500;margin:0}.modal-buttons{display:flex;gap:12px}.modal-button.cancel{background-color:#f3f4f6;color:#374151}.modal-button.confirm{background:linear-gradient(135deg,#0071bc,#005a94);color:#fff}.modal-button.disabled{background-color:#9ca3af;color:#fff;cursor:not-allowed;opacity:.6}.terms-modal-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.terms-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:500px;overflow:hidden;width:100%}.terms-modal-header{border-bottom:1px solid #e5e7eb;padding:20px 20px 0}.terms-modal-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.terms-modal-title{color:#111827;font-size:18px;font-weight:600;margin:0;text-align:left}.terms-modal-close{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;width:24px}.terms-modal-tabs{display:flex;gap:1px;margin-bottom:15px}.terms-modal-tab{border:none;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.terms-modal-tab.active{background:linear-gradient(135deg,#0071bc,#005a94);border-radius:6px 0 0 6px;color:#fff}.terms-modal-tab.inactive{background-color:#f3f4f6;border-radius:0 6px 6px 0;color:#6b7280}.terms-modal-body{color:#374151;font-size:14px;line-height:1.6;max-height:calc(80vh - 180px);overflow-y:auto;padding:20px 20px 30px}.terms-content-header{margin-bottom:20px;text-align:center}.terms-content-title{color:#111827;font-size:18px;font-weight:600;margin:0 0 8px}.terms-content-date{color:#6b7280;font-size:12px;margin:0}.terms-section-title{font-size:16px;font-weight:600;margin-bottom:10px;margin-top:20px}.terms-subsection-title{font-size:14px;font-weight:600;margin-bottom:8px;margin-top:15px}.terms-content-link{color:#0071bc}.terms-contact-email{color:#0071bc;font-weight:500}.payment-modal-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.payment-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-height:90vh;max-width:400px;overflow:hidden;width:100%}.payment-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.payment-modal-title{color:#111827;font-size:18px;font-weight:600;margin:0;text-align:left}.payment-modal-close{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.payment-modal-body{padding:20px}.payment-summary-title{font-size:16px;font-weight:600;margin:0 0 8px}.payment-summary-card{background-color:#f9fafb;border-radius:8px;font-size:14px;margin-bottom:20px;padding:15px}.payment-summary-row{display:flex;justify-content:space-between;margin-bottom:8px}.payment-summary-row.total{border-top:1px solid #e5e7eb;font-weight:600;padding-top:8px}.payment-summary-value{font-weight:500}.payment-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:12px}.payment-error-text{color:#dc2626;font-size:14px;margin:0}.payment-form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.payment-form-container{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;margin-bottom:20px;padding:12px}.payment-security-note{background-color:#f9fafb;border-radius:6px;color:#6b7280;font-size:12px;margin-top:15px;padding:12px;text-align:center}.location-confirm-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.location-confirm-modal{background-color:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:400px;overflow-y:auto;width:100%}.location-confirm-header{border-bottom:1px solid #e5e7eb;padding:15px 25px 5px;text-align:center}.location-confirm-icon{align-items:center;background-color:#fef3c7;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 15px;width:60px}.location-confirm-title{color:#111827;font-size:20px;font-weight:600;margin:0 0 8px}.location-confirm-subtitle{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.location-confirm-body{padding:25px;text-align:center}.location-confirm-info-card{background-color:#f3f4f6;border-radius:12px;margin-bottom:25px;padding:20px}.location-confirm-space-title{color:#111827;font-size:30px;font-weight:600;margin:0 0 12px}.location-confirm-location{color:#6b7280;font-size:14px;margin:0 0 8px}.location-confirm-cost{color:#0071bc;font-size:18px;font-weight:600;margin:0}.location-confirm-additional-cost{color:#6b7280;font-size:14px;font-weight:400;margin:8px 0 0}.location-confirm-warning{background-color:#fef3c7;border-radius:8px;margin-bottom:25px;padding:15px}.location-confirm-warning-text{color:#92400e;font-size:15px;font-weight:500;margin:0}.location-confirm-buttons{display:flex;gap:12px}.location-confirm-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 20px;transition:all .2s ease}.location-confirm-button.cancel{background-color:#f3f4f6;color:#374151}.location-confirm-button.confirm{background:linear-gradient(135deg,#0071bc,#005a94);color:#fff}.location-confirm-button.confirm.loading{background-color:#9ca3af;cursor:not-allowed;opacity:.6}.confirmation-screen{background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.content-container{padding:20px}.confirmation-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:20px;text-align:center}.confirmation-header h1{color:#111827;font-size:24px;font-weight:600;margin:0 0 8px}.confirmation-header p{color:#6b7280;font-size:16px;margin:0}.booking-details-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:24px}.booking-details-card h3{border-bottom:1px solid #f3f4f6;color:#111827;font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.detail-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-row.total-row{border-bottom:none;border-top:2px solid #e5e7eb;margin-top:12px;padding-top:16px}.detail-label{color:#374151;font-size:16px;font-weight:500}.detail-value{color:#111827;font-size:16px;font-weight:600}.total-cost{color:#0071bc;font-size:20px;font-weight:700}.action-message{background:#e0f2fe;border:1px solid #b3e5fc;border-radius:8px;margin-bottom:20px;padding:16px;text-align:center}.action-message p{color:#0277bd;font-size:14px;font-weight:500;margin:0}.terms-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.terms-checkbox{align-items:flex-start;cursor:pointer;display:flex;gap:12px}.terms-checkbox input[type=checkbox]{accent-color:#0071bc;cursor:pointer;height:18px;margin:0;width:18px}.checkmark{display:none}.terms-text{color:#374151;flex:1 1;font-size:14px;line-height:1.5}.terms-link{background:none;border:none;color:#0071bc;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline}.terms-link:hover{color:#1e4a96}.action-buttons{display:flex;flex-direction:column;gap:12px}.primary-button{background:linear-gradient(135deg,#0071bc,#1e4a96);border:none;border-radius:12px;box-shadow:0 2px 8px #0071bc4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .2s ease}.primary-button:hover:not(:disabled){box-shadow:0 4px 12px #0071bc66;transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.secondary-button{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;font-size:16px;font-weight:500;padding:14px 24px;transition:all .2s ease}.secondary-button:hover:not(:disabled){border-color:#0071bc;color:#0071bc}.secondary-button:disabled{cursor:not-allowed;opacity:.6}.modal-overlay{background:#00000080}.modal-content{box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:500px;overflow:hidden}.modal-header{align-items:center;background:#f8fafc;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#111827}.modal-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.modal-close:hover{background:#e5e7eb;color:#111827}.modal-body{max-height:60vh;padding:24px}.terms-content h4{color:#111827;font-size:18px;font-weight:600;margin:0 0 16px}.terms-content h5{color:#374151;font-size:16px;font-weight:600;margin:20px 0 8px}.terms-content p{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 8px}.modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;padding:16px 24px;text-align:right}.modal-button{background:#0071bc;color:#fff;font-size:14px;padding:10px 20px}.modal-button:hover{background:#1e4a96}@media (max-width:480px){.confirmation-header,.content-container{padding:16px}.confirmation-header h1{font-size:20px}.booking-details-card{padding:20px}.modal-content{margin:10px}}.membership-promo-card{background:linear-gradient(135deg,#3b82f6,#1e40af);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 12px 32px #3b82f666;color:#fff;margin:24px 0;padding:14px}.membership-promo-content{align-items:flex-start;display:flex;gap:20px}.membership-promo-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;font-size:40px;margin-top:4px}.membership-promo-text{flex:1 1}.membership-promo-text h4{color:#fff;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0 0 12px}.membership-promo-text p{color:#fff;font-size:16px;line-height:1.5;margin:0 0 8px;opacity:.95}.membership-promo-savings{font-size:14px!important;font-style:italic;font-weight:400;opacity:.85}.membership-promo-button{background:#fff;border:none;border-radius:16px;box-shadow:0 4px 16px #00000026;color:#3b82f6;cursor:pointer;font-size:17px;font-weight:700;letter-spacing:-.2px;padding:18px 24px;transition:all .3s ease;width:100%}.membership-promo-button:hover{background:#f8faff;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.active-member-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 24px #10b9814d;color:#fff;display:flex;gap:16px;margin:24px 0;padding:20px 24px}.member-badge-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;font-size:28px}.member-badge-text{flex:1 1}.member-badge-text p{font-size:15px;line-height:1.5;margin:0;opacity:.95}.member-badge-text p:first-child{font-size:17px;font-weight:700;margin-bottom:6px;opacity:1}.voice-interface{flex-direction:column;gap:8px}.voice-button,.voice-interface{align-items:center;display:flex;position:relative}.voice-button{background:#fff;border:2px solid #e5e7eb;border-radius:50%;cursor:pointer;height:48px;justify-content:center;overflow:hidden;transition:all .3s ease;width:48px;z-index:1}.voice-button:hover{border-color:#3b82f6;transform:scale(1.05)}.voice-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.voice-button.conversation-mode{background:#3b82f6;border-color:#2563eb;color:#fff}.voice-button.listening{border-color:#10b981;color:#10b981}.voice-button.conversation-mode.listening{background:#10b981;border-color:#059669;color:#fff}.voice-button.speaking{background:#f59e0b;border-color:#d97706;color:#fff}.mic-icon{align-items:center;display:flex;justify-content:center;z-index:2}.audio-visualizer{background:#ffffff4d;border-radius:4px;bottom:4px;height:8px;left:50%;overflow:hidden;position:absolute;transform:translateX(-50%);width:20px;z-index:1}.audio-level{background:linear-gradient(0deg,#10b981,#34d399);border-radius:4px;min-height:2px;transition:height .1s ease;width:100%}.listening-indicator{pointer-events:none}.listening-indicator,.pulse-ring{height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.pulse-ring{animation:pulse 2s infinite;border:2px solid #10b981;border-radius:50%;opacity:0}.pulse-ring.delay-1{animation-delay:.5s}.pulse-ring.delay-2{animation-delay:1s}.speaking-indicator{pointer-events:none}.speaking-indicator,.wave-ring{height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.wave-ring{animation:wave 1.5s infinite;border:2px solid #f59e0b;border-radius:50%;opacity:0}.wave-ring.delay-1{animation-delay:.3s}.wave-ring.delay-2{animation-delay:.6s}.interim-transcript{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;color:#1f2937;display:none;font-size:14px;font-style:italic;max-width:200px;opacity:.8;padding:8px 12px;text-align:center}.conversation-status{background:#f3f4f6cc;border-radius:12px;color:#6b7280;display:none;font-size:12px;font-weight:500;min-width:120px;padding:4px 8px;text-align:center}.voice-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:12px;max-width:200px;padding:8px 12px;text-align:center}@media (max-width:768px){.voice-button{height:44px;width:44px}.interim-transcript{font-size:13px;max-width:180px}.conversation-status{font-size:11px;min-width:100px}}@media (prefers-color-scheme:dark){.voice-button{background:#1f2937;border-color:#374151;color:#e5e7eb}.voice-button:hover{border-color:#60a5fa}.interim-transcript{background:#3b82f633;border-color:#3b82f666;color:#e5e7eb}.conversation-status{background:#1f2937cc;color:#9ca3af}.voice-error{background:#1f1f1f;border-color:#ef4444;color:#fca5a5}}.ai-assistant-container{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden}.ai-assistant-title-section{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 20px}.ai-assistant-title{color:#fff;font-size:28px;font-weight:700;margin:0;text-align:center;text-shadow:0 2px 4px #0000004d}.ai-assistant-fresh-chat-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;transition:all .2s ease}.ai-assistant-fresh-chat-btn:hover{background:#fff3}.ai-assistant-chat-area{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding:20px;scroll-behavior:smooth}.ai-message-bubble{word-wrap:break-word;border-radius:16px;color:#fff;font-size:14px;max-width:90%;padding:12px 16px;white-space:pre-wrap}.ai-message-bubble.user{align-self:flex-end;background:#fff3}.ai-message-bubble.ai{align-self:flex-start;background:#ffffff1a}.ai-message-bubble.error{align-self:flex-start;background:#ef444433}.ai-message-bubble.debug{align-self:flex-start;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;display:none;font-family:monospace;font-size:11px;max-width:95%;opacity:.8;padding:8px 12px}.ai-message-timestamp{font-size:12px;margin-top:4px;opacity:.6}.ai-processing-indicator{align-self:flex-start;background:#ffffff1a;border-radius:16px;padding:12px 16px}.ai-processing-dots{align-items:center;display:flex;gap:4px}.ai-processing-dot{animation:pulse 1.4s ease-in-out infinite}.ai-processing-dot:nth-child(2){animation-delay:.2s}.ai-processing-dot:nth-child(3){animation-delay:.4s}.ai-processing-text{margin-left:8px}.ai-assistant-input-area{align-items:center;background:#ffffff1a;border-top:1px solid #ffffff1a;box-sizing:border-box;display:flex;flex-shrink:0;gap:12px;padding:15px 20px max(20px,env(safe-area-inset-bottom) + 5px);position:relative;width:100%;z-index:10}.voice-interface-input{flex-shrink:0}.ai-assistant-input{background:#fff;border:none;border-radius:12px;box-sizing:border-box;color:#333;flex:1 1;font-size:16px;min-width:0;outline:none;padding:12px 16px}.ai-assistant-input::placeholder{color:#666}.ai-assistant-send-btn{border:none;border-radius:12px;box-sizing:border-box;color:#fff;cursor:pointer;flex-shrink:0;font-weight:500;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.ai-assistant-send-btn.enabled{background:#0071bc}.ai-assistant-send-btn.enabled:hover{background:#005a94}.ai-assistant-send-btn.disabled{background:#ffffff1a;cursor:not-allowed}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes wave{0%,to{height:12px;opacity:.7}50%{height:20px;opacity:1}}@media (max-width:480px){.ai-assistant-container{bottom:0;display:flex;flex-direction:column;height:100vh;height:100dvh;left:0;max-height:100vh;max-height:100dvh;overflow:hidden;position:fixed;right:0;top:0}.ai-assistant-title-section{flex-shrink:0;padding:8px 16px}.ai-assistant-chat-area{-webkit-overflow-scrolling:touch;flex:1 1;gap:12px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px}.ai-assistant-input-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-top:1px solid #fff3;bottom:0;box-sizing:border-box;flex-shrink:0;gap:8px;padding:12px 16px max(16px,env(safe-area-inset-bottom) + 8px);position:relative;width:100%}.ai-assistant-send-btn{font-size:14px;min-width:auto;padding:10px 14px}.ai-message-bubble{max-width:95%}.ai-message-bubble.debug{max-width:98%}.voice-interface-input .voice-button{height:40px;width:40px}}@media (max-width:768px){@supports (-webkit-touch-callout:none){.ai-assistant-container{height:-webkit-fill-available;max-height:-webkit-fill-available}}.ai-assistant-input{font-size:16px;transform:translateZ(0)}.ai-assistant-chat-area{overscroll-behavior:contain}body.ai-assistant-open{height:100%;overflow:hidden;position:fixed;width:100%}}@media (max-width:768px) and (orientation:landscape){.ai-assistant-input-area{padding:8px 16px max(12px,env(safe-area-inset-bottom) + 4px)}.ai-assistant-chat-area{padding:12px 16px}}.voice-mode-indicator{align-items:center;animation:voicePulse 2s ease-in-out infinite;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border:2px solid #28a745;border-radius:50%;display:inline-flex;height:28px;justify-content:center;margin-left:12px;width:28px}.voice-mode-mic-icon{color:#fff;height:14px;width:14px}@keyframes voicePulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.profile-screen{background:#fff;min-height:100vh}.profile-loading{align-items:center;color:#333;display:flex;height:calc(100vh - 80px);justify-content:center}.profile-container{padding:0 20px 20px}.profile-title-card{background-color:#fff;border-radius:20px;margin-bottom:20px;padding:20px 20px 0;text-align:center}.profile-title{color:#333;font-size:24px;font-weight:600;margin:0 0 8px}.profile-subtitle{color:#666;font-size:14px;margin:0}.profile-message{border-radius:12px;font-size:16px;font-weight:600;margin-bottom:20px;padding:12px}.profile-error{background-color:#dc35451a;border:1px solid #dc354533;color:#dc3545}.profile-success{background-color:#28a7451a;border:1px solid #28a74533;color:#28a745}.profile-section1{padding:0 0 0 15px}.profile-section,.profile-section1{background-color:#fff;border-radius:20px;margin-bottom:20px}.profile-section{box-shadow:0 2px 10px #0000001a;padding:20px}.profile-section-title{color:#333;font-size:18px;font-weight:600;margin:0 0 20px}.profile-field{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.profile-field:last-child{margin-bottom:0}.profile-field-content{flex:1 1}.profile-field-label{color:#666;font-size:14px;margin-bottom:4px}.profile-field-value{color:#333;font-size:16px;font-weight:500}.profile-field-edit{align-items:center;display:flex;gap:8px;width:100%}.profile-field-input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;min-width:0;padding:8px}.profile-field-input:focus{border-color:#1e40af;outline:none}.profile-field-edit .profile-name-inputs{display:flex;gap:8px;margin-bottom:8px;width:100%}.profile-name-input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;flex:1 1;font-size:14px;min-width:0;padding:8px;width:100%}.profile-name-input:focus{border-color:#1e40af;outline:none}.profile-name-actions{display:flex;gap:8px;padding-top:8px}.profile-btn-save{background-color:#1e40af;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:8px 12px}.profile-btn-save:hover{background-color:#1d4ed8}.profile-btn-save:disabled{background-color:#9ca3af;cursor:not-allowed}.profile-btn-cancel{background-color:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:8px 12px}.profile-btn-cancel:hover{background-color:#4b5563}.profile-edit-icon{background:none;border:none;color:#1e40af;cursor:pointer;font-size:16px;margin-left:12px}.profile-edit-icon:hover{color:#1d4ed8}.profile-password-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.profile-password-toggle{background:none;border:none;color:#1e40af;cursor:pointer;font-size:14px;font-weight:500;text-decoration:underline}.profile-password-toggle:hover{color:#1d4ed8}.profile-input-group{margin-bottom:16px}.profile-input-group:last-child{margin-bottom:20px}.profile-label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.profile-input-with-icon{position:relative}.profile-input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px;width:100%}.profile-input:focus{border-color:#1e40af;outline:none}.profile-input-password{padding-right:40px}.profile-eye-icon{background:none;border:none;color:#666;cursor:pointer;font-size:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.profile-eye-icon:hover{color:#333}.profile-btn-primary{align-items:center;background-color:#1e40af;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px;width:100%}.profile-btn-primary:hover{background-color:#1d4ed8}.profile-btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed}.profile-spinner{animation:profile-spin 1s linear infinite;border:2px solid #ffffff40;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes profile-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.profile-help-text{color:#666;font-size:14px;line-height:1.5;margin:0 0 16px}.profile-btn-help{align-items:center;background-color:#28a745;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;width:100%}.profile-btn-help:hover{background-color:#218838}.profile-danger-zone{border:1px solid #dc354533}.profile-danger-title{color:#dc3545;font-size:18px;font-weight:600;margin:0 0 16px}.profile-btn-danger{background-color:initial;border:1px solid #dc3545;border-radius:8px;color:#dc3545;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px}.profile-btn-danger:hover{background-color:#dc35451a}.profile-delete-confirm{color:#dc3545;font-size:14px;font-weight:600;margin:0 0 16px}.profile-delete-actions{display:flex;gap:12px}.profile-btn-confirm-cancel{background-color:initial;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px}.profile-btn-confirm-cancel:hover{background-color:#f8f9fa}.profile-btn-confirm-delete{align-items:center;background-color:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px}.profile-btn-confirm-delete:hover{background-color:#c82333}.profile-btn-confirm-delete:disabled{background-color:#9ca3af;cursor:not-allowed}.profile-delete-spinner{animation:profile-spin 1s linear infinite;border:2px solid #ffffff40;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.membership-screen{background:#fff;min-height:100vh}.membership-container{padding:0 20px 20px}.membership-title-card{background-color:#fff;border-radius:20px;margin-bottom:20px;padding:0 20px;text-align:center}.membership-title{color:#333;font-size:24px;font-weight:600;margin:0 0 8px}.membership-subtitle{color:#666;font-size:14px;margin:0}.membership-message{border-radius:12px;font-size:16px;font-weight:600;margin-bottom:20px;padding:12px}.membership-error{background-color:#dc35451a;border:1px solid #dc354533;color:#dc3545}.membership-success{background-color:#28a7451a;border:1px solid #28a74533;color:#28a745}.loading-container{align-items:center;color:#333;display:flex;flex-direction:column;height:200px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#1e40af;height:32px;margin-bottom:16px;width:32px}.error-container{padding:40px 20px;text-align:center}.error-message{color:#dc3545;font-size:16px;margin-bottom:20px}.retry-button{background-color:#1e40af;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px}.retry-button:hover{background-color:#1d4ed8}.active-member-section,.membership-content{display:flex;flex-direction:column;gap:20px}.member-status-card{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 4px 20px #10b9814d;color:#fff;padding:24px}.member-status-card.cancelled{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 20px #f59e0b4d}.status-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.status-icon{font-size:32px}.status-header h2{font-size:24px;font-weight:600;margin:0}.membership-info h3{font-size:20px;font-weight:600;margin:0 0 8px}.tier-name{font-size:16px;margin-bottom:16px;opacity:.9}.membership-dates{display:flex;flex-direction:column;gap:8px}.date-item{align-items:center;display:flex;justify-content:space-between}.date-label{font-size:14px;opacity:.9}.date-value{font-size:14px;font-weight:500}.benefits-active{background-color:#fff;border-radius:20px;box-shadow:0 2px 10px #0000001a;padding:20px}.benefits-active h3{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.benefits-list{list-style:none;margin:0;padding:0}.benefit-item{align-items:center;color:#fff;display:flex;font-size:16px;gap:12px;padding:8px 0}.benefits-active .benefit-item{color:#333}.benefit-icon{color:#10b981;font-size:18px;font-weight:700}.member-actions{background-color:#fff;border-radius:20px;box-shadow:0 2px 10px #0000001a;padding:20px}.member-note{color:#666;font-size:16px;line-height:1.5;margin:0;text-align:center}.tier-description{font-size:16px;line-height:1.5;margin-bottom:16px;opacity:.9}.cancel-membership-button{background-color:#dc3545;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:12px;padding:12px 24px;transition:background-color .2s ease;width:100%}.cancel-membership-button:hover{background-color:#c82333}.cancel-membership-button:disabled{background-color:#6c757d;cursor:not-allowed}.cancel-note{color:#666;font-size:14px;line-height:1.4;margin:0}.cancel-note,.cancelled-status{text-align:center}.reinstate-membership-button{align-items:center;background-color:#10b981;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;margin:16px 0 12px;padding:12px 24px;transition:background-color .2s ease;width:100%}.reinstate-membership-button:hover{background-color:#059669}.reinstate-membership-button:disabled{background-color:#6c757d;cursor:not-allowed}.reinstate-note{color:#666;font-size:14px;line-height:1.4;margin:0;text-align:center}.non-member-section{display:flex;flex-direction:column;gap:20px}.plan-card{background-color:#fff;background:linear-gradient(135deg,#3b82f6,#1e40af);border:2px solid #0000;border-radius:20px;box-shadow:0 4px 20px #0000001a;color:#fff;padding:24px}.plan-header{margin-bottom:24px;text-align:center}.plan-header h2{font-size:28px;font-weight:700;margin:0 0 12px}.plan-price{align-items:baseline;display:flex;gap:4px;justify-content:center}.price-amount{font-size:48px;font-weight:700}.price-period{font-size:20px;opacity:.9}.plan-benefits{margin-bottom:24px}.plan-benefits h3{font-size:20px;font-weight:600;margin:0 0 16px}.plan-description{margin-bottom:24px}.plan-description p{font-size:16px;line-height:1.6;margin:0;opacity:.9}.plan-actions{margin-bottom:20px}.join-button{align-items:center;background-color:#fff;border:none;border-radius:16px;color:#3b82f6;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:8px;justify-content:center;padding:16px 24px;transition:all .3s ease;width:100%}.join-button:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.join-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.button-spinner{border:2px solid #f3f4f6;border-top-color:#3b82f6;height:20px;width:20px}.plan-terms{font-size:14px;line-height:1.5;opacity:.8;text-align:center}.plan-terms p{margin:0}@media (max-width:768px){.membership-container{padding:16px}.plan-card{padding:20px}.price-amount{font-size:40px}.price-period{font-size:18px}}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;max-width:400px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:24px 24px 0}.modal-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.modal-body{padding:16px 24px 24px;text-align:center}.modal-body p{color:#555;font-size:16px;line-height:1.5;margin:0 0 12px}.modal-body p:last-child{margin-bottom:0}.modal-actions{gap:12px;padding:0 24px 24px}.modal-button{align-items:center;border-radius:12px;display:flex;gap:8px;justify-content:center;min-height:48px;padding:12px 16px}.modal-button:disabled{cursor:not-allowed;opacity:.6}.cancel-button{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.cancel-button:hover:not(:disabled){background:#e9ecef;color:#495057}.confirm-button{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 2px 8px #dc35454d;color:#fff}.confirm-button:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 12px #dc354566;transform:translateY(-1px)}.button-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}*{margin:0;padding:0}.App{min-height:100vh;text-align:left;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}@media (max-width:768px){.App{min-height:100vh;min-height:-webkit-fill-available}}#root{margin:0;min-height:100vh;padding:0;width:100%}*{box-sizing:border-box}@media (max-width:768px){.container,.content-container{margin:0!important;max-width:100%!important;width:100%!important}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-container{background-color:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:400px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #e5e7eb;padding:25px 25px 20px;text-align:center}.modal-icon{align-items:center;background-color:#e0f2fe;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 15px;width:60px}.modal-title{color:#111827;font-size:20px;font-weight:600;margin:0 0 8px;text-align:left}.modal-subtitle{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.modal-body{max-height:calc(90vh - 140px);overflow-y:auto;padding:25px}.current-reservation-info{background-color:#f3f4f6;border-radius:12px;margin-bottom:25px;padding:20px}.current-reservation-title{color:#111827;font-size:16px;font-weight:600;margin:0 0 12px}.current-reservation-details{color:#6b7280;font-size:14px;margin:0 0 8px}.form-group{margin-bottom:20px}.form-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-input{border:1px solid #d1d5db;border-radius:8px;font-size:16px;padding:12px;width:100%}.form-row{display:flex;gap:15px;margin-bottom:20px}.form-col{flex:1 1}.spaces-grid-container{margin-bottom:25px}.spaces-loading{border:1px solid #e5e7eb;border-radius:8px;color:#6b7280}.spaces-empty,.spaces-loading{padding:20px;text-align:center}.spaces-empty{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#ef4444}.spaces-grid{grid-gap:10px;background-color:#fafbfc;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));max-height:180px;overflow-y:auto;padding:15px}.space-button{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:600;height:45px;justify-content:center;padding:10px 8px;text-align:center;transition:all .2s ease}.space-button:disabled{background-color:#f8f9fa;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.space-button.selected{background-color:#fff;border:2px solid #2f6fb6}.space-number{font-size:14px;font-weight:700}.space-selected-indicator{color:#2f6fb6;font-size:10px;font-weight:600;margin-top:2px}.space-status-indicator{color:#9ca3af;font-size:10px;margin-top:2px}.modal-actions{display:flex;gap:15px}.modal-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 20px;transition:all .2s ease}.modal-button-cancel{background-color:#fff;border:1px solid #d1d5db;color:#6b7280}.modal-button-primary{background-color:#2f6fb6;color:#fff}.modal-button-primary:disabled{background-color:#9ca3af;cursor:not-allowed}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.brands-screen{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin:0;min-height:100vh;padding:0}.brands-screen .welcome-section{padding:20px;text-align:center}.brands-screen .welcome-section h2{font-size:28px;font-weight:700;margin-bottom:8px}.brands-screen .welcome-section p{font-size:16px;margin:0;opacity:.9}.brands-screen .brand-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin:20px;min-height:200px;overflow:hidden;position:relative}.brands-screen .brand-image{align-items:center;background:#0003;display:flex;height:200px;justify-content:center;width:100%}.brands-screen .brand-image img{height:100%;object-fit:cover;width:100%}.brands-screen .brand-placeholder{font-size:60px;opacity:.6}.brands-screen .brand-overlay{background:linear-gradient(#0000,#000000b3);bottom:0;left:0;padding:30px 20px 20px;position:absolute;right:0}.brands-screen .brand-overlay h2{font-size:24px;font-weight:700;margin-bottom:8px}.brands-screen .brand-overlay p{font-size:14px;margin:0;opacity:.9}.brands-screen .locations-section{padding:20px}.brands-screen .locations-section h3{font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.brands-screen .locations-grid{display:flex;flex-direction:column;gap:15px}.brands-screen .location-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.brands-screen .location-card:hover{box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.brands-screen .location-header h4{font-size:18px;font-weight:600;margin-bottom:8px}.brands-screen .location-address{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:15px;opacity:.8}.brands-screen .location-info{margin-bottom:20px}.brands-screen .space-availability{align-items:center;display:flex;gap:5px;margin-bottom:15px}.brands-screen .available-count{color:#4caf50;font-size:24px;font-weight:700}.brands-screen .total-count{font-size:16px;opacity:.8}.brands-screen .pricing-info{display:flex;flex-direction:column;gap:8px}.brands-screen .price-item{align-items:center;display:flex;justify-content:space-between}.brands-screen .price{color:#ffc107;font-size:18px;font-weight:600}.brands-screen .duration{font-size:14px;opacity:.8}.brands-screen .select-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:all .2s ease;width:100%}.brands-screen .select-button:hover{box-shadow:0 4px 15px #4caf504d;transform:translateY(-1px)}.brands-screen .select-button:disabled{background:#666;box-shadow:none;cursor:not-allowed;transform:none}.brands-screen .no-locations{opacity:.7;padding:40px 20px;text-align:center}.brands-screen .brand-selector{border-top:1px solid #ffffff1a;padding:20px}.brands-screen .brand-selector h4{font-size:16px;font-weight:600;margin-bottom:15px;text-align:center}.brands-screen .brand-tabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px}.brands-screen .brand-tab{background:#0000;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.brands-screen .brand-tab.active{background:#fff3;border-color:#ffffff80}.brands-screen .footer{background:#0000001a;border-top:1px solid #ffffff1a;padding:20px}.brands-screen .user-info{align-items:center;display:flex;justify-content:space-between}.brands-screen .user-info span{font-size:14px;opacity:.8}.brands-screen .logout-button{align-items:center;background:#0000;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s ease}.brands-screen .logout-button:hover{background:#ffffff1a}.brands-screen .error-container,.brands-screen .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:40px 20px;text-align:center}.brands-screen .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.brands-screen .error-container h3{font-size:20px;margin-bottom:15px}.brands-screen .error-container p{font-size:16px;margin-bottom:25px;opacity:.8}.brands-screen .btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.brands-screen .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.brands-screen .btn-primary:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-1px)}
/*# sourceMappingURL=main.3e774e49.css.map*/