.cities-page[data-v-9d4e1d5c]{min-height:100vh;display:flex;flex-direction:column;background-color:#f8fafc;padding-bottom:var(--spacing-4xl, 64px)}.container[data-v-9d4e1d5c]{max-width:900px;margin:0 auto;padding:var(--spacing-2xl, 32px) var(--spacing-base, 16px)}.cities-header[data-v-9d4e1d5c]{margin-bottom:var(--spacing-xl, 24px)}.page-title[data-v-9d4e1d5c]{font-size:var(--text-3xl, 1.875rem);font-weight:700;color:var(--color-text-primary, #1e293b);margin:0 0 var(--spacing-sm, 8px);line-height:var(--leading-tight, 1.25)}.page-subtitle[data-v-9d4e1d5c]{font-size:var(--text-base, 1rem);color:var(--color-text-secondary, #64748b);margin:0;line-height:var(--leading-relaxed, 1.625)}.cities-loading[data-v-9d4e1d5c]{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-xl, 24px) 0;color:var(--color-text-secondary, #64748b)}.cities-loading-text[data-v-9d4e1d5c]{font-size:var(--text-sm, .875rem)}.card[data-v-9d4e1d5c]{background:#fff;border-radius:12px;border:1px solid #e5e7eb}.cities-card[data-v-9d4e1d5c]{overflow:hidden}.card-body[data-v-9d4e1d5c]{padding:var(--spacing-lg, 20px) var(--spacing-xl, 24px)}.card-body--flush[data-v-9d4e1d5c]{padding:0}.cities-error-text[data-v-9d4e1d5c]{font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #64748b);margin:0 0 var(--spacing-base, 16px)}.no-data-text[data-v-9d4e1d5c]{font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #64748b);margin:0}.cities-table[data-v-9d4e1d5c]{width:100%;border-collapse:collapse}.cities-th[data-v-9d4e1d5c]{font-size:var(--text-xs, .75rem);font-weight:600;color:var(--color-text-secondary, #64748b);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-sm, 8px) var(--spacing-base, 16px);text-align:left;border-bottom:1px solid #f3f4f6;background:#fafafa;white-space:nowrap}.cities-th--rank[data-v-9d4e1d5c]{width:52px}.cities-th--right[data-v-9d4e1d5c]{text-align:right}.cities-tr[data-v-9d4e1d5c]:not(:last-child){border-bottom:1px solid #f3f4f6}.cities-tr[data-v-9d4e1d5c]:hover{background:#f8fafc}.cities-td[data-v-9d4e1d5c]{font-size:var(--text-sm, .875rem);color:var(--color-text-primary, #1e293b);padding:var(--spacing-base, 16px);vertical-align:middle}.cities-td--rank[data-v-9d4e1d5c]{font-variant-numeric:tabular-nums;color:var(--color-text-secondary, #64748b);width:52px}.cities-td--city[data-v-9d4e1d5c]{font-weight:500;min-width:0}.cities-td--state[data-v-9d4e1d5c]{color:var(--color-text-secondary, #64748b);white-space:nowrap}.cities-td--num[data-v-9d4e1d5c]{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.city-link[data-v-9d4e1d5c]{color:var(--color-primary, #3b82f6);text-decoration:none;word-break:break-word}.city-link[data-v-9d4e1d5c]:hover{text-decoration:underline}.rate-na[data-v-9d4e1d5c]{color:var(--color-text-muted, #94a3b8)}.btn[data-v-9d4e1d5c]{display:inline-flex;align-items:center;justify-content:center;height:var(--button-height-base, 44px);padding:0 var(--spacing-xl, 24px);font-size:var(--text-sm, .875rem);font-weight:600;border-radius:var(--radius-md, 8px);border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--duration-fast, .15s) ease;flex-shrink:0}.btn--secondary[data-v-9d4e1d5c]{background:transparent;color:var(--color-text-secondary, #64748b);border-color:#e2e8f0}.btn--secondary[data-v-9d4e1d5c]:hover:not(:disabled){background:#f8fafc}.btn--secondary[data-v-9d4e1d5c]:disabled{opacity:.4;cursor:not-allowed}@media(max-width:600px){.page-title[data-v-9d4e1d5c]{font-size:var(--text-2xl, 1.5rem)}.cities-th[data-v-9d4e1d5c]:last-child,.cities-td[data-v-9d4e1d5c]:last-child{display:none}.cities-td[data-v-9d4e1d5c],.cities-th[data-v-9d4e1d5c]{padding:var(--spacing-sm, 8px)}}