.city-page{padding:.95rem 0 1.75rem}.city-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:.65rem}@media(min-width:768px){.city-header{flex-direction:row;align-items:flex-end;justify-content:space-between}}.city-page-title{margin:0 0 .15rem;font-size:1.375rem;font-weight:600;letter-spacing:-.02em}.city-page-count{margin-top:.15rem;font-size:.9375rem}.city-filters{margin-bottom:1.25rem}.city-filters-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem .75rem}.city-filters-categories{flex:1 1 auto;min-width:0}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 1rem;text-align:center}.empty-icon{font-size:3rem}.empty-state h3{font-size:1.25rem;font-weight:600}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.pagination-pages{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:center}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;color:var(--text-muted)}.pagination-page{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.pagination-page:hover{background:var(--bg-card-hover);color:var(--text-primary)}.pagination-page.active{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.category-filter{display:flex;gap:.375rem;overflow-x:auto;padding:.1rem 0;scrollbar-width:none;-ms-overflow-style:none}.category-filter::-webkit-scrollbar{display:none}.filter-chip{display:flex;align-items:center;gap:.25rem;padding:.3125rem .6875rem;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-sans);font-size:.75rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);min-height:30px}.filter-chip:hover{border-color:var(--border-hover);background:var(--bg-card-hover);color:var(--text-primary)}.filter-chip.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-secondary)}.period-select-field{position:relative;display:inline-flex;flex-shrink:0;max-width:min(100%,12rem)}.period-select-field:after{content:"";position:absolute;right:.65rem;top:50%;width:.75rem;height:.75rem;margin-top:-.375rem;pointer-events:none;background-color:var(--text-muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 10h10l-5 5-5-5z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 10h10l-5 5-5-5z'/%3E%3C/svg%3E") center / contain no-repeat}.period-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;min-width:0;cursor:pointer;padding:.45rem 2.1rem .45rem .75rem;font-family:var(--font-sans);font-size:.8125rem;font-weight:500;line-height:1.2;color:var(--text-secondary);background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.period-select:hover{color:var(--text-primary);border-color:var(--border-hover);background-color:var(--bg-card-hover);box-shadow:var(--shadow-md)}.period-select:focus{outline:none}.period-select:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.period-select-field:has(.period-select:hover):after{background-color:var(--text-secondary)}