.order-page>main{min-height:calc(100svh - 100px);padding:26px 0 80px}.order-container{max-width:var(--content-width);margin:0 auto;position:relative;z-index:1}.order-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:40px;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));box-shadow:0 2px 8px #0000000a,0 8px 24px #0000000f}.order-header{margin-bottom:24px}.order-header .eyebrow{display:block;color:var(--muted);font-size:11px;letter-spacing:.15em;font-weight:700;margin-bottom:12px}.order-header h1{overflow-wrap:anywhere;font-size:clamp(28px,3.5vw,38px);line-height:1.1;letter-spacing:-.03em;margin:0 0 16px;font-family:ui-monospace,SF Mono,Consolas,monospace}.order-status-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;font-size:13px;font-weight:700;margin-bottom:16px}.order-status-badge.completed{background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success);border:1px solid color-mix(in srgb,var(--success) 25%,var(--border))}.order-status-badge.pending{background:color-mix(in srgb,var(--warning) 12%,var(--surface));color:var(--warning);border:1px solid color-mix(in srgb,var(--warning) 25%,var(--border))}.order-status-badge.refunded{background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border))}.order-status-badge.expired,.order-status-badge.cancelled{background:color-mix(in srgb,var(--muted) 12%,var(--surface));color:var(--muted);border:1px solid var(--border)}.order-status-message{padding:16px;border-radius:12px;margin-bottom:24px;font-size:14px;line-height:1.6}.order-status-message.success{background:color-mix(in srgb,var(--success) 8%,var(--surface));color:var(--success);border:1px solid color-mix(in srgb,var(--success) 20%,var(--border))}.order-status-message.info{background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border))}.order-status-message.muted{background:var(--field);color:var(--muted);border:1px solid var(--border)}.order-items{margin:24px 0}.order-item{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 0;border-top:1px solid var(--border)}.order-item:first-child{border-top:none}.order-item-details{flex:1;min-width:0}.order-item-name{font-weight:700;font-size:15px;margin-bottom:6px}.order-item-variant{display:block;color:var(--muted);font-size:13px}.order-item-price{font-weight:700;font-size:16px;white-space:nowrap}.voucher-section{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 5%,var(--surface)),var(--surface));border:2px solid var(--primary);border-radius:18px;padding:24px;margin:20px 0}.voucher-section h3{font-size:16px;font-weight:700;margin:0 0 16px;display:flex;align-items:center;gap:10px}.voucher-section h3:before{content:"🎫";font-size:20px}.voucher-pending{padding:16px;background:color-mix(in srgb,var(--warning) 8%,var(--surface));border-radius:12px;color:var(--muted);font-size:13px;line-height:1.6;margin:0}.voucher-revoked{padding:16px;background:color-mix(in srgb,var(--danger) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 25%,var(--border));border-radius:12px;color:var(--danger);font-size:13px;line-height:1.6;margin:0}.voucher-ready{font-size:13px;color:var(--muted);margin:0 0 16px;line-height:1.6}.voucher-ready code{background:color-mix(in srgb,var(--primary) 10%,transparent);padding:3px 8px;border-radius:6px;font-size:12px;margin-left:6px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border))}.voucher-codes{margin:20px 0 0}.voucher-code-item{padding:16px 0;border-top:1px solid var(--border)}.voucher-code-item:first-child{border-top:none;padding-top:0}.voucher-code-sequence{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.voucher-code-value{display:block;font-size:22px;font-weight:700;letter-spacing:2px;word-break:break-all;font-family:ui-monospace,SF Mono,Consolas,monospace;background:color-mix(in srgb,var(--primary) 8%,transparent);padding:12px 16px;border-radius:10px;border:1px solid color-mix(in srgb,var(--primary) 15%,var(--border));margin:8px 0}.voucher-pin{display:block;margin-top:8px;font-size:13px}.voucher-pin code{font-size:16px;font-weight:700;background:color-mix(in srgb,var(--warning) 10%,transparent);padding:4px 10px;border-radius:6px;margin-left:6px}.voucher-expiry{display:block;color:var(--muted);font-size:12px;margin-top:8px}.secure-note{display:flex;align-items:flex-start;gap:12px;padding:16px;margin-top:20px;background:color-mix(in srgb,var(--warning) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--warning) 25%,var(--border));border-radius:12px;font-size:12px;line-height:1.7;color:var(--text)}.secure-note:before{content:"🔒";font-size:18px;flex-shrink:0}.voucher-reveal-form{margin-top:16px}.voucher-reveal-form label{display:block;margin-bottom:16px}.voucher-reveal-form label span{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.voucher-reveal-form input{width:100%;max-width:320px;padding:12px 16px;font-size:14px;border:2px solid var(--border);border-radius:10px;background:var(--field);transition:all .2s ease}.voucher-reveal-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.order-totals{margin:24px 0}.order-total-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px}.order-total-row.discount{color:var(--primary)}.order-total-row.muted{color:var(--muted)}.order-total-row code{background:color-mix(in srgb,var(--primary) 10%,transparent);padding:2px 8px;border-radius:4px;margin-left:6px;font-size:12px}.order-grand-total{display:flex;justify-content:space-between;align-items:center;padding-top:18px;margin-top:18px;border-top:2px solid var(--border);font-size:22px;font-weight:700}.order-grand-total .amount{color:var(--primary)}.payment-section{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 5%,var(--surface)),var(--surface));border:2px solid var(--primary);border-radius:18px;padding:28px;margin:24px 0}.payment-section h2{font-size:20px;font-weight:700;margin:0 0 12px}.payment-info{color:var(--muted);font-size:13px;margin-bottom:20px;line-height:1.6}.payment-info b{color:var(--text)}@media(max-width:680px){.order-page>main{padding:24px 0 48px}.order-card{padding:28px 20px;border-radius:18px}.order-header h1{font-size:24px}.order-item{flex-direction:column;gap:12px}.order-item-price{align-self:flex-start}.voucher-section{padding:20px}.voucher-code-value{font-size:18px;padding:10px 12px}.payment-section{padding:20px}}@media(prefers-reduced-motion:reduce){.order-page *{transition:none!important;animation:none!important}}