.book-page{padding-top:var(--navbar-height);background:var(--surface-primary);min-height:100vh}.book-layout{gap:var(--space-6);max-width:1400px;padding:var(--space-6)var(--space-6)var(--space-16);grid-template-columns:1fr 380px;margin:0 auto;display:grid}@media (max-width:1024px){.book-layout{grid-template-columns:1fr}}.book-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);top:var(--navbar-height);z-index:20;background:var(--surface-primary);padding:var(--space-3)0;border-bottom:1px solid var(--border-default);flex-wrap:wrap;display:flex;position:sticky}.book-title{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--text-primary);font-weight:700}.book-room-list{gap:var(--space-5);flex-direction:column;display:flex}.room-card{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:all var(--transition-base);overflow:hidden}.room-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.room-card-sold-out{opacity:.65}.room-card-inner{grid-template-columns:200px 1fr;gap:0;display:grid}@media (max-width:640px){.room-card-inner{grid-template-columns:1fr}}.room-card-image{min-height:180px;color:var(--text-tertiary);text-decoration:none;display:block;position:relative;overflow:hidden}.room-card-image-placeholder{background:linear-gradient(135deg,var(--color-neutral-200),var(--color-neutral-300));width:100%;height:100%;min-height:180px;transition:transform var(--transition-slow);justify-content:center;align-items:center;display:flex}[data-theme=dark] .room-card-image-placeholder{background:linear-gradient(135deg,#2a2a2a,#333)}.room-card:hover .room-card-image-placeholder{transform:scale(1.05)}.room-card-image:after{content:"";opacity:0;transition:opacity var(--transition-base);pointer-events:none;z-index:1;background:linear-gradient(#0000 40%,#00000073 100%);position:absolute;inset:0}.room-card:hover .room-card-image:after{opacity:1}.room-card-view-details{text-align:center;padding:var(--space-3);color:#fff;font-size:var(--text-sm);letter-spacing:.04em;z-index:2;opacity:0;transition:all var(--transition-base);font-weight:600;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.room-card:hover .room-card-view-details{opacity:1;transform:translateY(0)}.room-card-info{padding:var(--space-4)var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.room-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.room-card-name-link{color:inherit;text-decoration:none}.room-card-name-link:hover .room-card-name{color:var(--color-primary-500)}.room-card-name{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);transition:color var(--transition-fast);font-weight:600}.room-card-occupancy{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:var(--space-1);display:flex}.room-card-occupancy-icon{color:var(--text-secondary);display:inline-flex}.room-card-guest-callout{border-radius:var(--radius-md);color:var(--text-secondary);background:#f9731614;border:1px solid #f9731633;align-items:center;gap:6px;padding:6px 10px;font-size:.75rem;line-height:1.4;display:flex}.room-card-guest-callout svg{stroke:#f97316;opacity:.8;flex-shrink:0}[data-theme=dark] .room-card-guest-callout{background:#f973160f;border-color:#f9731626}.room-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.room-card-amenities{gap:var(--space-2);flex-wrap:wrap;display:flex}.room-card-amenity{border:1px solid var(--border-default);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-secondary);cursor:default;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.room-card-amenity:hover{color:var(--color-primary-500);border-color:var(--color-primary-500)}.room-card-actions{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-1);display:flex}.room-card-calendar-toggle{align-items:center;gap:var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-1)var(--space-2);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-fast);background:0 0;display:flex}.room-card-calendar-toggle:hover{border-color:var(--color-primary-500);color:var(--text-primary)}.room-card-price-cta{align-items:center;gap:var(--space-4);display:flex}.room-card-price{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);font-weight:700}.room-card-price-unit{font-size:var(--text-sm);color:var(--text-secondary);font-weight:400}.room-card-select-btn{padding:var(--space-2)var(--space-4);background:var(--surface-primary);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-weight:500}.room-card-select-btn:hover{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff;box-shadow:var(--shadow-glow)}.room-card-qty-selector{align-items:center;gap:var(--space-2);display:flex}.qty-btn{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-primary);cursor:pointer;font-size:var(--text-lg);transition:all var(--transition-fast);justify-content:center;align-items:center;font-weight:500;display:flex}.qty-btn:hover{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.qty-value{font-size:var(--text-base);color:var(--text-primary);text-align:center;min-width:20px;font-weight:600}.room-card-sold-out-badge{padding:var(--space-2)var(--space-4);background:var(--color-neutral-200);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}[data-theme=dark] .room-card-sold-out-badge{background:#ffffff14}.room-card-calendar{border-top:1px solid var(--border-default);animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.avail-strip{padding:var(--space-3)var(--space-4)}.avail-strip-inner{align-items:center;gap:0;display:flex;position:relative}.avail-strip-days{flex:1;gap:0;display:flex;overflow:hidden}.avail-strip-day{padding:var(--space-2)var(--space-1);border:none;border-right:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body);background:0 0;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;display:flex}.avail-strip-day:last-child{border-right:none}.avail-strip-day:hover:not(:disabled){background:var(--surface-secondary)}.avail-strip-day.sold-out{cursor:default}.avail-strip-day.selected-day{background:#ef44441f}.avail-day-name{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.avail-day-date{font-size:var(--text-xs);color:var(--text-secondary)}.avail-day-price{font-size:var(--text-sm);color:var(--color-success);font-weight:600}[data-theme=dark] .avail-day-price{color:#4ade80}.avail-day-x{font-size:var(--text-base);color:var(--color-error);font-weight:700}[data-theme=dark] .avail-day-x{color:#ef4444}.avail-day-units{color:var(--text-tertiary);font-size:.65rem}.avail-strip-arrow{background:var(--surface-elevated);border:1px solid var(--border-default);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #00000040}.avail-strip-arrow:hover:not(:disabled){background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff;transform:scale(1.1);box-shadow:0 4px 16px #e8792466}.avail-strip-arrow:active:not(:disabled){transform:scale(.95);box-shadow:0 1px 4px #0000004d}.avail-strip-arrow:disabled{opacity:.2;cursor:not-allowed;box-shadow:none}.avail-strip-arrow-left{margin-right:6px}.avail-strip-arrow-right{margin-left:6px}.book-sidebar{position:relative}.booking-summary{top:calc(var(--navbar-height) + var(--space-6));background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex;position:sticky}.booking-summary-header{justify-content:space-between;align-items:flex-start;display:flex}.booking-summary-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.booking-summary-currency{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);background:var(--surface-secondary);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);font-weight:500;display:flex}.booking-summary-dates{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.booking-summary-empty{font-size:var(--text-sm);color:var(--text-tertiary);text-align:center;padding:var(--space-6)0}.booking-summary-items{gap:var(--space-3);flex-direction:column;display:flex}.booking-summary-item{gap:var(--space-2);flex-direction:column;display:flex}.booking-summary-item-info{justify-content:space-between;align-items:center;display:flex}.booking-summary-item-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.booking-summary-remove{cursor:pointer;font-size:var(--text-base);padding:var(--space-1);color:var(--text-secondary);opacity:.6;transition:opacity var(--transition-fast);background:0 0;border:none}.booking-summary-remove:hover{opacity:1;color:var(--color-error)}.booking-summary-item-price{justify-content:space-between;align-items:center;display:flex}.booking-summary-price-calc{font-size:var(--text-sm);color:var(--text-secondary)}.booking-summary-price-total{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.booking-summary-breakdown{border-top:1px solid var(--border-default);padding-top:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.booking-summary-row{font-size:var(--text-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.booking-summary-row-total{color:var(--text-primary);font-weight:600;font-size:var(--text-base)}.booking-summary-row-payable{color:var(--text-primary);font-weight:700}.booking-summary-cta{width:100%;padding:var(--space-4)var(--space-6);color:#fff;border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-2);background:#f97316;border:none;font-weight:600}.booking-summary-cta:hover:not(:disabled){background:#ea580c;transform:translateY(-1px);box-shadow:0 0 20px #f9731666}.booking-summary-cta:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1024px){.book-sidebar{order:-1}.booking-summary{position:relative;top:0}.book-header{flex-direction:column;align-items:flex-start}.cal-dropdown{width:calc(100vw - 2rem);min-width:auto;max-width:560px}}@media (max-width:640px){.book-layout{padding:var(--space-4)}.room-card-inner{grid-template-columns:1fr}.room-card-image{min-height:140px}.room-card-actions{flex-wrap:wrap}.avail-strip-days{-webkit-overflow-scrolling:touch;overflow-x:auto}.avail-strip-day{min-width:70px}.cal-months{grid-template-columns:1fr}.cal-dropdown{width:calc(100vw - 2rem);min-width:auto;left:0;transform:none}}.availability-warning{color:var(--text-secondary);background:#ffaa0014;border:1px solid #ffaa0040;border-radius:8px;align-items:flex-start;gap:8px;margin-top:8px;padding:10px 14px;font-size:.8rem;line-height:1.45;display:flex}.availability-warning svg{stroke:#e6a800;flex-shrink:0;margin-top:1px}.availability-warning-text{flex-direction:column;gap:4px;display:flex}.availability-warning-text p{margin:0}.bed-picker{margin-top:var(--space-4);position:relative}.bed-picker-grid{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.bed-picker-bed{padding:var(--space-5)var(--space-3);border-radius:var(--radius-xl);border:2px solid var(--border-subtle);background:var(--surface-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.bed-picker-bed svg{margin-bottom:var(--space-3);opacity:.7;transition:opacity .3s,transform .3s}.bed-label{color:var(--text-primary);text-align:center;font-size:.9rem;font-weight:600}.bed-status-dot{width:10px;height:10px;box-shadow:0 0 0 2px var(--surface-secondary);border-radius:50%;position:absolute;top:12px;right:12px}.bed-picker-bed:not(:disabled):hover{border-color:#fff6;transform:translateY(-4px)scale(1.02);box-shadow:0 8px 20px -8px #0000004d}[data-theme=light] .bed-picker-bed:not(:disabled):hover{border-color:#0003;box-shadow:0 8px 20px -8px #0000001a}.bed-picker-bed:not(:disabled):active{transform:translateY(0)scale(.98)}.bed-picker-bed.available .bed-status-dot{background-color:#10b981}.bed-picker-bed.available:not(:disabled):hover{border-color:#10b981;box-shadow:0 0 15px #10b98133}.bed-picker-bed.booked{opacity:.6;cursor:not-allowed;background:#ef44440d;border-color:#ef444433}.bed-picker-bed.booked .bed-status-dot{background-color:#ef4444}.bed-picker-bed.booked svg,.bed-picker-bed.booked .bed-label{opacity:.5}.bed-picker-bed.blocked,.bed-picker-bed.maintenance{opacity:.4;cursor:not-allowed;background:var(--surface-card)}.bed-picker-bed.blocked .bed-status-dot,.bed-picker-bed.maintenance .bed-status-dot{background-color:#6b7280}.bed-picker-bed.selected{background:hsl(var(--accent-hsl),.1);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.bed-picker-bed.selected svg{opacity:1;color:var(--accent);transform:scale(1.1)}.bed-picker-bed.selected .bed-label{color:var(--accent)}.bed-picker-bed.at-capacity{opacity:.35;cursor:not-allowed}.bed-picker-loading-overlay{background:rgba(var(--surface-primary-rgb),.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;color:var(--text-primary);border-radius:var(--radius-xl);justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:flex;position:absolute;inset:0}.bed-picker-legend{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.bed-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:.8rem;display:flex}.bed-legend-dot{border-radius:50%;width:8px;height:8px}.bed-legend-dot.available{background:#10b981}.bed-legend-dot.booked{background:#ef4444}.bed-legend-dot.blocked{background:#6b7280}.bed-legend-dot.selected-legend{background:var(--accent)}.room-detail-page{padding-top:var(--navbar-height);background:var(--surface-primary);min-height:100vh}.room-detail-layout{gap:var(--space-6);max-width:1400px;padding:var(--space-6)var(--space-6)var(--space-16);grid-template-columns:1fr 380px;margin:0 auto;display:grid}@media (max-width:1024px){.room-detail-layout{grid-template-columns:1fr}}.room-detail-topbar{justify-content:space-between;align-items:center;gap:var(--space-4);top:var(--navbar-height);z-index:20;background:var(--surface-primary);padding:var(--space-3)0;border-bottom:1px solid var(--border-default);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex;position:sticky}.room-detail-breadcrumb a{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.room-detail-breadcrumb a:hover{color:var(--color-primary-500)}.room-detail-hero{border-radius:var(--radius-xl);margin-bottom:var(--space-6);overflow:hidden}.room-detail-hero-placeholder{justify-content:center;align-items:center;gap:var(--space-3);background:linear-gradient(135deg,var(--color-neutral-200),var(--color-neutral-300));width:100%;min-height:280px;color:var(--text-tertiary);font-size:var(--text-sm);flex-direction:column;display:flex}[data-theme=dark] .room-detail-hero-placeholder{background:linear-gradient(135deg,#2a2a2a,#333)}.room-detail-info{gap:var(--space-5);flex-direction:column;display:flex}.room-detail-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.room-detail-name{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);font-weight:700}.room-detail-meta{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.room-detail-type-badge{border-radius:var(--radius-full);color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;cursor:default;-webkit-user-select:none;user-select:none;white-space:nowrap;pointer-events:none;background:0 0;border:1px solid #ffffff26;align-items:center;padding:2px 10px;font-size:.65rem;font-weight:600;display:inline-flex}[data-theme=light] .room-detail-type-badge{color:#00000073;border-color:#00000026}.room-detail-description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.room-detail-section{margin-top:var(--space-2)}.room-detail-section-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:600}.room-detail-amenities-grid{gap:var(--space-3)var(--space-5);flex-wrap:wrap;display:flex}.room-detail-amenity{align-items:center;gap:var(--space-2);color:var(--text-secondary);cursor:default;-webkit-user-select:none;user-select:none;background:0 0;border:none;padding:0;font-size:.88rem;display:inline-flex}.room-detail-amenity-icon{color:var(--text-tertiary);opacity:.7;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.room-detail-amenity-icon svg{width:15px;height:15px}.room-detail-amenity-label{color:var(--text-secondary);font-size:.85rem;font-weight:400}.room-detail-avail-card{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.snap-strip-container{margin-bottom:var(--space-4);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-4)}.snap-strip-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.snap-strip-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.82rem;font-weight:600}.snap-nav-btn{background:var(--surface-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:background .2s;display:flex}.snap-nav-btn:hover{background:var(--surface-card)}.snap-strip{gap:var(--space-2);grid-template-columns:repeat(7,1fr);display:grid}.snap-day{padding:var(--space-2)var(--space-1);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--surface-secondary);cursor:pointer;flex-direction:column;align-items:center;gap:3px;transition:all .2s;display:flex}.snap-day:hover{border-color:var(--accent);background:hsl(var(--accent-hsl),.08);transform:translateY(-2px)}.snap-day.selected{border-color:var(--accent);background:hsl(var(--accent-hsl),.12);box-shadow:0 0 0 2px hsl(var(--accent-hsl),.2)}.snap-day.today{border-color:#eca413}.snap-day-name{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.65rem;font-weight:600}.snap-day-date{color:var(--text-primary);font-size:.75rem;font-weight:700}.snap-day-price{color:var(--accent);font-size:.82rem;font-weight:700}.snap-day-price.sold{color:var(--text-muted)}.snap-day-indicator{border-radius:2px;width:20px;height:4px;margin:2px 0}.snap-day-label{text-transform:uppercase;letter-spacing:.04em;font-size:.58rem;font-weight:600}.snap-loading{text-align:center;padding:var(--space-4);color:var(--text-muted);font-size:.85rem}@media (max-width:640px){.snap-strip{grid-template-columns:repeat(4,1fr)}}