@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);.od-wrap{min-height:100vh;background:#f9fafb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:Inter,sans-serif}.od-container{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:1152px;width:100%;margin:0 auto;padding:32px 16px}.od-spinner-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:80px 0}.od-spinner{width:32px;height:32px;border:2px solid #e5e7eb;border-bottom-color:#3b82f6;border-radius:50%;-webkit-animation:od-spin .7s linear infinite;animation:od-spin .7s linear infinite}@-webkit-keyframes od-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes od-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.od-empty{background:#fff;border-radius:16px;border:1px solid #f3f4f6;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.04);box-shadow:0 1px 4px rgba(0,0,0,.04);padding:48px;text-align:center}.od-empty-icon{font-size:48px;color:#d1d5db;margin-bottom:16px}.od-empty h3{font-size:18px;font-weight:700;color:#111827;margin:0 0 8px}.od-empty p{color:#6b7280;margin:0 0 24px}.od-empty a{color:#3b82f6;font-weight:600;text-decoration:none}.od-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:1024px){.od-grid{grid-template-columns:2fr 1fr}}.od-main{gap:24px}.od-main,.od-side{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.od-side{gap:16px}@media (min-width:1024px){.od-side{position:sticky;top:96px;-ms-flex-item-align:start;align-self:start}}.od-page-title{font-size:22px;font-weight:900;color:#111827;margin:0 0 24px;letter-spacing:-.5px}.od-cancel-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:16px;margin-bottom:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px}.od-cancel-banner-icon{color:#ef4444;font-size:18px;-ms-flex-negative:0;flex-shrink:0;margin-top:2px}.od-cancel-banner h4{font-weight:700;color:#991b1b;font-size:14px;margin:0 0 4px}.od-cancel-banner p{color:#dc2626;font-size:12px;margin:0}.od-card{background:#fff;border-radius:16px;border:1px solid #f3f4f6;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.04);box-shadow:0 1px 4px rgba(0,0,0,.04);overflow:hidden}.od-card-header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #f3f4f6}.od-card-header,.od-card-header-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.od-card-header-left{gap:8px}.od-card-header-icon{color:#9ca3af;font-size:14px}.od-card-header-title{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.1em;margin:0}.od-card-body{padding:24px}.od-timeline-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;padding:0 32px}.od-timeline-track{right:40px;background:#f3f4f6}.od-timeline-progress,.od-timeline-track{position:absolute;left:40px;top:20px;height:2px;z-index:0}.od-timeline-progress{-webkit-transition:width .5s;transition:width .5s}.od-timeline-progress.is-cancel{background:#ef4444}.od-timeline-progress.is-normal{background:#22c55e}.od-timeline-step{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;z-index:10;width:80px}.od-step-dot,.od-timeline-step{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.od-step-dot{width:40px;height:40px;border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:2px solid #e5e7eb;background:#fff;color:#d1d5db;font-size:16px;-webkit-transition:all .3s;transition:all .3s}.od-step-dot.active-normal{background:#22c55e;border-color:#22c55e;color:#fff;-webkit-box-shadow:0 4px 12px rgba(34,197,94,.3);box-shadow:0 4px 12px rgba(34,197,94,.3)}.od-step-dot.active-cancel{background:#ef4444;border-color:#ef4444;color:#fff;-webkit-box-shadow:0 4px 12px rgba(239,68,68,.3);box-shadow:0 4px 12px rgba(239,68,68,.3)}.od-step-label{font-size:11px;font-weight:600;text-align:center;line-height:1.3;color:#9ca3af}.od-step-label.active-normal{color:#16a34a}.od-step-label.active-cancel{color:#dc2626}.od-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;font-size:14px}.od-info-label{color:#6b7280}.od-info-value{font-weight:600;color:#111827}.od-copy-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;color:#3b82f6;font-size:12px;font-weight:600;border:none;background:none;cursor:pointer;padding:0;-webkit-transition:color .15s;transition:color .15s}.od-copy-btn:hover{color:#2563eb}.od-badge{display:inline-block;color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:6px}.od-badge-green{background:#22c55e}.od-badge-yellow{background:#eab308}.od-badge-red{background:#ef4444}.od-badge-gray{background:#9ca3af}.od-invoice-btn{font-size:12px;font-weight:600;color:#374151;border:1px solid #e5e7eb;background:#fff;padding:6px 12px;border-radius:8px;cursor:pointer;-webkit-transition:background .15s;transition:background .15s}.od-invoice-btn:hover{background:#f9fafb}.od-product-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px;padding:20px;border-bottom:1px solid #f9fafb}.od-product-item:last-child{border-bottom:none}.od-product-img{border-radius:12px;-o-object-fit:cover;object-fit:cover;border:1px solid #f3f4f6}.od-product-img,.od-product-img-placeholder{width:64px;height:64px;background:#f3f4f6;-ms-flex-negative:0;flex-shrink:0}.od-product-img-placeholder{border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#d1d5db;font-size:20px}.od-product-info{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.od-product-name{font-weight:600;color:#111827;line-height:1.4;margin:0 0 4px}.od-product-price{font-weight:700;color:#111827;font-size:14px}.od-product-qty{color:#9ca3af;font-size:12px}.od-product-original{font-size:12px;color:#d1d5db;text-decoration:line-through}.od-product-discount-badge{font-size:10px;font-weight:700;color:#f43f5e;background:#fff1f2;border:1px solid #fecdd3;padding:2px 6px;border-radius:4px;text-transform:uppercase}.od-product-subtotal{font-weight:700;color:#111827;font-size:14px;-ms-flex-negative:0;flex-shrink:0}.od-payment-dashed{border:1px dashed #e5e7eb;border-radius:12px;padding:16px;background:#f9fafb}.od-payment-dashed.has-error{border-color:#fca5a5;background:#fef2f2}.od-upload-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px}.od-upload-info{-webkit-box-flex:1;-ms-flex:1;flex:1}.od-upload-title{font-weight:600;color:#374151;font-size:14px;margin:0 0 4px}.od-upload-hint{font-size:12px;color:#9ca3af;margin:0}.od-upload-error{font-size:10px;color:#ef4444;font-style:italic;margin:8px 0 0}.od-proof-thumb{width:144px;height:112px;border-radius:12px;overflow:hidden;border:2px dashed #e5e7eb;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;position:relative}.od-proof-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.od-proof-thumb-empty{text-align:center;color:#d1d5db}.od-proof-thumb-empty .anticon{font-size:24px;margin-bottom:4px}.od-proof-thumb-empty p{font-size:10px;margin:0}.od-qr-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;padding:24px;border:1px dashed #e5e7eb;border-radius:12px;background:#f9fafb;margin-bottom:24px}.od-qr-box img{width:192px;height:192px;-o-object-fit:contain;object-fit:contain}.od-summary-card{background:#fff;border-radius:24px;padding:24px;-webkit-box-shadow:0 8px 40px rgba(0,0,0,.04);box-shadow:0 8px 40px rgba(0,0,0,.04);border:1px solid rgba(241,245,249,.5);overflow:hidden;position:relative}.od-summary-title{font-weight:700;color:#0f172a;font-size:15px;gap:8px;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid #f8fafc}.od-summary-row,.od-summary-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.od-summary-row{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px}.od-summary-label{color:#64748b;font-size:14px;font-weight:500}.od-summary-value{font-weight:700;color:#0f172a;font-size:14px}.od-summary-divider{border:none;border-top:2px dashed #f1f5f9;margin:24px 0}.od-summary-total-label{font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.2em;font-size:10px}.od-summary-total-value{font-size:22px;font-weight:900;color:#0f172a;letter-spacing:-.5px;line-height:1}.od-promo-section{padding-top:16px;border-top:1px solid #f1f5f9;margin-bottom:16px}.od-promo-header{gap:8px;margin-bottom:12px;font-weight:700;color:#0f172a;font-size:13px}.od-promo-header,.od-promo-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.od-promo-row{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px}.od-promo-name{font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.05em}.od-promo-amount{font-weight:600;color:#e11d48;font-size:13px}.od-bonus-trigger{background:#fff;border-radius:20px;padding:16px 20px;-webkit-box-shadow:0 8px 40px rgba(0,0,0,.04);box-shadow:0 8px 40px rgba(0,0,0,.04);border:1px solid rgba(241,245,249,.5);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:all .3s;transition:all .3s}.od-bonus-trigger:hover{-webkit-box-shadow:0 8px 40px rgba(0,0,0,.08);box-shadow:0 8px 40px rgba(0,0,0,.08)}.od-bonus-icon-wrap{width:40px;height:40px;border-radius:12px;background:#fff1f2;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:18px;color:#f43f5e;-ms-flex-negative:0;flex-shrink:0}.od-bonus-icon-wrap,.od-bonus-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.od-bonus-left{gap:16px}.od-bonus-title{font-size:14px;font-weight:900;color:#0f172a;line-height:1;margin-bottom:4px}.od-bonus-count{font-size:10px;font-weight:900;color:#e11d48;text-transform:uppercase;letter-spacing:.1em}.od-bonus-item{gap:20px;background:#fff;border-radius:20px;padding:20px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.02);box-shadow:0 4px 20px rgba(0,0,0,.02);border:1px solid rgba(241,245,249,.4);margin-bottom:12px}.od-bonus-item,.od-bonus-item-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.od-bonus-item-icon{width:56px;height:56px;border-radius:16px;background:#f8fafc;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:22px;color:#0f172a;-ms-flex-negative:0;flex-shrink:0}.od-bonus-promo-type{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.15em;color:#94a3b8;margin-bottom:4px}.od-bonus-value{font-size:18px;font-weight:900;color:#e11d48;line-height:1.2}.od-bonus-meta{font-size:10px;font-weight:700;color:#94a3b8;margin-top:8px}.od-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.od-lightbox img{max-height:85vh;max-width:90vw;border-radius:16px;border:1px solid hsla(0,0%,100%,.1)}.od-lightbox-close{position:absolute;top:24px;right:24px;color:#fff;background:none;border:none;font-size:28px;cursor:pointer}.od-flex,.od-flex-center{display:-webkit-box;display:-ms-flexbox;display:flex}.od-flex-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.od-gap-2{gap:8px}.od-gap-4{gap:16px}.od-mono{font-family:monospace;font-size:15px}.od-text-blue{color:#3b82f6}.od-font-bold{font-weight:700}.od-text-sm{font-size:13px}.od-text-xs{font-size:11px}.od-mb-4{margin-bottom:16px}.od-mb-6{margin-bottom:24px}.od-mt-4{margin-top:16px}.od-section-divider{border-top:1px solid #f1f5f9;margin:16px 0}