@layer base{[data-mode=hotel]{--accent-primary:#007aff;--accent-secondary:#4caf50;--accent-warning:#d9534f;--accent-primary-hover:#0051d5;--accent-primary-light:#e6f2ff;--text-accent:#007aff;--bg-tertiary:#f5f5f7;--hero-bg:linear-gradient(to bottom,white,#f5f5f5)}}@layer components{[data-mode=hotel]{--primary-color:var(--accent-primary)}[data-mode=hotel] .btn-primary{background-color:var(--accent-primary);color:#fff;border-radius:var(--border-radius);cursor:pointer;border:none;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s}[data-mode=hotel] .btn-primary:hover{background-color:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #007aff4d}[data-mode=hotel] .btn-secondary{color:var(--accent-primary);border:2px solid var(--accent-primary);background-color:#0000}[data-mode=hotel] .btn-secondary:hover{background-color:var(--accent-primary-light)}[data-mode=hotel] .badge-value{background-color:var(--accent-secondary);color:#fff;border-radius:4px;padding:4px 10px;font-size:.875rem;font-weight:600}[data-mode=hotel] .badge-warning{background-color:var(--accent-warning);color:#fff;border-radius:4px;padding:4px 10px;font-size:.875rem;font-weight:600}[data-mode=hotel] .badge-rating{background-color:var(--accent-primary);color:#fff;border-radius:4px;padding:6px 10px;font-size:.875rem;font-weight:700}[data-mode=hotel] .search-form{background:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--shadow-card);max-width:900px;margin:0 auto}[data-mode=hotel] .hotel-card{gap:var(--spacing-md);background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-md);grid-template-columns:300px 1fr auto;transition:box-shadow .2s;display:grid;overflow:hidden}[data-mode=hotel] .hotel-card:hover{box-shadow:0 4px 16px #007aff26}[data-mode=hotel] .hotel-image{width:100%;height:100%;min-height:220px;position:relative;overflow:hidden}[data-mode=hotel] .hotel-image img{object-fit:cover;width:100%;height:100%}[data-mode=hotel] .image-carousel{position:relative}[data-mode=hotel] .carousel-nav{bottom:var(--spacing-sm);gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}[data-mode=hotel] .carousel-dot{cursor:pointer;background:#ffffff80;border-radius:50%;width:8px;height:8px}[data-mode=hotel] .carousel-dot.active{background:#fff}[data-mode=hotel] .hotel-info{padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}[data-mode=hotel] .hotel-name{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}[data-mode=hotel] .hotel-location{color:var(--text-secondary);align-items:center;gap:4px;font-size:.875rem;display:flex}[data-mode=hotel] .hotel-rating{align-items:center;gap:var(--spacing-sm);display:flex}[data-mode=hotel] .rating-text{color:var(--text-primary);font-size:.875rem;font-weight:600}[data-mode=hotel] .hotel-features{gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}[data-mode=hotel] .feature-tag{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:4px;padding:4px 8px;font-size:.75rem}[data-mode=hotel] .hotel-pricing{padding:var(--spacing-md);flex-direction:column;justify-content:space-between;align-items:flex-end;min-width:200px;display:flex}[data-mode=hotel] .price-wrapper{text-align:right}[data-mode=hotel] .price-label{color:var(--text-secondary);margin-bottom:4px;font-size:.75rem}[data-mode=hotel] .price-amount{color:var(--accent-primary);font-size:1.75rem;font-weight:700}[data-mode=hotel] .price-unit{color:var(--text-secondary);font-size:.875rem}[data-mode=hotel] .price-original{color:var(--text-secondary);margin-right:var(--spacing-sm);font-size:1rem;text-decoration:line-through}[data-mode=hotel] .urgency-message{color:var(--accent-warning);margin-top:4px;font-size:.75rem;font-weight:600}[data-mode=hotel] .free-cancellation{color:var(--accent-secondary);margin-top:4px;font-size:.75rem;font-weight:600}[data-mode=hotel] .filter-sidebar{background:var(--bg-primary);padding:var(--spacing-md);border-radius:var(--border-radius);box-shadow:var(--shadow-card)}[data-mode=hotel] .filter-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid #e0e0e0}[data-mode=hotel] .filter-section:last-child{border-bottom:none}[data-mode=hotel] .filter-title{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1rem;font-weight:700}[data-mode=hotel] .checkbox-label{padding:var(--spacing-sm)0;cursor:pointer;justify-content:space-between;align-items:center;display:flex}[data-mode=hotel] .checkbox-label:hover{color:var(--accent-primary)}[data-mode=hotel] .checkbox-count{color:var(--text-secondary);font-size:.875rem}[data-mode=hotel] .price-slider{margin-top:var(--spacing-md)}[data-mode=hotel] .slider-track{background:#e0e0e0;border-radius:3px;width:100%;height:6px;position:relative}[data-mode=hotel] .slider-range{background:var(--accent-primary);border-radius:3px;height:100%}[data-mode=hotel] .slider-values{margin-top:var(--spacing-sm);color:var(--text-secondary);justify-content:space-between;font-size:.875rem;display:flex}[data-mode=hotel] .map-toggle{background:var(--bg-primary);border:2px solid var(--accent-primary);color:var(--accent-primary);border-radius:var(--border-radius);cursor:pointer;padding:12px 24px;font-weight:600;transition:all .2s}[data-mode=hotel] .map-toggle:hover{background:var(--accent-primary);color:#fff}[data-mode=hotel] .results-header{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--border-radius);justify-content:space-between;align-items:center;display:flex}[data-mode=hotel] .sort-dropdown{background:var(--bg-primary);cursor:pointer;border:2px solid #e0e0e0;border-radius:6px;padding:8px 12px;font-size:.875rem}[data-mode=hotel] .sort-dropdown:focus{border-color:var(--accent-primary)}[data-mode=hotel] .view-toggle{gap:var(--spacing-sm);display:flex}[data-mode=hotel] .view-button{cursor:pointer;background:0 0;border:2px solid #e0e0e0;border-radius:6px;padding:8px 12px;transition:all .2s}[data-mode=hotel] .view-button.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}[data-mode=hotel] a{color:var(--accent-primary);text-decoration:none}[data-mode=hotel] a:hover{text-decoration:underline}[data-mode=hotel] .input-field{border:2px solid #e0e0e0;border-radius:6px;width:100%;padding:12px;transition:border-color .2s}[data-mode=hotel] .input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-light)}[data-mode=hotel] .tab-navigation{margin-bottom:var(--spacing-lg);border-bottom:2px solid #e0e0e0;gap:0;display:flex}[data-mode=hotel] .tab-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 24px;font-weight:600;transition:all .2s}[data-mode=hotel] .tab-item:hover{color:var(--accent-primary)}[data-mode=hotel] .tab-item.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}[data-mode=hotel] .hero-section{background:var(--hero-bg)}}