.notification-banner{z-index:50;color:#fff;background-color:#2563eb;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;animation:.5s ease-out fade-in-down;position:fixed;top:1rem;right:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media (min-width:640px){.notification-banner{padding:.75rem 1.5rem;font-size:1rem}}.notification-banner p{font-weight:500}.header-container{z-index:10;background-color:#1f2937;border-bottom:1px solid #374151;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.header-inner{width:100%;margin-left:auto;margin-right:auto;padding:.75rem .5rem}@media (min-width:640px){.header-inner{max-width:640px;padding:1.25rem 1rem}}@media (min-width:768px){.header-inner{max-width:768px}}@media (min-width:1024px){.header-inner{max-width:1024px}}@media (min-width:1280px){.header-inner{max-width:1280px}}@media (min-width:1536px){.header-inner{max-width:1536px}}.header-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}@media (min-width:640px){.header-top{gap:1rem}}.tabs-container{flex-direction:column;flex-grow:1;gap:.75rem;display:flex}@media (min-width:640px){.tabs-container{gap:1rem}}.tabs-list{border-bottom:1px solid #374151;gap:.5rem;display:flex;overflow-x:auto}@media (min-width:640px){.tabs-list{gap:1rem}}.tab-spacer{flex-grow:1}.tab-button{cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem;font-size:.75rem;font-weight:500;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.15s}@media (min-width:640px){.tab-button{padding:.5rem 1rem;font-size:1rem}}.tab-button.active-red{color:#f87171;border-bottom-color:#f87171}.tab-button.active-blue{color:#60a5fa;border-bottom-color:#60a5fa}.tab-button.inactive{color:#9ca3af}.tab-button.inactive:hover{color:#d1d5db}.controls-container{flex-direction:column;align-items:stretch;gap:.5rem;margin-top:1rem;display:flex}@media (min-width:640px){.controls-container{flex-direction:row;align-items:center;gap:1rem;margin-top:1.5rem}}.search-container{flex-grow:1;position:relative}.search-container .search-input{color:#fff;background-color:#374151;border:1px solid #4b5563;border-radius:.5rem;width:100%;padding:.5rem 2.5rem .5rem .75rem;font-size:.875rem;font-weight:500;transition:all .15s ease-in-out}@media (min-width:640px){.search-container .search-input{padding:.75rem 2.5rem .75rem 1rem;font-size:1rem}}.search-container .search-input::placeholder{color:#9ca3af}.search-container .search-input:focus{border-color:#0000;outline:none;box-shadow:0 0 0 2px #60a5fa}.search-container .clear-button{color:#9ca3af;cursor:pointer;background:0 0;border:none;transition:color .15s;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}@media (min-width:640px){.search-container .clear-button{right:.75rem}}.search-container .clear-button:hover{color:#fff}.search-container .clear-button svg{width:1rem;height:1rem}@media (min-width:640px){.search-container .clear-button svg{width:1.25rem;height:1.25rem}}.actions-container{gap:.5rem;display:flex}@media (min-width:640px){.actions-container{gap:1rem}}.distance-select-wrapper{flex:1;position:relative}@media (min-width:640px){.distance-select-wrapper{flex:0 auto}}.distance-select-wrapper select{color:#fff;appearance:none;cursor:pointer;background:linear-gradient(90deg,#2563eb,#1d4ed8);border:none;border-radius:.5rem;width:100%;height:40px;padding:0 2rem 0 .75rem;font-size:.75rem;font-weight:600;transition:all .3s;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media (min-width:640px){.distance-select-wrapper select{height:50px;padding:0 2.5rem 0 1rem;font-size:1rem}}.distance-select-wrapper select:hover{background:linear-gradient(90deg,#3b82f6,#2563eb)}.distance-select-wrapper select:focus{outline:none;box-shadow:0 0 0 2px #60a5fa}.distance-select-wrapper select option{color:#fff;background-color:#1f2937}.distance-select-wrapper .select-icon{pointer-events:none;width:1rem;height:1rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}@media (min-width:640px){.distance-select-wrapper .select-icon{width:1.25rem;height:1.25rem;right:.75rem}}.location-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#2563eb,#1d4ed8);border:none;border-radius:.5rem;flex-shrink:0;align-items:center;gap:.5rem;height:40px;padding:0 .75rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media (min-width:640px){.location-button{height:50px;padding:0 1rem}}.location-button:hover{background:linear-gradient(90deg,#3b82f6,#2563eb)}.location-button:focus{outline:none;box-shadow:0 0 0 2px #60a5fa}.location-icon-img{filter:brightness(0)invert();width:20px;height:20px}@media (min-width:640px){.location-icon-img{width:24px;height:24px}}