.districts-list-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1)}.districts-list{padding:20px}.districts-header{text-align:center;margin-bottom:20px}.districts-title{color:#036;font-size:1.5rem;margin-bottom:5px}.districts-subtitle{color:#666;font-size:.9rem}.districts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.district-item{border-radius:8px;padding:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1);animation:fadeIn .5s ease forwards;opacity:0;transform:translateY(10px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.blue-district{background-color:#1e88e5;color:#fff}.green-district{background-color:#43a047;color:#fff}.red-district{background-color:#e53935;color:#fff}.purple-district{background-color:#8e24aa;color:#fff}.orange-district{background-color:#fb8c00;color:#fff}.teal-district{background-color:#00897b;color:#fff}.pink-district{background-color:#d81b60;color:#fff}.lime-district{background-color:#c0ca33;color:#fff}.cyan-district{background-color:#00acc1;color:#fff}.amber-district{background-color:#ffb300;color:#333}.indigo-district{background-color:#3949ab;color:#fff}.yellow-district{background-color:#fdd835;color:#333}.blue-light-district{background-color:#90caf9;color:#333}.green-light-district{background-color:#a5d6a7;color:#333}.red-light-district{background-color:#ef9a9a;color:#333}.purple-light-district{background-color:#ce93d8;color:#333}.orange-light-district{background-color:#ffcc80;color:#333}.teal-light-district{background-color:#80cbc4;color:#333}.pink-light-district{background-color:#f48fb1;color:#333}.district-item.active,.district-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.district-content{display:flex;justify-content:space-between;align-items:center}.district-name{font-weight:700;font-size:.9rem}.district-pulse{width:8px;height:8px;border-radius:50%;background-color:#fc3;position:relative}.district-item.active .district-pulse,.district-item:hover .district-pulse{animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,204,51,.7)}70%{box-shadow:0 0 0 10px rgba(255,204,51,0)}to{box-shadow:0 0 0 0 rgba(255,204,51,0)}}.district-details{background-color:#f5f5f5;padding:20px;border-top:2px solid #fc3;animation:slideDown .3s ease forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.district-details h3{color:#036;margin-top:0;margin-bottom:10px}.district-details p{color:#666;margin-bottom:15px}.district-actions{display:flex;gap:10px}.district-action-btn{display:inline-block;padding:8px 15px;border-radius:4px;text-decoration:none;font-weight:700;transition:all .3s ease;flex:1;text-align:center}.rent-btn{background-color:#036;color:#fff}.rent-btn:hover{background-color:#024}.sale-btn{background-color:#fc3;color:#036}.sale-btn:hover{background-color:#e6b800}.district-item{position:relative;overflow:hidden}.district-item:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,hsla(0,0%,100%,0),hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,0));transform:rotate(45deg);animation:shine 3s infinite;animation-delay:calc(var(--i, 0) * .5s);pointer-events:none}@keyframes shine{0%{transform:scale(.5) rotate(45deg) translateX(-120%)}80%{transform:scale(.5) rotate(45deg) translateX(100%)}to{transform:scale(.5) rotate(45deg) translateX(100%)}}@media (max-width:768px){.districts-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.district-item{padding:10px}.district-name{font-size:.8rem}}