.accommodation-page{background:var(--bg-base);min-height:100vh}.accommodation-layout{gap:var(--space-8);padding-top:var(--space-8);padding-bottom:var(--space-16);grid-template-columns:280px 1fr;align-items:start;display:grid}@media (max-width:1024px){.accommodation-layout{grid-template-columns:1fr}}.browse-sidebar{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);position:sticky;top:90px}.filter-section{margin-bottom:var(--space-4)}.filter-section:last-child{margin-bottom:0}.filter-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary);margin-bottom:var(--space-3);font-size:.8rem;font-weight:700}.filter-divider{background:var(--border-light);height:1px;margin:var(--space-4) 0}.filter-pills{flex-wrap:wrap;gap:6px;display:flex}.filter-pill{border:1.5px solid var(--border-light);background:var(--bg-base);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:500;transition:all .18s}.filter-pill:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.filter-pill.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{background:var(--bg-base);border:1.5px solid var(--border-light);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:.875rem;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-textarea{resize:vertical;min-height:80px}.form-group{margin-bottom:0}.btn{border-radius:var(--radius-lg);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark,#1a6b3a);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-ghost{background:var(--bg-base);color:var(--text-secondary);border:1.5px solid var(--border-light)}.btn-ghost:hover{background:var(--gray-100)}.w-full{width:100%}.listings-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.listing-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;overflow:hidden}.listing-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-3px)}.listing-card-image{background:var(--gray-100);height:180px;position:relative;overflow:hidden}.listing-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.listing-card:hover .listing-card-image img{transform:scale(1.04)}.listing-card-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700;position:absolute;top:10px;left:10px}.badge-offering{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.badge-seeking{color:#5b21b6;background:#ede9fe;border:1px solid #ddd6fe}.badge-for-sale{color:#854d0e;background:#fef9c3;border:1px solid #fde68a}.listing-card-type-icon{background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.95rem;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 1px 4px #0000001a}.listing-card-body{padding:var(--space-4);flex-direction:column;flex:1;gap:7px;display:flex}.listing-card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.975rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.listing-meta-chip{color:var(--text-secondary);align-items:center;gap:4px;font-size:.78rem;display:flex}.listing-card-price{color:var(--primary);font-size:1.2rem;font-weight:800}.listing-card-price span{color:var(--text-tertiary);margin-left:2px;font-size:.78rem;font-weight:400}.listing-card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.listing-card-poster{border-top:1px solid var(--border-light);align-items:center;gap:8px;margin-top:auto;padding-top:8px;display:flex}.poster-avatar{background:var(--primary-light);width:28px;height:28px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.poster-name{color:var(--text-secondary);font-size:.8rem;font-weight:500}.listing-card-actions{padding:0 var(--space-4) var(--space-4);gap:8px;display:flex}.btn-contact{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1;padding:9px 12px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s}.btn-contact:hover{background:var(--primary-dark,#1a6b3a)}.btn-save{background:var(--bg-base);border:1.5px solid var(--border-light);color:var(--text-tertiary);cursor:pointer;border-radius:10px;padding:9px 14px;font-size:.85rem;transition:all .2s}.btn-save:hover{border-color:var(--primary);color:var(--primary)}.section-card{background:var(--bg-white);border:1.5px solid var(--primary-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.empty-state{text-align:center;color:var(--text-tertiary);grid-column:1/-1;padding:60px 20px}.empty-state .icon{margin-bottom:12px;font-size:3rem;display:block}.empty-state h3{color:var(--text-secondary);margin-bottom:6px;font-size:1.1rem}.empty-state p{font-size:.875rem}.browse-results{min-width:0}.results-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.results-count{color:var(--text-secondary);font-size:.875rem}.results-count strong{color:var(--text-primary);font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.3s both fadeInUp}@media (max-width:900px){.standard-header-container{gap:var(--space-4);grid-template-columns:1fr}.standard-header-left p{max-width:100%}}@media (max-width:768px){.accommodation-layout{grid-template-columns:1fr}.browse-sidebar{position:static}.listings-grid{grid-template-columns:1fr}}@media (max-width:480px){.toggle-pill{padding:7px 14px;font-size:.82rem}}