.order-confirmation-wrapper{width:100%}.order-confirmation-container{max-width:900px;margin:0 auto;padding:2rem}.header-title{font-size:2rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem}.mt-0{margin-top:0}.loading-state,.error-state{text-align:center;padding:3rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert{padding:1.5rem;border-radius:6px;margin-bottom:1rem;border:1px solid}.alert p{margin:.5rem 0}.alert p:first-child{margin-top:0}.alert p:last-child{margin-bottom:0}.alert-success{background-color:#dcfce7;color:#166534;border-color:#86efac}.alert-danger{background-color:#fee2e2;color:#dc2626;border-color:#fecaca}.alert-warning{background-color:#fef3c7;color:#d97706;border-color:#fde68a}.alert-info{background-color:#dbeafe;color:#1e40af;border-color:#93c5fd}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.table-container{background:#fff;border-radius:6px;border:1px solid #e5e7eb;overflow:hidden}.table-header,.table-row{display:grid;padding:1rem;gap:1rem}.table-header{background-color:#f9fafb;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.table-row{border-bottom:1px solid #e5e7eb;align-items:center}.table-row:last-child{border-bottom:none}.table-row:nth-child(2n){background-color:#f9fafb}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-gray-500{color:#6b7280}.font-bold{font-weight:700}.flex{display:flex}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.items-center{align-items:center}.gap-4{gap:1rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .15s ease-in-out;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.status-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600;text-transform:capitalize}.status-success{background-color:#dcfce7;color:#16a34a}.status-warning{background-color:#fef3c7;color:#d97706}.status-danger{background-color:#fee2e2;color:#dc2626}.status-info{background-color:#dbeafe;color:#2563eb}@media (max-width: 768px){.order-confirmation-container{padding:1rem}.header-title{font-size:1.5rem}.table-header,.table-row{padding:.75rem;gap:.5rem;font-size:.875rem}.btn-lg{padding:.875rem 1.5rem;font-size:1rem}.gap-4{gap:.75rem}}@media (max-width: 640px){.order-confirmation-container{padding:.75rem}.header-title{font-size:1.25rem}.table-header{display:none}.table-row{grid-template-columns:1fr!important;gap:.5rem;padding:1rem}.table-row>div{display:flex;justify-content:space-between;align-items:center}.table-row>div:before{content:attr(data-label);font-weight:600;color:#374151}.flex{flex-direction:column}.gap-4{gap:.5rem}}@media print{.btn{display:none}.order-confirmation-container{max-width:100%;padding:0}.alert,.table-container{box-shadow:none;border:1px solid #e5e7eb}@page{margin:1cm}}