.mybookings-container{margin-bottom:2rem;min-height:80vh;display:flex;flex-direction:column;gap:1rem}.mybookings-container .mybookings-top-section{display:flex;flex-direction:column;gap:12px}.mybookings-container .mybookings-top-section .my-bookings-heading{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;color:#191919;margin:0}.mybookings-container .mybookings-top-section .searchFilter{border:1px solid #d1d5db;border-radius:12px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;background:#fff}.mybookings-container .mybookings-top-section .searchFilter input{flex:1;font-size:14px;font-weight:400;color:#374151;background:rgba(0,0,0,0);border:none;outline:none}.mybookings-container .mybookings-top-section .searchFilter input::placeholder{color:#9ca3af}.mybookings-container .mybookings-top-section .my-bookings-filters{display:flex;gap:8px;flex-wrap:wrap;overflow-x:auto}.mybookings-container .mybookings-top-section .my-bookings-filters .activeFilter,.mybookings-container .mybookings-top-section .my-bookings-filters .filterButton{font-size:13px;font-weight:600;color:#4b5563;padding:8px 16px;border:1px solid #d1d5db;background:#fff;border-radius:999px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.mybookings-container .mybookings-top-section .my-bookings-filters .activeFilter:hover,.mybookings-container .mybookings-top-section .my-bookings-filters .filterButton:hover{border-color:#191919;color:#191919}.mybookings-container .mybookings-top-section .my-bookings-filters .activeFilter{background:#191919;color:#fff;border:1px solid #191919}.mybookings-container .mybookings-bottom-section{padding:16px 16px 2rem;background:linear-gradient(180deg,#FFFFFF,#F4F4F4);border-radius:14px;flex:1}@media(max-width:768px){.mybookings-container .mybookings-bottom-section{padding:12px 12px 1.5rem;background:rgba(0,0,0,0)}}.mybookings-container .mybookings-bottom-section .bookingsList{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}@media(min-width:1024px){.mybookings-container .mybookings-bottom-section .bookingsList{gap:1.5rem}}.mybookings-container .mybookings-bottom-section .bookingsList .mybookings-card{border-radius:16px;overflow:hidden;background:#fff;border:1px solid #ececec;box-shadow:0 4px 16px rgba(0,0,0,.06);padding:0}.mybookings-container .mybookings-bottom-section .bookingsList .mybookings-card .cardImageWrapper{position:relative;width:100%;height:170px;overflow:hidden}.mybookings-container .mybookings-bottom-section .bookingsList .mybookings-card .cardImage{object-fit:cover}.mybookings-container .mybookings-bottom-section .bookingsList .mybookings-card .cardBody{padding:.875rem 1rem 1rem}.mybookings-container .mybookings-bottom-section .bookingsList .mybookings-card .cardBody .date-code{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.mybookings-container .mybookings-bottom-section .bookingsList .mybookings-card .cardBody .date-code .date{font-size:12px;font-weight:500;color:#6b7280;margin:0}.mybookings-container .mybookings-bottom-section .bookingsList .mybookings-card .cardBody .date-code .code{font-size:11px;font-weight:600;color:#9ca3af;letter-spacing:.02em;margin:0;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mybookings-container .mybookings-bottom-section .bookingsList .mybookings-card .cardBody .hotel-details{padding:.5rem 0 .875rem;display:flex;flex-direction:column;gap:4px}.mybookings-container .mybookings-bottom-section .bookingsList .mybookings-card .cardBody .hotel-details .hotel-name{font-size:16px;font-weight:700;color:#191919;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.mybookings-container .mybookings-bottom-section .bookingsList .mybookings-card .cardBody .hotel-details .hotel-detail{font-size:13px;font-weight:500;color:#4b5563;margin:0}.mybookings-container .mybookings-bottom-section .bookingsList .mybookings-card .cardBody .hotel-details .hotel-address{font-size:13px;font-weight:400;color:#6b7280;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mybookings-container .mybookings-bottom-section .bookingsList .mybookings-card .cardBody .cardFooter{display:flex;align-items:center;gap:.5rem}.mybookings-container .mybookings-bottom-section .bookingsList .mybookings-card .cardBody .cardFooter .viewButton{flex:1;height:40px;background:#191919;color:#fff;border:none;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease}.mybookings-container .mybookings-bottom-section .bookingsList .mybookings-card .cardBody .cardFooter .viewButton:hover{background:#2a2a2a}.mybookings-container .mybookings-bottom-section .bookingsList .mybookings-card .cardBody .cardFooter .badge{height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;border-radius:999px;font-weight:600;text-transform:capitalize;white-space:nowrap}.mybookings-container .mybookings-bottom-section .bookingsList .mybookings-card .cardBody .cardFooter .upcoming{border:1px solid #c7e4f6;background:#e5f6ff;color:#1f6f9c}.mybookings-container .mybookings-bottom-section .bookingsList .mybookings-card .cardBody .cardFooter .cancelled{border:1px solid #f1c0c0;background:#fff6f6;color:#b03333}.mybookings-container .mybookings-bottom-section .bookingsList .mybookings-card .cardBody .cardFooter .checkedout{border:1px solid #d1d5db;background:#f4f4f4;color:#1f2937}.emptyState{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:1rem 1.5rem;background:linear-gradient(180deg,#FFFFFF,#F0F0F0);border-radius:14px}.emptyState h2{font-size:16px;font-weight:700;color:#191919}.emptyState p{font-size:16px;font-weight:500;color:#666}