@keyframes ds-spin{to{transform:rotate(360deg)}}.notification-banner{z-index:50;color:#fff;background-color:#4f46e5;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;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#111827cc;border-bottom:1px solid #37415199}.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:1100px}}.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;min-width:0;display:flex}@media (min-width:640px){.tabs-container{gap:1rem}}.tabs-list{border-bottom:1px solid #374151;flex-wrap:wrap;gap:.5rem;display:flex}@media (min-width:640px){.tabs-list{scrollbar-width:none;flex-wrap:nowrap;gap:1rem;overflow-x:auto}.tabs-list::-webkit-scrollbar{display:none}}.tab-spacer{flex-grow:1;flex-basis:100%}@media (min-width:640px){.tab-spacer{flex-basis:auto}}.tab-button{color:#9ca3af;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.75rem .25rem;font-size:.875rem;font-weight:600;transition:color .15s,border-color .15s}.tab-button:hover{color:#f9fafb}.tab-button{padding:.5rem;font-size:.75rem}@media (min-width:640px){.tab-button{padding:.5rem 1rem;font-size:.875rem}}.tab-button.active-red,.tab-button.active-blue{color:#f9fafb;border-bottom-color:#818cf8}.tab-button.inactive{color:#9ca3af}.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:#f3f4f6;background:#111827cc;border:1px solid #374151cc;border-radius:.5rem;padding:.625rem .75rem;font-size:.875rem}.search-container .search-input::placeholder{color:#6b7280}.search-container .search-input:focus-visible{border-color:#818cf8;outline:none}.search-container .search-input:disabled{opacity:.6;cursor:default}.search-container .search-input{width:100%;padding-right:2.5rem}.search-container .search-input:focus{border-color:#818cf8;outline:none}.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:#f3f4f6;background:#111827cc;border:1px solid #374151cc;border-radius:.5rem;padding:.625rem .75rem;font-size:.875rem}.distance-select-wrapper select::placeholder{color:#6b7280}.distance-select-wrapper select:focus-visible{border-color:#818cf8;outline:none}.distance-select-wrapper select:disabled{opacity:.6;cursor:default}.distance-select-wrapper select{appearance:none;cursor:pointer;width:100%;height:2.5rem;padding-right:2rem;font-weight:600}.distance-select-wrapper select:hover{border-color:#6b7280cc}.distance-select-wrapper select option{color:#f3f4f6;background-color:#111827}.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:#f3f4f6;font:inherit;white-space:nowrap;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform 50ms;display:inline-flex}.location-button:hover:not(:disabled){background:#374151;border-color:#4b5563}.location-button:active:not(:disabled){transform:translateY(1px)}.location-button:disabled{opacity:.45;cursor:not-allowed}.location-button{color:#e0e7ff;background:#6366f133;border-color:#818cf8cc}.location-button:hover:not(:disabled){color:#030712;background:#6366f1}.location-button{flex-shrink:0;height:2.5rem;padding:0 .75rem}@media (min-width:640px){.location-button{padding:0 1rem}}.location-icon-img{filter:brightness(0)invert();width:20px;height:20px}@media (min-width:640px){.location-icon-img{width:24px;height:24px}}.view-mode-btn{justify-content:center;display:none;padding:0!important}@media (min-width:768px){.view-mode-btn{width:2.5rem;display:flex}}.view-mode-btn svg{width:20px;height:20px}@media (min-width:768px){.view-mode-btn svg{width:24px;height:24px}}.user-menu-wrapper{align-items:center;display:flex;position:relative}.user-menu-trigger{justify-content:center;align-items:center;display:flex}.user-avatar{color:#fff;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;line-height:1;display:flex}.user-dropdown{z-index:20;background-color:#1f2937;border:1px solid #374151;border-radius:.5rem;min-width:180px;padding:.75rem 1rem;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026}.user-dropdown-name{color:#e5e7eb;margin-bottom:.2rem;font-size:.875rem;font-weight:600}.user-dropdown-email{color:#9ca3af;font-size:.75rem}.user-dropdown-link{color:#818cf8;border-top:1px solid #374151;margin-top:.6rem;padding-top:.6rem;font-size:.8125rem;text-decoration:none;transition:color .15s;display:block}.user-dropdown-link:hover{color:#a5b4fc}.user-dropdown-link--admin{color:#f87171}.user-dropdown-link--admin:hover{color:#fca5a5}