.navbar-app-bar{background-color:#ffffff!important;color:black!important;box-shadow:2px 2px 5px #e9ecef;padding:0}.navbar-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px!important;min-height:64px!important;gap:24px}.navbar-toolbar.mobile{padding:8px 12px!important;min-height:60px!important}.navbar-toolbar.tablet{padding:0 16px!important;gap:12px}.navbar-left{gap:12px;flex-shrink:0}.menu-button,.navbar-left{display:flex;align-items:center}.menu-button{justify-content:center;background:none;border:none;cursor:pointer;padding:8px}.menu-icon{font-size:24px;color:#333}.logo-link{display:flex;align-items:center}.navbar-logo{height:80px;width:auto;-o-object-fit:contain;object-fit:contain}.navbar-logo.mobile{height:36px}.navbar-location-container{flex-shrink:0}.location-display{display:flex;align-items:center;cursor:pointer;padding:8px 12px;border-radius:6px;transition:background-color .2s;min-width:140px;max-width:200px}.location-display:hover{background-color:#f5f5f5}.location-display.mobile{min-width:auto;max-width:none;padding:8px;justify-content:center}.location-display.tablet{min-width:120px;max-width:200px}.location-icon{font-size:16px;margin-right:8px;flex-shrink:0}.location-text{display:flex;flex-direction:column;min-width:0;flex:1}.location-city{font-size:14px;font-weight:500;color:#333}.location-city,.location-state{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-state{font-size:12px;color:#666}.location-dropdown{font-size:20px;margin-left:4px;color:#666;flex-shrink:0}.navbar-search-section{flex:1;max-width:600px;min-width:200px;padding:0!important;margin:0!important}.search-bar,.search-container{width:100%;padding:0!important;margin:0!important}.search-bar{position:relative;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease}.search-input{display:flex;align-items:center;padding:12px 16px!important;width:100%;box-sizing:border-box}.search-input-field{width:100%;border:none;outline:none;background:transparent;font-size:14px;font-family:inherit;padding:0!important;margin:0!important}.search-input-field::-moz-placeholder{color:#999}.search-input-field::placeholder{color:#999}.search-icon-button{cursor:pointer;border-left:1px solid #e9ecef;margin-left:8px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s;padding:4px 8px!important}.search-icon-button:hover{color:#f97316}.search-icon{font-size:18px}.search-results-dropdown{right:0;border:1px solid #e9ecef;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);margin-top:4px}.search-results-dropdown.mobile{top:120px;left:12px;right:12px;bottom:80px;max-height:none}.search-results-header{padding:12px 16px;border-bottom:1px solid #f1f1f1;background-color:#fafafa}.search-query-text{font-size:14px;font-weight:500;color:#333;margin:0}.no-results-text,.searching-text{font-size:14px;color:#666;margin:0}.no-results-hint{font-size:12px;color:#999;margin:4px 0 0}.loading-more{padding:16px;text-align:center;border-top:1px solid #f1f1f1;font-size:14px;color:#666}.loading-spinner-container{display:flex;align-items:center;justify-content:center;gap:8px}.loading-spinner{width:16px;height:16px;border:2px solid #f97316;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.navbar-right{gap:16px;flex-shrink:0}.auth-buttons,.navbar-right{display:flex;align-items:center}.auth-buttons{gap:12px}.auth-link{text-decoration:none;color:inherit}.signin-button{background:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:all .2s;font-family:inherit}.signin-button:hover{background-color:#f8f9fa}.dashboard-button,.join-button{background:#f97316;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;color:white;cursor:pointer;transition:opacity .2s;font-family:inherit}.dashboard-button:hover,.join-button:hover{opacity:.9}.user-menu-container{position:relative}.user-avatar-desktop{width:44px;height:44px;cursor:pointer;border-radius:50%;overflow:hidden;border:2px solid #f1f1f1;transition:border-color .2s}.user-avatar-desktop:hover{border-color:#f97316}.user-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-dropdown{position:absolute;top:52px;right:0;background:white;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);min-width:200px;z-index:1000}.user-info{font-size:14px;font-weight:500;color:#333}.user-email,.user-info{padding:12px 16px;border-bottom:1px solid #f1f1f1}.user-email{font-size:12px;color:#666}.logout-button{width:100%;padding:12px 16px;background:#f97316;border:none;border-radius:0 0 6px 6px;color:white;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s;font-family:inherit}.logout-button:hover{opacity:.9}.navbar-mobile-actions{display:flex;align-items:center;gap:12px}.mobile-search-button,.mobile-user-button{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.user-avatar-mobile{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.mobile-search-expanded{background:white;padding:12px;border-top:1px solid #e9ecef}.mobile-search-bar{position:relative}.mobile-search-input{display:flex;align-items:center;background:#f8f9fa;border-radius:8px;padding:12px 16px!important}.mobile-search-field{flex:1;border:none;outline:none;background:transparent;font-size:16px;color:#333;font-family:inherit;padding:0!important;margin:0!important}.mobile-search-field::-moz-placeholder{color:#999}.mobile-search-field::placeholder{color:#999}.mobile-search-icon-button{padding:4px 8px;border-left:1px solid #e9ecef;margin:0 8px}.mobile-search-close,.mobile-search-icon-button{cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666}.mobile-search-close{background:none;border:none;padding:4px}.close-icon{font-size:20px}.mobile-location-bar{background:#f8f9fa;padding:8px 12px;border-top:1px solid #e9ecef;display:flex;justify-content:space-between}.drawer-paper{width:320px!important}.drawer-content{padding:20px;height:100%;overflow-y:auto}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.search-results-dropdown{max-height:400px;overflow-y:auto;position:absolute;width:100%;background:white;box-shadow:0 4px 20px rgba(0,0,0,.15);border-radius:8px;z-index:1000;top:100%;left:0}.load-more-container{padding:15px;text-align:center;border-top:1px solid #eee;background:#f9f9f9}.loading-more-indicator{display:flex;align-items:center;justify-content:center;gap:10px;color:#666}.small-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}.load-more-hint{color:#666;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:5px}.scroll-hint{font-size:20px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-2px)}}.searching-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px}.spinner{width:30px;height:30px;border:3px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.search-results-dropdown.mobile{position:fixed;top:60px;left:0;right:0;width:100vw;max-height:calc(100vh - 60px);border-radius:0;box-shadow:none;border-top:1px solid #eee}.drawer-logo{width:70px;height:70px;-o-object-fit:contain;object-fit:contain}.drawer-close{background:rgba(33,37,41,.1);padding:6px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.drawer-section{margin-bottom:16px}.drawer-section-title{font-size:14px;color:#666;font-weight:400}.drawer-divider{height:2px;background-color:#e9ecef;margin:8px 0 16px}.drawer-list{padding:0!important}.drawer-menu-item{display:block;text-decoration:none;color:inherit;padding:0}.drawer-menu-text{font-size:14px;font-weight:600;color:#333;display:block;padding:8px 0}.drawer-item-divider{height:1px;background-color:#e9ecef;margin:8px 0}.drawer-auth{margin-top:24px;padding-top:16px;border-top:1px solid #e9ecef}.drawer-auth-buttons{display:flex;flex-direction:column;gap:12px}.drawer-auth-link{text-decoration:none}.drawer-join,.drawer-signin{width:100%;padding:12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit}.drawer-signin{background:none;border:1px solid #e9ecef;color:#333}.drawer-join{background:#f97316;border:none;color:white}.drawer-country{margin-top:24px}.country-list{max-height:200px;overflow-y:auto}.country-item{display:flex;align-items:center;padding:12px;cursor:pointer;border-radius:6px;transition:background-color .2s}.country-item:hover{background-color:#f8f9fa}.country-item.active{background-color:#e7f3ff}.country-flag{width:24px;height:16px;-o-object-fit:cover;object-fit:cover;margin-right:12px;border-radius:2px}.country-icon{font-size:20px;margin-right:12px}.country-name{font-size:14px;color:#333}@media (max-width:1280px){.navbar-toolbar{gap:12px}.navbar-search-section{max-width:500px}.auth-buttons{gap:8px}.dashboard-button,.join-button,.signin-button{padding:8px 12px;font-size:13px}}@media (max-width:1024px){.navbar-toolbar{padding:8px 12px!important}.navbar-search-section{max-width:400px}.location-display{min-width:120px;max-width:160px}.user-avatar-desktop{width:40px;height:40px}.search-input{padding:12px 16px!important}}@media (max-width:768px){.navbar-toolbar{padding:8px 12px!important;min-height:56px!important}.navbar-logo.mobile{height:60px}.menu-icon{font-size:20px}.user-avatar-mobile{width:32px;height:32px}.mobile-search-input{padding:12px 16px!important}}@media (max-width:480px){.navbar-toolbar{padding:6px 8px!important}.navbar-logo.mobile{height:48px}.menu-button,.mobile-search-button,.mobile-user-button{padding:6px}.user-avatar-mobile{width:28px;height:28px}.mobile-search-expanded{padding:8px}.mobile-location-bar{padding:6px 8px}.mobile-search-input,.search-input{padding:10px 14px!important}}.warning{background-color:orange!important}body,html{margin:0;padding:0;overflow-x:hidden}.hover-link{color:white;text-decoration:none}.hover-link:hover{color:#0577bc}.location-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0;margin-bottom:16px}.popup-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.close-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-button:hover{background-color:#f3f4f6}.close-icon{font-size:1.5rem;color:#6b7280}.location-popup-content{padding:0 24px 24px;max-height:60vh;overflow-y:auto}.welcome-section{text-align:center;margin-bottom:24px}.welcome-subtitle{color:#6b7280;font-size:.875rem;margin:0}.location-options{margin-bottom:20px}.location-option-btn{display:flex;align-items:center;width:100%;padding:16px;border:1px solid #e5e7eb;border-radius:8px;background:white;cursor:pointer;transition:all .2s;gap:12px}.location-option-btn:hover:not(:disabled){border-color:#3b82f6;background-color:#f8fafc}.location-option-btn:disabled{cursor:not-allowed;opacity:.6}.option-icon{font-size:1.25rem;color:#3b82f6}.option-content{flex:1;text-align:left}.option-title{font-weight:500;color:#1f2937;margin-bottom:2px}.option-subtitle{font-size:.75rem;color:#6b7280}.divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:#6b7280;font-size:.875rem}.divider:after,.divider:before{content:"";flex:1;border-bottom:1px solid #e5e7eb}.divider span{padding:0 16px}.search-section{margin-bottom:16px}.search-container{position:relative;display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;background:white;transition:border-color .2s}.search-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.search-icon{font-size:1rem;color:#6b7280;margin-right:12px;margin-left:10px}.search-input{flex:1;border:none;outline:none;font-size:.875rem;color:#1f2937;background:transparent}.search-input::-moz-placeholder{color:#9ca3af}.search-input::placeholder{color:#9ca3af}.places-loading{padding:8px 0}.debug-info,.places-loading{font-size:.75rem;color:#6b7280}.debug-info{padding:8px 12px;background-color:#f3f4f6;border-radius:4px;margin-bottom:12px}.error-message{padding:12px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px}.error-message p{margin:0;color:#dc2626;font-size:.875rem}.search-results-section{border-top:1px solid #e5e7eb;padding-top:16px}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title{font-size:.875rem;font-weight:600;color:#374151;margin:0}.results-source{color:#6b7280;font-size:.75rem}.results-list{max-height:300px;overflow-y:auto}.result-item{display:flex;align-items:center;width:100%;padding:12px;border:none;background:white;cursor:pointer;transition:background-color .2s;gap:12px;border-radius:6px}.result-item:hover{background-color:#f9fafb}.result-icon{font-size:1rem;color:#6b7280;flex-shrink:0}.result-content{flex:1;text-align:left}.result-title{font-weight:500;color:#1f2937;margin-bottom:2px;display:flex;align-items:center;gap:8px}.google-badge{background-color:#4285f4;font-size:.625rem}.result-subtitle{font-size:.75rem;color:#6b7280}.no-results{text-align:center;padding:32px 16px;color:#6b7280}.no-results p{margin:0 0 8px;font-size:.875rem}.no-results-subtitle{font-size:.75rem!important;margin-bottom:0!important}.debug-sample{margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb}.location-required-footer{padding:16px 24px;background-color:#fef3c7;border-top:1px solid #f59e0b;text-align:center}.location-required-footer p{margin:0;color:#92400e;font-size:.875rem;font-weight:500}.results-list::-webkit-scrollbar{width:6px}.results-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.results-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.results-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.places-loading{display:flex;align-items:center;gap:8px;padding:8px 16px;color:#666;font-size:14px}.success-message{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.google-badge{background:#4285f4;color:white;font-size:10px;padding:2px 6px;border-radius:4px;margin-left:8px;font-weight:500}