@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:10px;font-weight:600;cursor:pointer;flex-shrink:0;position:relative}.ui-button-primary{background:#111827;color:#fff;border-color:#111827;box-shadow:0 8px 18px #0f172a1f}.ui-button-outline{background:#fff;color:#374151;border-color:#e2e8f0}.ui-button-outline-subtle{background:#f8fafc;color:#334155;border-color:#e2e8f0}.ui-button-ghost{background:transparent;color:#6b7280;border-color:transparent}.ui-button-pill{height:20px;padding:0 12px;border-radius:999px;font-size:11px;white-space:nowrap}.ui-button-pill-md{height:24px;padding:0 12px;border-radius:999px;font-size:12px;white-space:nowrap}.ui-button-pill-lg{height:32px;padding:0 12px;border-radius:999px;font-size:12px;white-space:nowrap}.ui-button-sm{height:34px;padding:0 10px;font-size:12px}.ui-button-md{height:40px;padding:0 12px;font-size:13px}.ui-button-icon{width:40px;padding:0}.ui-button-active{background:#111827;color:#fff;border-color:#111827}.ui-button-inactive{background:#fff;color:#374151;border-color:#e2e8f0}.pm-button-custom-focus:focus{outline:2px solid rgba(17,24,39,.08)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;font-family:Outfit,sans-serif;background:#f9fafb;color:#111827}button,input,select,textarea{font:inherit}#root{padding-bottom:env(safe-area-inset-bottom)}.ui-surface{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px #0f172a0a}.ui-surface-hover{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.ui-surface-hover:hover{transform:translateY(-1px);box-shadow:0 12px 28px #0f172a14;border-color:#cbd5e1}.ui-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;border:none;border-radius:10px;background:#111827;color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 8px 18px #0f172a1f}.ui-primary-button.compact{width:auto;padding:8px 12px;height:34px;border-radius:8px;font-size:13px}.ui-primary-button.compact.subtle{background:transparent;color:#0f172a;border:1px solid #e6edf3;box-shadow:none;transition:background .16s ease,color .16s ease,border-color .16s ease}.ui-primary-button.compact.subtle:hover{background:#0f172a;color:#fff;border-color:#0f172a}.ui-scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.ui-scrollbar-hide::-webkit-scrollbar{display:none}.ui-chip-icon{display:inline-flex;align-items:center}.ui-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;line-height:1;flex-shrink:0}.ui-chip-success{color:#166534;background:#dcfce7}.ui-chip-warning{color:#92400e;background:#fef3c7}.ui-feature-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#0f172a;line-height:1.45}.ui-feature-bullet{width:18px;height:18px;border-radius:999px;background:#dcfce7;color:#166534;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.ui-empty-state{text-align:center;padding:40px;color:#9ca3af;background:#fff;border-radius:14px;border:1px solid #e5e7eb}.ui-skeleton{border-radius:6px;background:linear-gradient(90deg,#f3f4f6 25%,#e0e7ef,#f3f4f6 75%);background-size:200% 100%;animation:stat-skeleton 1.2s linear infinite;display:inline-block}@keyframes stat-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-shimmer{background:linear-gradient(90deg,#eef2f7 25%,#dbe4ef,#eef2f7 75%);background-size:200% 100%;animation:ui-shimmer 1.15s linear infinite}.booking-detail-header{display:flex;align-items:center;gap:10px;padding:14px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.booking-detail-icon-button{width:36px;height:36px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.booking-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px}.booking-detail-section-title{font-size:11px;font-weight:800;color:#6b7280;margin-bottom:10px;text-transform:uppercase;letter-spacing:.3px}.booking-detail-muted{font-size:12px;color:#6b7280}.booking-detail-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.booking-detail-stat{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:10px}.booking-detail-payment-card{border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#f9fafb;display:grid;gap:8px}.booking-detail-payment-card__row{display:flex;justify-content:space-between;gap:8px;align-items:center}.booking-detail-payment-card__meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.booking-detail-payment-card__screenshot{border:1px solid #e2e8f0;border-radius:10px;padding:0;background:#fff;overflow:hidden;cursor:pointer;width:88px;height:88px}.booking-detail-payment-card__screenshot img{width:100%;height:100%;object-fit:cover}.booking-detail-meta-label{font-size:10px;color:#6b7280;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.booking-detail-meta-value{font-size:12px;color:#111827;font-weight:600;margin-top:2px}.booking-detail-chip{font-size:11px;padding:4px 8px;border-radius:999px;font-weight:700;text-transform:capitalize}@keyframes ui-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-header{display:flex;align-items:center;gap:10px;padding:14px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.page-header-back-btn{width:36px;height:36px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.page-header-content{flex:1;min-width:0}.page-header-title{font-size:16px;font-weight:700;color:#0f172a}.page-header-subtitle{margin-top:2px;font-size:12px;color:#6b7280}.page-header-action-btn{height:34px;border:none;border-radius:10px;background:#111827;color:#fff;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.section-header-content{min-width:0}.section-header-title{font-size:11px;font-weight:800;color:#0f172a;text-transform:uppercase;letter-spacing:.05em}.section-header-subtitle{margin-top:2px;font-size:12px;color:#64748b}