.listings-page-container{width:100%;min-height:100vh;background:linear-gradient(135deg,hsl(var(--background)),hsl(var(--muted)),hsl(var(--background)))}.charts-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem;max-width:1400px;margin-left:auto;margin-right:auto}.chart-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a;border-radius:24px;overflow:hidden}.chart-card .card-header{padding:.75rem 1.25rem .5rem}.chart-card .card-content{padding:.5rem 1.25rem 1rem}.listings-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.search-filter-group{display:flex;align-items:center;gap:1rem;flex:1;min-width:300px}.search-input-wrapper{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:hsl(var(--muted-foreground));pointer-events:none}.search-input{padding-left:40px;width:100%}.listings-grid{display:flex;flex-direction:column;gap:1.5rem;max-width:1400px;margin-left:auto;margin-right:auto}.listing-card{width:100%;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a;border-radius:16px;transition:all .2s ease;cursor:pointer;padding:0!important;overflow:hidden}.listing-card:hover{background:#ffffff14;border-color:#ffffff26;box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.listing-card-content{display:flex;gap:1rem;padding:0;width:100%}.listing-image{width:140px;min-width:140px;height:85px;overflow:hidden;border-radius:16px 0 0 16px}.listing-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.listing-details{flex:1;display:flex;align-items:center;padding:.75rem 1rem;gap:2rem;width:100%}.listing-name-address{flex:1;min-width:250px}.listing-name{font-size:.9375rem;font-weight:600;margin:0 0 .25rem;color:hsl(var(--foreground))}.listing-address{font-size:.8125rem;color:hsl(var(--muted-foreground));margin:0}.listing-rent{min-width:100px;text-align:right}.listing-days{min-width:80px;text-align:center}.rent-value,.days-value{font-size:.875rem;font-weight:600;color:hsl(var(--foreground))}.status-pill{padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:600;text-align:center;white-space:nowrap;min-width:120px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-pill-listed{background-color:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.status-pill-ready{background-color:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-pill-review{background-color:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-pill-updates{background-color:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-pill-default{background-color:#9ca3af1a;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.property-type{padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:600;background-color:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:hsl(var(--foreground));border:1px solid rgba(255,255,255,.2);white-space:nowrap;min-width:60px;text-align:center}@media(max-width:1200px){.charts-container{grid-template-columns:repeat(2,1fr)}.charts-container .chart-card:last-child{grid-column:1 / -1;max-width:600px;margin:0 auto}}@media(max-width:768px){.charts-container{grid-template-columns:1fr}.charts-container .chart-card:last-child{grid-column:1;max-width:100%}.listings-controls{flex-direction:column;align-items:stretch}.search-filter-group{flex-direction:column;width:100%}.search-input-wrapper{max-width:100%}.select-btn-outline-inline{width:100%;justify-content:center}.listing-card-content{flex-direction:row;gap:.75rem}.listing-image{width:100px;min-width:100px;height:70px;border-radius:16px 0 0 16px}.listing-details{flex-wrap:wrap;gap:1rem;padding:.75rem}.listing-name-address{min-width:100%;flex-basis:100%}.listing-rent,.listing-days{min-width:auto;text-align:left}.status-pill,.property-type{min-width:auto}}
