.success-section{padding:28px 0 48px;background:#f8f9fa;min-height:50vh}.success-container{max-width:720px;margin:0 auto;padding:0 24px}.loading-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;color:#64748b;font-family:Noto Sans,sans-serif}.spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#003c5b;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{flex-direction:column;align-items:center;gap:12px;padding:60px 0;text-align:center;font-family:Noto Sans,sans-serif}.error-state h2{font-size:22px;color:#1e293b;margin:0}.error-state p{color:#64748b;margin:0;max-width:400px}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:9px 22px;background:#003c5b;color:#fff;border-radius:100px;text-decoration:none;font-size:13px;font-weight:600;margin-top:6px;transition:background .2s}.btn-back:hover{background:#035f8d}.confirmation-header{text-align:center;margin-bottom:20px}.check-circle{width:56px;height:56px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;box-shadow:0 3px 12px #10b9814d}.confirmation-header h2{font-family:Noto Sans,sans-serif;font-size:24px;font-weight:700;color:#1e293b;margin:0 0 6px}.confirmation-sub{font-family:Noto Sans,sans-serif;font-size:14px;color:#64748b;margin:0;line-height:1.4}.confirmation-sub strong{color:#1e293b}.order-card{background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000012,0 3px 10px #0000000a;overflow:hidden}.order-header{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:#003c5b;color:#fff}.order-label{display:block;font-family:Noto Sans,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:1px;opacity:.7;margin-bottom:2px}.order-number{font-family:Noto Sans,sans-serif;font-size:16px;font-weight:700;letter-spacing:.5px}.status-badge{display:inline-block;padding:3px 12px;border-radius:100px;font-family:Noto Sans,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#ffffff26;color:#fff}.status-badge.status-paid{background:#10b981}.status-badge.status-registered{background:#3b82f6}.order-section{padding:10px 22px;border-bottom:1px solid #f1f5f9}.order-section h3{font-family:Noto Sans,sans-serif;font-size:13px;font-weight:700;color:#1e293b;margin:0 0 6px;display:flex;align-items:center;gap:6px}.section-icon{width:26px;height:26px;border-radius:5px;background:#eef4f8;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.section-icon.buyer-icon{background:#eef2ff}.section-icon.tickets-icon{background:#f3f0ff}.section-icon.attendees-icon,.section-icon.cabins-icon{background:#ecfdf5}.section-icon.dietary-icon{background:#fffbeb}.event-info-grid{display:flex;flex-direction:column;gap:4px}.info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.info-label{font-family:Noto Sans,sans-serif;font-size:12px;color:#94a3b8;font-weight:500;min-width:70px;flex-shrink:0}.info-value{font-family:Noto Sans,sans-serif;font-size:13px;color:#1e293b;font-weight:500;text-align:right}.items-list{display:flex;flex-direction:column;gap:4px}.item-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f8fafc;border-radius:6px;gap:10px}.item-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.item-name{font-family:Noto Sans,sans-serif;font-size:13px;font-weight:600;color:#1e293b}.item-qty{font-family:Noto Sans,sans-serif;font-size:11px;color:#64748b;background:#e2e8f0;padding:1px 7px;border-radius:100px;font-weight:600;flex-shrink:0}.item-price{font-family:Noto Sans,sans-serif;font-size:13px;font-weight:700;color:#003c5b;flex-shrink:0}.color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.attendees-list{display:flex;flex-direction:column;gap:4px}.attendee-card{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8fafc;border-radius:6px}.attendee-num{width:24px;height:24px;background:#003c5b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Noto Sans,sans-serif;font-size:11px;font-weight:700;flex-shrink:0}.attendee-info{display:flex;flex-direction:column;gap:1px}.attendee-name{font-family:Noto Sans,sans-serif;font-size:13px;font-weight:600;color:#1e293b}.attendee-detail{font-family:Noto Sans,sans-serif;font-size:11px;color:#64748b}.attendee-ticket{font-family:Noto Sans,sans-serif;font-size:10px;color:#7c3aed;font-weight:600}.dietary-details{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.dietary-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:4px 0}.dietary-label{font-family:Noto Sans,sans-serif;font-size:12px;color:#92400e;font-weight:600;min-width:110px}.dietary-value{font-family:Noto Sans,sans-serif;font-size:13px;color:#1e293b;text-align:right}.order-total{padding:14px 22px;background:linear-gradient(135deg,#003c5b,#035f8d)}.total-row{display:flex;align-items:center;justify-content:space-between}.total-label{font-family:Noto Sans,sans-serif;font-size:14px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:1px}.total-amount{font-family:Noto Sans,sans-serif;font-size:24px;font-weight:800;color:#fff}.total-free{background:linear-gradient(135deg,#10b981,#059669)}.success-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;justify-content:center}.btn-download{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;background:#003c5b;color:#fff;border-radius:100px;text-decoration:none;font-family:Noto Sans,sans-serif;font-size:13px;font-weight:600;transition:background .2s}.btn-download:hover{background:#035f8d}.btn-event{display:inline-flex;align-items:center;gap:5px;padding:10px 24px;background:#fff;color:#003c5b;border:1.5px solid #003c5b;border-radius:100px;text-decoration:none;font-family:Noto Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.btn-event:hover{background:#003c5b;color:#fff}.btn-events{display:inline-flex;align-items:center;padding:10px 20px;background:transparent;color:#64748b;border-radius:100px;text-decoration:none;font-family:Noto Sans,sans-serif;font-size:13px;font-weight:500;transition:color .2s}.btn-events:hover{color:#003c5b}@media(max-width:640px){.success-section{padding:20px 0 40px}.success-container{padding:0 14px}.confirmation-header h2{font-size:20px}.check-circle{width:48px;height:48px;margin-bottom:10px}.check-circle svg{width:26px;height:26px}.order-header{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:8px}.order-section,.order-total{padding:12px 16px}.total-amount{font-size:20px}.info-row{flex-direction:column;gap:1px}.info-value{text-align:left}.success-actions{flex-direction:column;align-items:stretch}.success-actions a{justify-content:center}}