.my-bookings-section{min-height:calc(100vh - 90px);margin-top:100px;padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl);padding-left:var(--spacing-md);padding-right:var(--spacing-md);background:#0a0a0a;color:var(--color-gray-200);font-family:var(--font-family);border-radius:42px 42px 0 0 !important;position:relative;z-index:1}.my-bookings-container{max-width:64rem;margin:0 auto}.page-header{text-align:center;margin-bottom:var(--spacing-2xl)}.header-icon{display:inline-flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:var(--radius-full);background:var(--primary-color);margin-bottom:var(--spacing-lg);box-shadow:0 0 20px rgba(255,111,60,0.3)}.header-icon svg{color:var(--color-white)}.page-title{font-size:clamp(var(--font-size-4xl),5vw,var(--font-size-5xl));font-weight:var(--font-weight-bold);color:var(--color-gray-200);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-tight)}.page-subtitle{font-size:var(--font-size-lg);color:#9ca3af;margin:0}.search-card{background:rgba(27,27,27,0.5);border:1px solid rgba(50,50,50,0.5);border-radius:var(--radius-2xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl);backdrop-filter:blur(16px);box-shadow:var(--shadow-xl)}.search-header{margin-bottom:var(--spacing-xl)}.search-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-200);margin-bottom:var(--spacing-xs)}.search-title svg{color:var(--primary-color)}.search-subtitle{color:#9ca3af;font-size:var(--font-size-base);margin:0}.search-form{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width:768px){.search-form{grid-template-columns:1fr 1fr 1fr;align-items:end}}.form-group{display:flex;flex-direction:column}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#9ca3af;margin-bottom:var(--spacing-xs)}.form-control{width:100%;background:rgba(255,255,255,0.05);border:1px solid rgba(50,50,50,0.5);border-radius:var(--radius-md);padding:0.75rem 1rem;font-size:var(--font-size-base);color:var(--color-gray-200);font-family:var(--font-family);transition:var(--transition-fast)}.form-control::placeholder{color:#6b7280}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--color-primary-light)}.search-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);background:var(--primary-color);color:var(--color-white);font-weight:var(--font-weight-semibold);padding:0.75rem 1rem;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);box-shadow:0 0 20px rgba(255,111,60,0.3);font-family:var(--font-family)}.search-button:hover{background:var(--primary-hover)}.search-button svg{flex-shrink:0}.bookings-header{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}@media (min-width:640px){.bookings-header{flex-direction:row;justify-content:space-between;align-items:center}}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-200);margin:0}.filter-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.filter-tab{padding:var(--spacing-xs) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background:rgba(27,27,27,0.5);border:1px solid rgba(50,50,50,0.5);color:#9ca3af;cursor:pointer;transition:var(--transition-fast)}.filter-tab:hover{background:rgba(55,65,81,0.5)}.filter-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--color-white)}.no-bookings{text-align:center;padding:5rem var(--spacing-lg)}.no-bookings svg{display:inline-block;padding:1rem;border-radius:var(--radius-2xl);background:rgba(27,27,27,0.5);border:1px solid rgba(50,50,50,0.5);color:#6b7280;margin-bottom:var(--spacing-xl)}.no-bookings h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-200);margin-bottom:var(--spacing-xs)}.no-bookings p{color:#9ca3af;max-width:28rem;margin:0 auto}.booking-card{background:rgba(27,27,27,0.5);border:1px solid rgba(50,50,50,0.5);border-radius:var(--radius-2xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);transition:var(--transition-base)}.booking-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.booking-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.booking-info{flex:1}.booking-id{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-200);margin-bottom:var(--spacing-2xs)}.booking-date{font-size:var(--font-size-sm);color:#9ca3af}.booking-status{padding:0.375rem 0.75rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.status-confirmed{background:var(--color-success-light);color:var(--color-success-dark)}.status-pending{background:rgba(251,191,36,0.2);color:var(--color-warning)}.status-pending_payment{background:rgba(59,130,246,0.2);color:#3b82f6}.status-cancelled{background:rgba(239,68,68,0.2);color:var(--color-danger)}.booking-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.detail-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#9ca3af;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.detail-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-200)}.booking-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);text-decoration:none;font-family:var(--font-family)}.btn-primary{background:var(--primary-color);color:var(--color-white)}.btn-primary:hover{background:var(--primary-hover);color:var(--color-white);text-decoration:none}.btn-secondary{background:#6b7280;color:var(--color-white)}.btn-secondary:hover{background:#4b5563;color:var(--color-white);text-decoration:none}.btn-danger{background:var(--color-danger);color:var(--color-white)}.btn-danger:hover{background:#dc2626;color:var(--color-white);text-decoration:none}.btn-info{background:#3b82f6;color:var(--color-white)}.btn-info:hover{background:#2563eb;color:var(--color-white);text-decoration:none}.pagination-container{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.pagination{display:flex;list-style:none;padding:0;margin:0;gap:var(--spacing-xs)}.pagination li{display:inline-block}.pagination a,.pagination span{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid rgba(50,50,50,0.5);border-radius:var(--radius-md);color:#9ca3af;text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-fast);cursor:pointer}.pagination a:hover{border-color:var(--primary-color);color:var(--primary-color);text-decoration:none}.pagination .active{background:var(--primary-color);border-color:var(--primary-color);color:var(--color-white)}.pagination .disabled{opacity:0.5;cursor:not-allowed}.pagination-info{color:#9ca3af;font-size:var(--font-size-sm)}.load-more-btn{background:var(--primary-color);color:var(--color-white);font-weight:var(--font-weight-medium);padding:0.625rem var(--spacing-lg);border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);box-shadow:0 0 20px rgba(255,111,60,0.3);font-family:var(--font-family)}.load-more-btn:hover{background:var(--primary-hover)}.load-more-btn:disabled{opacity:0.6;cursor:not-allowed}.spinner-icon{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (max-width:768px){.my-bookings-section{margin-top:60px;border-radius:32px 32px 0 0 !important;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.search-card{padding:var(--spacing-lg)}.booking-card{padding:var(--spacing-md)}.booking-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}}.cancel-warning-box{background:rgba(255,243,205,0.15);border:1px solid rgba(255,193,7,0.3);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.cancel-warning-content{display:flex;align-items:flex-start;gap:var(--spacing-md)}.cancel-warning-icon{flex-shrink:0;color:rgba(255,193,7,0.8)}.cancel-warning-title{color:rgba(255,193,7,0.9);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2xs)}.cancel-warning-text{color:rgba(255,193,7,0.7);margin:var(--spacing-xs) 0 0 0;font-size:var(--font-size-sm);line-height:1.5}.cancel-info-box{background:rgba(248,249,250,0.5);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.cancel-info-text{margin:0;color:#9ca3af;font-size:var(--font-size-sm)}.text-danger{color:var(--color-danger) !important}.modal-footer .action-btn svg{margin-right:var(--spacing-xs)}.modal-body .form-control{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:var(--color-gray-200)}.modal-body .form-control:focus{border-color:var(--primary-color);background:rgba(255,255,255,0.08)}.modal-overlay{z-index:9999}.modal-footer .tt-btn-secondary{padding:var(--spacing-sm) var(--spacing-lg)}.modal-footer .action-btn{padding:var(--spacing-sm) var(--spacing-lg);display:inline-flex;align-items:center;gap:var(--spacing-xs)}