.district-page{min-height:100vh;display:flex;flex-direction:column}.district-page__main{flex:1 1;max-width:1400px;margin:0 auto;padding:0 1rem;width:100%}.district-hero{padding:3rem 0 2rem;border-bottom:1px solid var(--border-primary,#e2e8f0);margin-bottom:2rem}.district-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-tertiary,#64748b);margin-bottom:1rem}.district-breadcrumb a{color:var(--accent-primary,#2337b8);text-decoration:none}.district-breadcrumb a:hover{text-decoration:underline}.district-hero__title{font-size:2rem;font-weight:700;color:var(--text-primary,#0f172a);margin:0 0 1rem}.district-hero__description{font-size:1rem;color:var(--text-secondary,#475569);line-height:1.7;max-width:800px;margin:0}.district-tabs{display:flex;gap:.5rem;margin-bottom:2rem}.district-tab{padding:.75rem 1.5rem;border:1px solid var(--border-primary,#e2e8f0);border-radius:.5rem;background:transparent;color:var(--text-secondary,#475569);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.district-tab:hover{color:var(--accent-primary,#2337b8)}.district-tab.active,.district-tab:hover{border-color:var(--accent-primary,#2337b8)}.district-tab.active{background:var(--accent-primary,#2337b8);color:#fff}.district-properties__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1.5rem;gap:1.5rem}.district-property-card{position:relative;background:var(--bg-card,#fff);border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-sm,0 1px 2px rgba(15,23,42,.05));transition:all .2s ease}.district-property-card:hover{box-shadow:var(--shadow-md,0 4px 6px rgba(15,23,42,.07));transform:translateY(-2px)}.district-property-card__image{position:relative;aspect-ratio:16/10;background:var(--bg-tertiary,#f1f5f9)}.district-property-card__actions{position:absolute;top:.75rem;right:.75rem;display:flex;flex-direction:column;gap:.25rem;z-index:2}.district-property-card__price{position:absolute;bottom:.75rem;left:.75rem;padding:.5rem .75rem;background:rgba(15,23,42,.9);color:#fff;font-size:1rem;font-weight:600;border-radius:.5rem;z-index:2}.district-property-card__body{padding:1rem}.district-property-card__body h3{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary,#0f172a)}.district-property-card__location{margin:0 0 .75rem;font-size:.875rem;color:var(--text-tertiary,#64748b)}.district-property-card__stats{display:flex;gap:1rem;font-size:.8125rem;color:var(--text-secondary,#475569)}.district-property-card__link{position:absolute;inset:0;z-index:1}.district-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1.5rem;gap:1.5rem}.district-property-skeleton{height:340px;background:var(--bg-tertiary,#f1f5f9);border-radius:1rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.district-no-properties{text-align:center;padding:4rem 2rem;color:var(--text-tertiary,#64748b)}.district-view-all{text-align:center;margin-top:2rem}.district-view-all__btn{display:inline-flex;align-items:center;gap:.375rem;padding:.875rem 2rem;background:var(--accent-primary,#2337b8);color:#fff;font-weight:600;text-decoration:none;border-radius:.75rem;transition:all .2s ease}.district-view-all__btn:hover{background:var(--accent-hover,#1b2c91);transform:translateY(-1px);gap:.625rem}.district-popular{margin:3rem 0;padding:2rem;background:var(--bg-secondary,#f8fafc);border-radius:1rem}.district-popular h2{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary,#0f172a)}.district-popular__links{display:flex;flex-wrap:wrap;gap:.75rem}.district-popular__links a{padding:.5rem 1rem;background:var(--bg-card,#fff);color:var(--text-secondary,#475569);text-decoration:none;border-radius:.375rem;font-size:.875rem;transition:all .2s ease}.district-popular__links a:hover{background:var(--accent-primary,#2337b8);color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width:768px){.district-hero__title{font-size:1.5rem}.district-properties__grid{grid-template-columns:1fr}.district-tabs{width:100%}.district-tab{flex:1 1;text-align:center}}