.mybookings-page{background:#f5f7fa;max-width:1400px;min-height:calc(100vh - 60px);margin:0 auto;padding:20px}.mybookings-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.mybookings-title{color:#1a1a2e;margin-bottom:8px;font-size:28px}.mybookings-subtitle{color:#718096;font-size:14px}.bookings-stats{background:#fff;border-radius:12px;gap:16px;padding:12px 24px;display:flex;box-shadow:0 1px 2px #0000000d}.stats-number{font-size:24px;font-weight:700}.stats-number.active{color:#2850a7}.stats-number.completed{color:#10b981}.stats-number.cancelled{color:#ef4444}.stats-label{color:#64748b;margin-left:4px;margin-right:8px}.filter-buttons{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.filter-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:8px 20px;font-size:14px;transition:all .2s}.filter-btn:hover{color:#2850a7;border-color:#2850a7}.filter-btn.active{color:#fff;background:#2850a7;border-color:#2850a7}.nav-buttons{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.calendar-table{table-layout:fixed;width:100%;min-width:800px}.calendar-header-row{background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:80px repeat(7,1fr);display:grid}.time-header{color:#64748b;text-align:center;border-right:1px solid #e2e8f0;padding:12px 8px;font-size:14px;font-weight:600}.day-header{text-align:center;border-right:1px solid #e2e8f0;padding:12px 8px}.day-header:last-child{border-right:none}.day-header-today{background:#eef2ff}.calendar-row:last-child{border-bottom:none}.time-cell{color:#64748b;text-align:center;background:#fff;border-right:1px solid #f1f5f9;padding:12px 8px;font-size:12px;font-weight:500}.calendar-cell{border-right:1px solid #f1f5f9;min-height:70px;padding:4px;transition:all .2s;overflow:hidden}.calendar-cell:last-child{border-right:none}.calendar-cell-free{background:#f8fafc}.calendar-cell-free:hover{background:#f1f5f9}.calendar-cell-booked{cursor:pointer;background:#e0e7ff}.calendar-cell-booked:hover{background:#c7d2fe}.booking-card{background:#2850a7;border-radius:8px;flex-direction:column;justify-content:center;width:100%;height:100%;padding:6px;display:flex;overflow:hidden}.booking-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:10px;font-weight:700;overflow:hidden}.booking-time{color:#fffc;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.legend-free{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;width:20px;height:20px}.legend-booked{background:#2850a7;border-radius:6px;width:20px;height:20px}.legend-text{color:#64748b;font-size:12px}.history-list{flex-direction:column;gap:16px;display:flex}.history-card{cursor:pointer;background:#fff;border-left:4px solid;border-radius:16px;padding:20px;transition:all .2s;box-shadow:0 1px 2px #0000000d}.history-card:hover{transform:translate(5px);box-shadow:0 4px 12px #0000001a}.history-card.confirmed{border-left-color:#2850a7}.history-card.completed{border-left-color:#10b981}.history-card.cancelled{opacity:.7;border-left-color:#ef4444}.history-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.history-status{align-items:center;gap:12px;display:flex}.status-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.status-badge.confirmed{color:#2850a7;background:#e0e7ff}.status-badge.completed{color:#10b981;background:#dcfce7}.status-badge.cancelled{color:#ef4444;background:#fee2e2}.history-date{color:#64748b;font-size:14px}.history-price{color:#2850a7;font-size:18px;font-weight:700}.history-workspace{color:#1e293b;margin-bottom:8px;font-size:18px}.history-time{color:#64748b;font-size:14px}.history-details{color:#64748b;gap:16px;margin-top:8px;font-size:13px;display:flex}.history-card-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;display:flex}.history-created{color:#94a3b8;font-size:12px}.cancel-small-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:6px 16px;font-size:12px;transition:all .2s}.cancel-small-btn:hover{background:#dc2626}.empty-state{text-align:center;background:#fff;border-radius:16px;margin-top:30px;padding:60px}.empty-icon{margin-bottom:20px;font-size:64px}.empty-title{color:#1e293b;margin-bottom:12px}.empty-text{color:#64748b;margin-bottom:24px}.go-catalog-btn{color:#fff;cursor:pointer;background:#2850a7;border:none;border-radius:8px;padding:12px 24px;transition:all .2s}.go-catalog-btn:hover{background:#1e3d7c}@keyframes spin{to{transform:rotate(360deg)}}.bookingform-page{background:#f5f7fa;max-width:1400px;min-height:calc(100vh - 60px);margin:0 auto;padding:20px}.bookingform-back{color:#2850a7;margin-bottom:20px;font-size:14px;text-decoration:none;display:inline-block}.bookingform-back:hover{text-decoration:underline}.bookingform-title{color:#1a1a2e;margin-bottom:8px;font-size:28px}.bookingform-subtitle{color:#718096;margin-bottom:24px}.calendar-nav{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.nav-btn{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.nav-btn:hover{color:#2850a7;border-color:#2850a7}.today-btn{color:#fff;background:#2850a7;border:none}.today-btn:hover{background:#1e3d7c;border:none}.calendar-wrapper{background:#fff;border-radius:16px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.calendar-table{min-width:800px}.calendar-header-row{background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:80px repeat(7,1fr);padding:12px 0;display:grid}.time-header{color:#64748b;text-align:center;font-size:14px;font-weight:600}.day-header{text-align:center}.day-header-today{background:#eef2ff;border-radius:8px}.weekday{color:#64748b;font-size:12px}.day-number{color:#1e293b;font-size:18px;font-weight:700}.calendar-row{border-bottom:1px solid #f1f5f9;grid-template-columns:80px repeat(7,1fr);display:grid}.time-cell{color:#64748b;text-align:center;padding:12px;font-size:12px;font-weight:500}.calendar-cell{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-height:60px;margin:4px;transition:all .2s;display:flex}.calendar-cell.available{background:#f1f5f9;border:1px solid #e2e8f0}.calendar-cell.available:hover{border-color:#2850a7;transform:scale(.98)}.calendar-cell.selected{background:#2850a7;border:none}.calendar-cell.booked{cursor:not-allowed;background:#e0e7ff;border:1px solid #c7d2fe}.calendar-cell.booked:hover{border-color:#2850a7}.selected-check{color:#fff;font-size:20px;font-weight:700}.booked-lock{color:#94a3b8;font-size:14px}.legend{background:#fff;border-radius:12px;justify-content:center;gap:32px;margin:24px 0;padding:16px;display:flex;box-shadow:0 1px 3px #0000001a}.legend-item{color:#64748b;align-items:center;gap:8px;font-size:12px;display:flex}.legend-available{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;width:20px;height:20px}.legend-selected{background:#2850a7;border-radius:6px;width:20px;height:20px}.legend-booked{background:#e0e7ff;border:1px solid #c7d2fe;border-radius:6px;width:20px;height:20px}.bookingform-selected{background:#fff;border-radius:16px;margin-top:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.bookingform-selected h3{color:#1e293b;margin-bottom:16px;font-size:18px}.selected-list{max-height:200px;margin-bottom:16px;overflow-y:auto}.selected-interval{color:#334155;background:#f8fafc;border-radius:8px;justify-content:space-between;margin-bottom:8px;padding:10px 12px;font-size:14px;display:flex}.selected-interval span:last-child{color:#2850a7;font-weight:600}.selected-total{color:#1e293b;border-top:1px solid #e2e8f0;justify-content:space-between;padding:16px;font-size:18px;font-weight:700;display:flex}.selected-total span:last-child{color:#2850a7;font-size:22px}.submit-booking-btn{color:#fff;cursor:pointer;background:#2850a7;border:none;border-radius:12px;width:100%;margin-top:16px;padding:14px;font-size:16px;font-weight:600;transition:all .2s}.submit-booking-btn:hover{background:#1e3d7c;transform:translateY(-2px)}.submit-booking-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.error-message{color:#dc2626;text-align:center;background:#fee2e2;border-radius:8px;margin-top:16px;padding:12px;font-size:14px}.success-message{color:#16a34a;text-align:center;background:#dcfce7;border-radius:8px;margin-top:16px;padding:12px;font-size:14px}.editroom-page{background:#f8f9fa;min-height:calc(100vh - 60px);padding:40px 20px}.editroom-container{max-width:700px;margin:0 auto}.editroom-back{color:#2850a7;margin-bottom:24px;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}.editroom-back:hover{text-decoration:underline}.editroom-title{color:#1a1a2e;margin-bottom:8px;font-size:28px;font-weight:700}.editroom-subtitle{color:#718096;margin-bottom:30px;font-size:14px}.editroom-form{background:#fff;border-radius:20px;padding:32px;box-shadow:0 2px 8px #0000000f}.editroom-form .form-group{margin-bottom:20px}.editroom-form .form-group label{color:#2d3748;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.editroom-form .form-group input,.editroom-form .form-group textarea,.editroom-form .form-group select{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.editroom-form .form-group input:focus,.editroom-form .form-group textarea:focus,.editroom-form .form-group select:focus{border-color:#2850a7;outline:none;box-shadow:0 0 0 3px #2850a71a}.editroom-form .form-group textarea{resize:vertical}.editroom-form .form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.image-preview{border:1px solid #e2e8f0;border-radius:8px;max-width:300px;margin-top:12px;overflow:hidden}.checkbox-group{padding-top:8px}.checkbox-label{cursor:pointer;color:#2d3748;align-items:center;gap:10px;font-size:14px;font-weight:500!important;display:flex!important}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#2850a7;width:18px;height:18px}.editroom-form .form-actions{border-top:1px solid #e9ecef;gap:16px;margin-top:8px;padding-top:24px;display:flex}.editroom-form .cancel-btn-form{color:#4a5568;cursor:pointer;text-align:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;flex:1;padding:12px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s}.editroom-form .cancel-btn-form:hover{background:#e9ecef}.editroom-form .submit-btn{color:#fff;cursor:pointer;background:#2850a7;border:none;border-radius:10px;flex:2;padding:12px;font-size:16px;font-weight:600;transition:background .2s}.editroom-form .submit-btn:hover{background:#1e3d7c}.editroom-form .submit-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#dc2626;background:#fee2e2;border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:14px}.success-message{color:#16a34a;background:#dcfce7;border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:14px}@media (width<=600px){.editroom-form .form-row{grid-template-columns:1fr}.editroom-form{padding:20px}.editroom-title{font-size:24px}.editroom-form .form-actions{flex-direction:column}}.reviews-page{background:#f5f7fa;max-width:900px;min-height:calc(100vh - 60px);margin:0 auto;padding:20px}.reviews-header{margin-bottom:30px}.reviews-back{color:#2850a7;margin-bottom:12px;font-size:14px;text-decoration:none;display:inline-block}.reviews-back:hover{text-decoration:underline}.reviews-title{color:#1a1a2e;margin:0;font-size:28px}.reviews-room-info{background:#fff;border-radius:12px;flex-wrap:wrap;gap:32px;margin-bottom:24px;padding:16px 24px;display:flex;box-shadow:0 1px 3px #0000000d}.room-info-item{align-items:center;gap:8px;display:flex}.info-label{color:#64748b;font-size:14px}.info-value{color:#1e293b;font-size:14px;font-weight:600}.write-review-btn{color:#fff;cursor:pointer;background:#2850a7;border:none;border-radius:10px;margin-bottom:30px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s}.write-review-btn:hover{background:#1e3d7c;transform:translateY(-2px)}.review-form-container{background:#fff;border-radius:16px;margin-bottom:30px;padding:24px;box-shadow:0 1px 3px #0000000d}.review-form-container h3{color:#1e293b;margin-bottom:20px;font-size:18px}.review-form .form-group{margin-bottom:16px}.review-form .form-group label{color:#334155;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.review-form .form-group textarea{resize:vertical;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:14px;transition:border-color .2s}.review-form .form-group textarea:focus{border-color:#2850a7;outline:none}.review-form-actions{gap:12px;display:flex}.submit-review-btn{color:#fff;cursor:pointer;background:#2850a7;border:none;border-radius:8px;flex:1;padding:12px;font-size:16px;font-weight:600;transition:background .2s}.submit-review-btn:hover:not(:disabled){background:#1e3d7c}.submit-review-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-review-btn{color:#334155;cursor:pointer;background:#e2e8f0;border:none;border-radius:8px;flex:1;padding:12px;font-size:16px;font-weight:600;transition:background .2s}.cancel-review-btn:hover{background:#cbd5e1}.reviews-section-title{color:#1e293b;border-bottom:2px solid #e2e8f0;margin-bottom:20px;padding-bottom:12px;font-size:20px}.reviews-list{margin-top:20px}.review-card{background:#fff;border-radius:12px;margin-bottom:16px;padding:20px;transition:box-shadow .2s;box-shadow:0 1px 3px #0000000d}.review-card:hover{box-shadow:0 4px 12px #00000014}.review-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.review-user{align-items:center;gap:12px;display:flex}.user-avatar{color:#fff;background:#2850a7;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.review-user .user-name{color:#1e293b;font-weight:600}.review-rating .stars{gap:2px}.review-rating .star{font-size:18px}.review-comment{color:#334155;margin-bottom:12px;font-size:15px;line-height:1.6}.review-date{color:#94a3b8;font-size:12px}.empty-state{text-align:center;background:#fff;border-radius:16px;padding:60px}.empty-state .empty-icon{margin-bottom:20px;font-size:64px}.empty-state h3{color:#1e293b;margin-bottom:8px}.empty-state p{color:#64748b;margin-bottom:24px}@media (width<=600px){.reviews-room-info{flex-direction:column;gap:8px}.review-form-actions{flex-direction:column}.review-header{flex-direction:column;align-items:flex-start}}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif}.navbar{z-index:100;background:#fff;padding:0 12px;position:sticky;top:0;box-shadow:0 1px #e9ecef}.navbar-container{justify-content:space-between;align-items:center;gap:12px;max-width:1280px;min-height:60px;margin:0 auto;padding:12px 16px;display:flex}.logo{color:#1a1a2e;white-space:nowrap;flex-shrink:0;font-size:20px;font-weight:700;text-decoration:none}.nav-links{flex-shrink:0;align-items:center;gap:16px;display:flex}.nav-links a{color:#4a5568;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#2850a7}.nav-links a:active{opacity:.7}.login-btn{white-space:nowrap;cursor:pointer;background:#2850a7;border-radius:8px;padding:6px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,transform .2s;display:inline-block;color:#fff!important}.login-btn:hover{background:#1e3d7c;transform:translateY(-1px)}.login-btn:active{transform:scale(.95)}.logout-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:background .2s,transform .2s}.logout-btn:hover{background:#b91c1c;transform:translateY(-1px)}.logout-btn:active{transform:scale(.95)}.user-menu-container{flex-shrink:0;position:relative}.user-menu-trigger{cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:30px;align-items:center;gap:6px;padding:6px 10px;transition:background .2s,transform .2s;display:flex}.user-menu-trigger:hover{background:#0000000d}.user-menu-trigger:active{transform:scale(.95)}.user-avatar{font-size:16px}.user-name{color:#2d3748;text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:14px;font-weight:500;overflow:hidden}.user-arrow{color:#a0aec0;font-size:10px;transition:transform .2s}.user-arrow.open{transform:rotate(180deg)}.user-menu-dropdown{z-index:1000;background:#fff;border-radius:12px;min-width:180px;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 25px #0000001a}.user-menu-item{color:#2d3748;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;text-decoration:none;transition:background .2s,transform .2s;display:flex}.user-menu-item:hover{background:#f7fafc}.user-menu-item:active{transform:scale(.98)}.menu-icon{font-size:16px}.user-menu-divider{border:none;border-top:1px solid #e2e8f0;margin:0}@media (width<=768px){.navbar-container{gap:8px;min-height:54px;padding:10px 12px}.logo{font-size:18px}.login-btn{padding:6px 14px;font-size:13px}.user-name{max-width:70px;font-size:13px}}@media (width<=480px){.navbar-container{gap:6px;min-height:48px;padding:8px 10px}.logo{font-size:16px}.login-btn{padding:5px 12px;font-size:12px}.user-menu-trigger{gap:4px;padding:4px 8px}.user-name{max-width:60px;font-size:12px}.user-avatar{font-size:14px}.user-arrow{font-size:8px}}@media (width<=360px){.navbar-container{gap:4px;min-height:42px;padding:6px 8px}.logo{font-size:14px}.login-btn{padding:4px 10px;font-size:11px}.user-name{max-width:50px;font-size:11px}.user-menu-trigger{padding:3px 6px}}.dashboard-container{max-width:1280px;margin:0 auto;padding:40px 24px}.page-title{color:#1a1a2e;margin-bottom:8px;font-size:32px;font-weight:700}.page-subtitle{color:#718096;margin-bottom:32px}.room-details-container{max-width:1280px;margin:0 auto;padding:40px 24px}.room-details-back{margin-bottom:24px}.room-details-back a{color:#2850a7;font-weight:500;text-decoration:none;transition:opacity .2s}.room-details-back a:hover{text-decoration:underline}.room-details-back a:active{opacity:.7}.room-details-grid{grid-template-columns:1fr 380px;gap:48px;display:grid}@media (width<=768px){.room-details-grid{grid-template-columns:1fr}}.room-details-image{border-radius:16px;width:100%;margin-bottom:24px}.room-details-title{color:#1a1a2e;margin-bottom:16px;font-size:32px;font-weight:700}.room-details-description{color:#4a5568;margin-bottom:24px;line-height:1.6}.room-details-specs{background:#f7fafc;border-radius:16px;margin-bottom:24px;padding:20px}.spec-item{border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:8px 0;display:flex}.spec-item:last-child{border-bottom:none}.spec-icon{font-size:20px}.spec-label{color:#718096;width:100px}.spec-value{color:#2d3748;font-weight:600}.room-details-amenities h3{color:#1a1a2e;margin-bottom:12px;font-size:18px}.amenities-list{flex-wrap:wrap;gap:10px;display:flex}.amenity-tag{color:#2d3748;background:#edf2f7;border-radius:20px;padding:6px 14px;font-size:14px}.room-details-booking{align-self:start;position:sticky;top:100px}.booking-card-sticky{background:#fff;border-radius:20px;padding:28px;box-shadow:0 8px 30px #0000001a}.booking-card-sticky h2{color:#1a1a2e;margin-bottom:20px;font-size:24px}.booking-price-preview{border-bottom:1px solid #e2e8f0;justify-content:space-between;margin-bottom:20px;padding:16px 0;display:flex}.price-label{color:#718096}.price-value{color:#2850a7;font-size:20px;font-weight:700}.booking-primary-btn{color:#fff;cursor:pointer;background:#2850a7;border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:background .2s,transform .2s}.booking-primary-btn:hover{background:#1e3d7c;transform:translateY(-2px)}.booking-primary-btn:active{transform:scale(.95)}.reviews-main-btn{color:#fff;cursor:pointer;background:#2850a7;border:none;border-radius:12px;width:100%;margin-top:24px;padding:16px 24px;font-size:18px;font-weight:600;transition:all .2s}.reviews-main-btn:hover{background:#1e3d7c;transform:translateY(-2px)}.reviews-main-btn:active{transform:scale(.95)}.reviews-modal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;max-height:600px;margin-top:16px;padding:24px;overflow-y:auto;box-shadow:0 4px 20px #0000001a}.reviews-modal-content{flex-direction:column;gap:16px;display:flex}.reviews-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.reviews-modal-header h3{color:#1e293b;margin:0;font-size:20px}.reviews-modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:28px;transition:color .2s,transform .2s}.reviews-modal-close:hover{color:#ef4444}.reviews-modal-close:active{transform:scale(.8)}.reviews-modal-body{flex-direction:column;gap:16px;display:flex}.write-review-btn-modal{color:#fff;cursor:pointer;background:#2850a7;border:none;border-radius:10px;width:100%;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.write-review-btn-modal:hover{background:#1e3d7c;transform:translateY(-2px)}.write-review-btn-modal:active{transform:scale(.95)}.review-form-modal{background:#f8fafc;border-radius:12px;padding:20px}.review-form-modal h4{color:#1e293b;margin-bottom:16px}.review-form-actions{gap:12px;margin-top:12px;display:flex}.submit-review-modal-btn{color:#fff;cursor:pointer;background:#2850a7;border:none;border-radius:8px;flex:1;padding:10px 20px;font-weight:600;transition:background .2s,transform .2s}.submit-review-modal-btn:hover:not(:disabled){background:#1e3d7c;transform:translateY(-2px)}.submit-review-modal-btn:active:not(:disabled){transform:scale(.95)}.submit-review-modal-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-review-modal-btn{color:#334155;cursor:pointer;background:#e2e8f0;border:none;border-radius:8px;flex:1;padding:10px 20px;font-weight:600;transition:background .2s,transform .2s}.cancel-review-modal-btn:hover{background:#cbd5e1}.cancel-review-modal-btn:active{transform:scale(.95)}.stars{gap:4px;display:flex}.star{color:#cbd5e1;font-size:24px;transition:color .2s,transform .2s}.star.active{color:#f59e0b}.star.interactive{cursor:pointer}.star.interactive:hover{transform:scale(1.15)}.star.interactive:active{transform:scale(.8)}.review-item-modal{border-bottom:1px solid #f1f5f9;padding:12px 0}.review-item-modal:last-child{border-bottom:none}.review-item-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.review-user-name{color:#1e293b;font-weight:600}.review-item-comment{color:#334155;margin:4px 0 8px;line-height:1.5}.review-item-date{color:#94a3b8;font-size:12px}.empty-reviews{text-align:center;color:#94a3b8;padding:30px 0;font-size:16px}.container{max-width:1280px;margin:0 auto;padding:40px 24px}.hero{text-align:center;margin-bottom:48px}.hero h1{color:#1a1a2e;margin-bottom:16px;font-size:48px;font-weight:800}.hero p{color:#718096;font-size:18px}.search-section{margin-bottom:32px}.search-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;margin-bottom:24px;padding:12px 20px;display:flex;box-shadow:0 1px 2px #0000000d}.search-icon{color:#a0aec0;margin-right:12px;font-size:20px}.search-bar input{border:none;outline:none;flex:1;font-size:16px}.search-bar input::placeholder{color:#a0aec0}.search-bar input:active{border-color:#2850a7}.filters-row{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.filter-toggle-btn{color:#fff;cursor:pointer;background:#2850a7;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.filter-toggle-btn:hover{background:#1e3d7c;transform:translateY(-2px)}.filter-toggle-btn:active{transform:scale(.95)}.filter-toggle-btn.active{background:#1e3d7c}.reset-filters-btn{color:#4a5568;cursor:pointer;background:#e2e8f0;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.reset-filters-btn:hover{background:#cbd5e1;transform:translateY(-2px)}.reset-filters-btn:active{transform:scale(.95)}.filters-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:24px;padding:24px;display:grid}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-group label{color:#2d3748;font-size:14px;font-weight:600}.filter-input{border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.filter-input:focus{border-color:#2850a7;outline:none;box-shadow:0 0 0 3px #2850a71a}.filter-input:active{border-color:#2850a7}.price-slider{-webkit-appearance:none;background:#e2e8f0;border-radius:3px;outline:none;width:100%;height:6px}.price-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#2850a7;border-radius:50%;width:18px;height:18px;transition:transform .2s}.price-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.price-slider::-webkit-slider-thumb:active{transform:scale(.9)}.price-labels{color:#a0aec0;justify-content:space-between;font-size:11px;display:flex}.spaces-count{color:#718096;margin-bottom:24px;font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px;display:grid}.room-card{cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;height:100%;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.room-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.room-card:active{transform:scale(.98)}.room-image{object-fit:cover;width:100%;height:200px}.room-content{flex-direction:column;flex:1;padding:20px;display:flex}.room-title{color:#1a1a2e;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:52px;margin:0 0 4px;font-size:20px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.room-description{color:#4a5568;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:63px;margin:0 0 16px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.room-info{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.capacity{color:#4a5568;align-items:center;gap:6px;font-size:14px;display:flex}.price{color:#2850a7;font-size:20px;font-weight:700}.price small{color:#a0aec0;font-size:12px;font-weight:400}.room-location{color:#718096;align-items:center;gap:4px;margin-bottom:12px;font-size:13px;display:flex}.amenities{flex-wrap:wrap;gap:8px;min-height:44px;margin-bottom:16px;display:flex}.amenity{color:#4a5568;white-space:nowrap;background:#f1f3f5;border-radius:20px;padding:4px 12px;font-size:12px}.posted-by{color:#a0aec0;min-height:32px;margin-bottom:16px;font-size:12px}.book-btn-wrapper{margin-top:auto}.book-btn{color:#fff;cursor:pointer;background:#2850a7;border:none;border-radius:10px;width:100%;padding:12px;font-weight:600;transition:background .2s,transform .2s}.book-btn:hover{background:#1e3d7c;transform:translateY(-2px)}.book-btn:active{transform:scale(.95)}.no-results{text-align:center;color:#718096;padding:60px 20px;font-size:18px}.auth-container{background:linear-gradient(135deg,#f5f7fa 0%,#e4e8f0 100%);justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:40px 20px;display:flex}.auth-card{background:#fff;border-radius:24px;width:100%;max-width:460px;padding:48px 40px;box-shadow:0 20px 40px #0000001a}.auth-header{text-align:center;margin-bottom:32px}.auth-title{color:#1a1a2e;margin-bottom:8px;font-size:32px;font-weight:700}.auth-subtitle{color:#718096;font-size:16px}.auth-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#2d3748;font-size:14px;font-weight:600}.form-group input{border:2px solid #e2e8f0;border-radius:12px;padding:14px 16px;font-size:16px;transition:all .2s}.form-group input:focus{border-color:#2850a7;outline:none;box-shadow:0 0 0 3px #2850a71a}.form-group input:active{border-color:#2850a7}.form-group input::placeholder{color:#a0aec0}.auth-btn{color:#fff;cursor:pointer;background:#2850a7;border:none;border-radius:12px;margin-top:8px;padding:14px;font-size:16px;font-weight:600;transition:background .2s,transform .2s}.auth-btn:hover{background:#1e3d7c;transform:translateY(-2px)}.auth-btn:active{transform:scale(.95)}.auth-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-footer{text-align:center;color:#718096;margin-top:24px;font-size:14px}.auth-footer a{color:#2850a7;font-weight:600;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:#1e3d7c;text-decoration:underline}.auth-footer a:active{opacity:.7}.error-message{text-align:center;color:#dc2626;background:#fee2e2;border-left:4px solid #dc2626;border-radius:12px;margin-bottom:24px;padding:12px 16px;font-size:14px}.success-message{text-align:center;color:#22543d;background:#c6f6d5;border-radius:10px;margin-bottom:16px;padding:12px}.loader{justify-content:center;align-items:center;min-height:400px;display:flex}.spinner{border:4px solid #e2e8f0;border-top-color:#2850a7;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.image-upload-area{flex-direction:column;gap:16px;display:flex}.file-input{display:none}.file-input-label{color:#fff;cursor:pointer;text-align:center;background:#2850a7;border-radius:8px;width:fit-content;padding:12px 24px;font-weight:500;transition:background .2s,transform .2s;display:inline-block}.file-input-label:hover{background:#1e3d7c;transform:translateY(-2px)}.file-input-label:active{transform:scale(.95)}.image-preview{border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:300px;margin-top:12px;position:relative;overflow:hidden}.image-preview img{width:100%;height:auto;display:block}.remove-image-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;transition:background .2s,transform .2s;display:flex;position:absolute;top:8px;right:8px}.remove-image-btn:hover{background:#dc2626cc}.remove-image-btn:active{transform:scale(.85)}.form-hint{color:#718096;margin-top:8px;font-size:12px;display:block}.create-room-container{max-width:800px;margin:0 auto}.create-room-form{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 12px #0000000d}.create-room-form textarea{resize:vertical;border:1px solid #dee2e6;border-radius:8px;width:100%;padding:12px;font-family:inherit;transition:border-color .2s}.create-room-form textarea:focus{border-color:#2850a7;outline:none;box-shadow:0 0 0 3px #2850a71a}.create-room-form select{background:#fff;border:1px solid #dee2e6;border-radius:8px;width:100%;padding:12px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.amenities-input-group{gap:12px;display:flex}.amenities-input-group input{flex:1}.add-amenity-btn{cursor:pointer;background:#e9ecef;border:none;border-radius:8px;padding:0 20px;transition:background .2s,transform .2s}.add-amenity-btn:hover{background:#dee2e6}.add-amenity-btn:active{transform:scale(.95)}.amenities-tags{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.amenity-tag-remove{background:#e9ecef;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;display:inline-flex}.amenity-tag-remove button{color:#dc2626;cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;line-height:1}.amenity-tag-remove button:active{transform:scale(.8)}.form-actions{border-top:1px solid #e9ecef;gap:16px;margin-top:32px;padding-top:24px;display:flex}.cancel-btn-form{cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;flex:1;padding:12px;transition:background .2s,transform .2s}.cancel-btn-form:hover{background:#e9ecef}.cancel-btn-form:active{transform:scale(.95)}.submit-btn{color:#fff;cursor:pointer;background:#2850a7;border:none;border-radius:10px;flex:2;padding:12px;font-weight:600;transition:background .2s,transform .2s}.submit-btn:hover{background:#1e3d7c;transform:translateY(-2px)}.submit-btn:active{transform:scale(.95)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (hover:none){.login-btn:hover,.logout-btn:hover,.user-menu-trigger:hover,.user-menu-item:hover,.booking-primary-btn:hover,.reviews-main-btn:hover,.write-review-btn-modal:hover,.submit-review-modal-btn:hover:not(:disabled),.cancel-review-modal-btn:hover,.auth-btn:hover,.book-btn:hover,.filter-toggle-btn:hover,.reset-filters-btn:hover,.file-input-label:hover,.submit-btn:hover,.cancel-btn-form:hover,.add-amenity-btn:hover,.room-card:hover,.review-card:hover,.history-card:hover,.star.interactive:hover{box-shadow:none;transform:none}.price-slider::-webkit-slider-thumb:hover{box-shadow:none;transform:none}.login-btn:hover,.auth-btn:hover,.submit-btn:hover,.booking-primary-btn:hover,.file-input-label:hover{background:#2850a7}}@media (width<=768px){.hero h1{font-size:32px}.grid{grid-template-columns:1fr}.filters-row{flex-direction:column}.auth-card{padding:32px 24px}.form-row,.room-details-grid{grid-template-columns:1fr}}@media (width<=480px){.container{padding:20px 12px}.hero h1{font-size:24px}.hero p{font-size:14px}.room-details-title{font-size:24px}.reviews-main-btn{padding:12px 16px;font-size:15px}}.calendar-cell{cursor:pointer;transition:all .2s}.calendar-cell:active{transform:scale(.95)}.calendar-cell-free:active{background:#2850a7!important}.calendar-cell-booked:active{transform:scale(.95)}.btn-delete,.cancel-small-btn{cursor:pointer;transition:all .2s}.btn-delete:hover,.cancel-small-btn:hover{transform:translateY(-2px)}.btn-delete:active,.cancel-small-btn:active{transform:scale(.9)}.modal-overlay{transition:opacity .3s}.interactive{cursor:pointer;transition:all .2s}.interactive:active{transform:scale(.96)}