.booking-notification-overlay{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);padding:20px;color-scheme:inherit}.booking-notification{background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:16px;box-shadow:var(--modal-shadow);max-width:440px;width:100%;animation:bookingNotificationFadeIn .5s ease-out;overflow:hidden}.booking-notification-body{padding:2rem 2rem 1.5rem;text-align:center}.booking-notification-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--accent-green),#059669);color:white;border-radius:50%;font-size:1.8rem;font-weight:700;margin-bottom:16px;box-shadow:0 8px 24px rgba(16,185,129,.3)}.booking-notification-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.booking-notification-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0 0 20px;line-height:1.5}.booking-notification-items{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.booking-notification-item{padding:14px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;text-align:left}.booking-notification-item-court{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.booking-notification-item-details{font-size:.85rem;color:var(--text-muted);line-height:1.5}.booking-notification-total{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border-color)}.booking-notification-total-label{font-size:.95rem;color:var(--text-secondary)}.booking-notification-total-amount{font-size:1.25rem;font-weight:700;color:var(--primary)}.booking-notification-actions{padding:0 2rem 1.5rem;display:flex}.booking-notification-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 24px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.booking-notification-btn:hover{background:var(--bg-hover,rgba(255,255,255,.05));color:var(--text-primary)}@keyframes bookingNotificationFadeIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.booking-notification-overlay{padding:0;align-items:flex-end}.booking-notification{max-width:100%;border-radius:16px 16px 0 0}.booking-notification-body{padding:1.5rem 1.5rem 1rem}.booking-notification-actions{padding:0 1.5rem 1.5rem}}