.properties-page{background:#f9fafb;min-height:100vh;padding:40px 0}.page-header{text-align:center;margin-bottom:40px}.page-header h1{color:#1f2937;margin-bottom:8px;font-size:36px;font-weight:700}.page-header p{color:#6b7280;font-size:18px}.search-section{background:#fff;border-radius:12px;margin-bottom:40px;padding:30px;box-shadow:0 2px 8px #0000001a}.search-form{flex-direction:column;gap:20px;display:flex}.search-bar{gap:12px;display:flex}.search-input-wrapper{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;gap:10px;padding:0 16px;transition:border-color .3s;display:flex}.search-input-wrapper:focus-within{border-color:#2563eb}.search-icon{opacity:.5;flex-shrink:0;width:20px;min-width:20px;max-width:20px;height:20px;min-height:20px;max-height:20px;display:block}.search-input{background-color:#0000;flex:1;font-size:16px;box-shadow:none!important;border:none!important;outline:none!important;padding:12px 0!important}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.results-section{margin-top:40px}.results-header{margin-bottom:24px}.results-header h3{color:#1f2937;font-size:24px;font-weight:600}.properties-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.property-card{color:inherit;background:#fff;border-radius:12px;text-decoration:none;transition:all .3s;display:block;overflow:hidden;box-shadow:0 2px 8px #0000001a}.property-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.property-image{background:#e5e7eb;width:100%;height:220px;position:relative;overflow:hidden}.property-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.property-card:hover .property-image img{transform:scale(1.1)}.property-badge{color:#fff;text-transform:capitalize;z-index:2;background:#2564ebe5;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;top:12px;left:12px}.posted-date-badge{color:#fff;-webkit-backdrop-filter:blur(10px);z-index:2;background:#0008;border:1px solid #fff3;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:12px;right:12px}.date-badge-icon{filter:brightness(0)invert()}.property-info{padding:20px}.property-title{color:#1f2937;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:18px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.property-location{color:#6b7280;margin-bottom:12px;font-size:14px}.property-features{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.property-features span{color:#6b7280;font-size:13px}.property-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.property-rent{align-items:baseline;gap:4px;display:flex}.rent-amount{color:#2563eb;font-size:24px;font-weight:700}.rent-period{color:#6b7280;font-size:14px}.badge{border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600}.badge-success{color:#065f46;background:#d1fae5}.badge-danger{color:#991b1b;background:#fee2e2}.loading-state{text-align:center;padding:60px 20px}.loading-state p{color:#6b7280;margin-top:20px;font-size:16px}.empty-state{text-align:center;background:#fff;border-radius:12px;padding:80px 20px;box-shadow:0 2px 8px #0000001a}.empty-icon{margin-bottom:20px;font-size:80px}.empty-state h3{color:#1f2937;margin-bottom:12px;font-size:24px;font-weight:600}.empty-state p{color:#6b7280;margin-bottom:24px;font-size:16px}@media (max-width:768px){.properties-page{padding:16px 0}.page-header h1{font-size:22px}.page-header p{font-size:14px}.search-section{margin-bottom:20px;padding:16px}.search-bar{flex-direction:column;gap:10px}.search-input-wrapper{width:100%}.search-bar .btn{width:100%;padding:12px}.filters-grid{grid-template-columns:1fr 1fr;gap:10px}.properties-grid{grid-template-columns:1fr;gap:16px}.property-image{height:200px}.property-info{padding:14px}.rent-amount{font-size:20px}.empty-state{padding:40px 16px}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/1000px 100%;border-radius:8px;animation:2s infinite shimmer}.skeleton-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.skeleton-image{width:100%;height:220px}.skeleton-content{flex-direction:column;gap:12px;padding:20px;display:flex}.skeleton-title{width:80%;height:24px}.skeleton-location{width:60%;height:16px}.skeleton-features{gap:16px;display:flex}.skeleton-feature{width:60px;height:16px}.skeleton-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-top:4px;padding-top:16px;display:flex}.skeleton-price{width:100px;height:28px}.skeleton-badge{border-radius:6px;width:70px;height:24px}