.booking-history-page{background:#f9fafb;min-height:calc(100vh - 260px);padding:100px 20px 80px}.booking-history-container{background:#fff;border-radius:12px;max-width:1200px;margin:0 auto;padding:32px;overflow-x:auto;box-shadow:0 2px 8px #00000014}.booking-table{border-collapse:separate;border-spacing:0;width:100%;margin-top:20px}.booking-table thead tr{border-bottom:2px solid #e5e7eb}.booking-table thead th{color:#374151;text-align:left;white-space:nowrap;background:#f9fafb;padding:16px 20px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;line-height:20px}.booking-table thead th:first-child{border-top-left-radius:8px}.booking-table thead th:last-child{border-top-right-radius:8px}.booking-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,opacity .2s,transform .2s}.booking-table tbody tr:hover{background:#f9fafb}.booking-table tbody tr:last-child{border-bottom:none}.booking-table tbody tr:last-child td:first-child{border-bottom-left-radius:8px}.booking-table tbody tr:last-child td:last-child{border-bottom-right-radius:8px}.booking-table tbody td{color:#1f2937;vertical-align:middle;padding:20px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;line-height:20px}.booking-title-cell{max-width:400px;color:var(--brand);font-weight:600}.booking-date-cell{white-space:nowrap;color:#6b7280}.booking-status-cell .status-badge{white-space:nowrap;border-radius:20px;padding:6px 14px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;line-height:16px;display:inline-block}.booking-status-cell .status-badge.approved{color:#065f46;background:#d1fae5}.booking-status-cell .status-badge.pending{color:#92400e;background:#fef3c7}.booking-status-cell .status-badge.rejected{color:#991b1b;background:#fee2e2}.booking-status-cell .status-badge.progress{color:#154461;background:#dbeafe}.booking-status-cell .status-badge.completed{color:#4338ca;background:#e0e7ff}.booking-status-cell .status-badge.canceled{color:#4b5563;background:#f3f4f6}.booking-action-cell{text-align:right}.booking-action-cell .booking-action-link{color:var(--brand);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;line-height:18px;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,opacity .2s,transform .2s;display:inline-flex}.booking-action-cell .booking-action-link:hover{color:var(--brand-dark);background:#eff6ff}.booking-empty-state{text-align:center;padding:80px 40px}.booking-empty-state .empty-icon{opacity:.8;margin-bottom:24px;font-size:80px}.booking-empty-state h3{color:#1f2937;margin:0 0 12px;font-family:Montserrat,sans-serif;font-size:24px;font-weight:700;line-height:32px}.booking-empty-state p{color:#6b7280;margin:0 0 32px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:400;line-height:24px}.booking-empty-state .btn-book-now{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:14px 36px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;line-height:22px;text-decoration:none;transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s,opacity .3s,transform .3s;display:inline-block;box-shadow:0 2px 8px #1c6b9c4d}.booking-empty-state .btn-book-now:hover{background:var(--brand);transform:translateY(-2px);box-shadow:0 4px 12px #1c6b9c66}@media (max-width:1024px){.booking-table-wrapper{padding:24px}.booking-table thead th,.booking-table tbody td{padding:14px 16px;font-size:13px}}@media (max-width:768px){.booking-history-page{padding:40px 16px 60px}.booking-table-wrapper{padding:16px;overflow-x:scroll}.booking-table{min-width:700px}.booking-table thead th,.booking-table tbody td{padding:12px;font-size:12px}.booking-title-cell{max-width:250px}.booking-empty-state{padding:60px 24px}.booking-empty-state .empty-icon{font-size:64px}.booking-empty-state h3{font-size:20px;line-height:28px}.booking-empty-state p{font-size:14px;line-height:20px}}.profile-page{background:#f9fafb;min-height:calc(100vh - 260px);padding:100px 20px 80px}@media (max-width:768px){.profile-page{padding:10px 16px 60px!important}}.profile-container{max-width:1200px;margin:0 auto}.profile-mobile-tabs{display:none}@media (max-width:768px){.profile-mobile-tabs{background:#f3f4f6;border-radius:10px;gap:6px;margin-bottom:20px;padding:5px;display:flex;box-shadow:0 1px 3px #0000001a}.profile-tab{color:var(--muted);cursor:pointer;white-space:normal;text-align:center;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:40px;padding:10px 12px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;line-height:16px;transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s,opacity .3s,transform .3s;display:flex;position:relative}.profile-tab:hover:not(.active){color:#374151;background:#ffffff80}.profile-tab.active{color:#fff;background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);transform:translateY(-1px);box-shadow:0 3px 10px #1c6b9c4d}.profile-tab:active{transform:translateY(0)}.profile-tab-first{font-size:16px!important;line-height:22px!important}.mobile-hidden{display:none!important}}.profile-bookings-content{display:none}@media (max-width:768px){.profile-bookings-content{background:#fff;border-radius:12px;padding:20px 16px;display:block;overflow-x:auto;box-shadow:0 2px 8px #00000014}.profile-bookings-content.mobile-hidden{display:none}}.profile-content{grid-template-columns:350px 1fr;align-items:start;gap:30px;display:grid}@media (max-width:768px){.profile-content{grid-template-columns:1fr;gap:20px}.profile-content.mobile-hidden{display:none}}.profile-avatar-section{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:40px 30px;transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s,opacity .3s,transform .3s;display:flex;box-shadow:0 2px 8px #00000014}.profile-avatar-section:hover{box-shadow:0 4px 16px #0000001f}.avatar-container{border:4px solid var(--brand);border-radius:50%;width:140px;height:140px;transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s,opacity .3s,transform .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #1c6b9c33}.avatar-container:hover{transform:scale(1.05);box-shadow:0 6px 16px #1c6b9c4d}.avatar-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.avatar-upload-overlay{text-align:center;color:#fff;opacity:0;cursor:pointer;background:linear-gradient(#0000,#000000b3);padding:8px;font-size:12px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.avatar-container:hover .avatar-upload-overlay{opacity:1}.btn-view-more{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 28px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;line-height:18px;transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s,opacity .3s,transform .3s;box-shadow:0 2px 8px #1c6b9c4d}.btn-view-more:hover{background:var(--brand);transform:translateY(-2px);box-shadow:0 4px 12px #1c6b9c66}.btn-view-more:active{transform:translateY(0)}.user-stats{border-top:1px solid #e5e7eb;justify-content:space-around;width:100%;padding-top:20px;display:flex}.stat-item{text-align:center}.stat-item .stat-value{color:var(--brand);margin-bottom:4px;font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;line-height:24px;display:block}.stat-item .stat-label{color:#6b7280;font-family:Montserrat,sans-serif;font-size:12px;font-weight:400;line-height:16px}.btn-logout-profile{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #dc2626;border-radius:8px;width:100%;margin-top:20px;padding:12px 20px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;line-height:20px;transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s,opacity .3s,transform .3s}.btn-logout-profile:hover{color:#b91c1c;background:#fee2e2;border-color:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 12px #dc262633}.btn-logout-profile:active{transform:translateY(0)}.profile-form-section{background:#fff;border-radius:12px;padding:40px;transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s,opacity .3s,transform .3s;box-shadow:0 2px 8px #00000014}.profile-form-section:hover{box-shadow:0 4px 16px #0000001f}.profile-form-section .form-header{border-bottom:2px solid #f3f4f6;margin-bottom:32px;padding-bottom:20px}.profile-form-section .form-header h1,.profile-form-section .form-header h2{color:var(--brand);margin:0 0 8px;font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;line-height:24px}.profile-form-section .form-header p{color:#6b7280;margin:0;font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;line-height:20px}.profile-form-section form{flex-direction:column;gap:24px;display:flex}.profile-form-section .form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.profile-form-section .form-group{flex-direction:column;gap:8px;display:flex}.profile-form-section .form-group label{color:#374151;align-items:center;gap:4px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;line-height:20px;display:flex}.profile-form-section .form-group label .required{color:#ef4444}.profile-form-section .form-group input,.profile-form-section .form-group select{color:#1f2937;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:12px 16px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:400;line-height:20px;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,opacity .2s,transform .2s}.profile-form-section .form-group input:focus,.profile-form-section .form-group select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 4px #1c6b9c1a}.profile-form-section .form-group input:hover:not(:disabled),.profile-form-section .form-group select:hover:not(:disabled){border-color:#d1d5db}.profile-form-section .form-group input:disabled,.profile-form-section .form-group select:disabled{cursor:not-allowed;color:#9ca3af;background:#f9fafb;border-color:#e5e7eb}.profile-form-section .form-group input::-moz-placeholder{color:#9ca3af}.profile-form-section .form-group select::-moz-placeholder{color:#9ca3af}.profile-form-section .form-group input::placeholder,.profile-form-section .form-group select::placeholder{color:#9ca3af}.profile-form-section .form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;padding-right:40px}.profile-form-section .form-group .input-hint{color:#6b7280;font-family:Montserrat,sans-serif;font-size:13px;font-weight:400;line-height:18px}.profile-form-section .form-actions{border-top:1px solid #f3f4f6;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:24px;display:flex}.btn-cancel{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:12px 28px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;line-height:20px;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,opacity .2s,transform .2s}.btn-cancel:hover{color:#374151;background:#f9fafb;border-color:#d1d5db}.btn-submit{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);text-align:center;color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 32px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;line-height:20px;transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s,opacity .3s,transform .3s;box-shadow:0 2px 8px #1c6b9c4d}.btn-submit:hover{background:var(--brand);transform:translateY(-2px);box-shadow:0 4px 12px #1c6b9c66}.btn-submit:active{transform:translateY(0)}.btn-submit:disabled{cursor:not-allowed;box-shadow:none;background:#d1d5db;transform:none}@media (max-width:768px){.profile-form-section .form-row{grid-template-columns:1fr;gap:16px}}@media (max-width:640px){.profile-form-section .form-header{margin-bottom:24px;padding-bottom:16px}.profile-form-section .form-header h1,.profile-form-section .form-header h2{font-size:18px;line-height:22px}.profile-form-section .form-header p{font-size:13px;line-height:18px}.profile-form-section input,.profile-form-section select{font-size:16px}.profile-form-section .form-actions{flex-direction:column;gap:12px}.profile-form-section .form-actions button{width:100%}.user-stats{padding-top:16px}.stat-item .stat-value{font-size:16px;line-height:20px}.stat-item .stat-label{font-size:11px}}