body{display:block;min-height:100vh;position:relative}.cancel-section{padding:var(--space-2xl) 0;min-height:60vh}.cancel-container{max-width:500px;margin:0 auto}.cancel-form-wrapper,.cancel-details-wrapper,.success-wrapper{background:linear-gradient(135deg,#1e1e28e6,#14141cf2);border:1px solid rgba(255,215,0,.15);border-radius:24px;padding:var(--space-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #0006}.form-header{text-align:center;margin-bottom:var(--space-lg)}.form-icon{color:var(--gold);margin-bottom:var(--space-md);opacity:.9}.form-icon.success{color:#22c55e}.form-icon.cancelled{color:#22c55e;width:64px;height:64px}.form-header h2{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--text-light);margin-bottom:var(--space-sm)}.form-header p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.cancel-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{color:var(--text-light);font-weight:500;font-size:.9rem}.form-group input{background:var(--color-black-light, #1a1a2e);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;color:var(--text-light);font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 20px #ffd70026}.form-group input::placeholder{color:#ffffff4d}.input-hint{font-size:.8rem;color:var(--text-muted);opacity:.7}.btn-full{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:16px 24px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 10px 30px #ef44444d}.btn-secondary{background:transparent;color:var(--text-light);border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff0d;border-color:#ffffff4d}.form-footer{text-align:center;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.1)}.form-footer p{color:var(--text-muted);font-size:.9rem;margin-bottom:var(--space-xs)}.link-gold{color:var(--gold);text-decoration:none;font-weight:600;transition:all .3s ease}.link-gold:hover{text-shadow:0 0 20px rgba(255,215,0,.5)}.reservation-card{background:#0003;border:1px solid rgba(255,215,0,.1);border-radius:16px;padding:var(--space-lg);margin-bottom:var(--space-lg)}.reservation-info{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-muted);font-size:.9rem}.info-value{color:var(--text-light);font-weight:600;font-size:.95rem}.status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background:#fbbf2426;color:#fbbf24}.status-badge.confirmed{background:#22c55e26;color:#22c55e}.reservation-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.success-wrapper{text-align:center}.success-actions{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.success-actions .btn{padding:14px 24px;border-radius:12px;font-weight:600;text-decoration:none;text-align:center;transition:all .3s ease}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.modal.active{opacity:1;visibility:visible}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.confirm-modal{position:relative;background:linear-gradient(135deg,#1e1e28fa,#14141cfa);border:1px solid rgba(255,215,0,.2);border-radius:24px;padding:var(--space-xl);max-width:420px;width:90%;text-align:center;transform:scale(.9);transition:transform .3s ease}.modal.active .confirm-modal{transform:scale(1)}.confirm-icon{color:#fbbf24;margin-bottom:var(--space-md)}.confirm-modal h3{font-family:var(--font-display);font-size:1.5rem;color:var(--text-light);margin-bottom:var(--space-sm)}.confirm-modal p{color:var(--text-muted);margin-bottom:var(--space-xs);line-height:1.6}.confirm-modal strong{color:var(--gold)}.confirm-warning{color:#ef4444!important;font-size:.85rem;font-weight:500}.confirm-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-lg)}.confirm-actions .btn{flex:1;padding:12px 16px;border-radius:10px;font-weight:600;cursor:pointer}.hidden{display:none!important}.btn:disabled{opacity:.6;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cancel-form-wrapper,.cancel-details-wrapper,.success-wrapper{animation:fadeIn .4s ease}@media(max-width:480px){.cancel-form-wrapper,.cancel-details-wrapper,.success-wrapper{padding:var(--space-lg);border-radius:20px}.confirm-actions{flex-direction:column}.confirm-modal{padding:var(--space-lg)}}