.order-flow-hero-module__0hIHHa__stage{--stage-padding-x:36px;--stage-padding-y:48px;--stage-nav-width:160px;border:1px solid var(--color-border);background:var(--color-surface);grid-template-areas:"nav timeline divider preview";grid-template-columns:var(--stage-nav-width) minmax(0, 1fr) 1px minmax(0, calc((100% - var(--stage-nav-width) - 1px) / 2));height:640px;display:grid;overflow:hidden}.order-flow-hero-module__0hIHHa__appNav{flex-direction:column;grid-area:nav;gap:16px;padding:20px;display:flex}.order-flow-hero-module__0hIHHa__appBrand{align-items:center;min-height:32px;display:flex}.order-flow-hero-module__0hIHHa__appBrandLogo{width:64px;height:auto}.order-flow-hero-module__0hIHHa__navList{gap:16px;display:grid}.order-flow-hero-module__0hIHHa__navItem,.order-flow-hero-module__0hIHHa__navItemActive{min-height:20px;color:var(--color-secondary);align-items:center;gap:8px;font-size:12px;line-height:1.25;display:flex}.order-flow-hero-module__0hIHHa__navItemActive{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.order-flow-hero-module__0hIHHa__navIcon{flex:0 0 14px;width:14px;height:14px}.order-flow-hero-module__0hIHHa__mobileAppBar{display:none}.order-flow-hero-module__0hIHHa__timelineColumn{min-width:0;min-height:0;padding:var(--stage-padding-y) var(--stage-padding-x);flex-direction:column;grid-area:timeline;display:flex}.order-flow-hero-module__0hIHHa__log{gap:24px}.order-flow-hero-module__0hIHHa__orderHeader{gap:8px;display:grid}.order-flow-hero-module__0hIHHa__orderTitle{color:var(--color-primary);font-size:22px;line-height:1.1;font-weight:var(--font-weight-semibold);letter-spacing:-.04em;margin:0}.order-flow-hero-module__0hIHHa__orderLabel{color:var(--color-secondary);margin:0;font-size:14px;line-height:20px}.order-flow-hero-module__0hIHHa__timeline{margin:0;padding:0;list-style:none;display:grid}.order-flow-hero-module__0hIHHa__entry{grid-template-columns:24px minmax(0,1fr);gap:12px;padding-bottom:20px;animation:.36s both order-flow-hero-module__0hIHHa__entryIn;display:grid;position:relative}.order-flow-hero-module__0hIHHa__entry:before{background:var(--color-border);content:"";width:1px;position:absolute;top:28px;bottom:4px;left:12px}.order-flow-hero-module__0hIHHa__entry:last-child:before{display:none}.order-flow-hero-module__0hIHHa__marker{border:1px solid var(--color-border);background:var(--color-surface);width:24px;height:24px;color:var(--color-primary);justify-content:center;align-items:center;display:inline-flex}.order-flow-hero-module__0hIHHa__entry[data-active=true] .order-flow-hero-module__0hIHHa__marker{border-color:var(--color-primary)}.order-flow-hero-module__0hIHHa__entry[data-active=true] .order-flow-hero-module__0hIHHa__markerOrb{border-color:#0000}.order-flow-hero-module__0hIHHa__markerIcon{width:12px;height:12px}.order-flow-hero-module__0hIHHa__entryBody{gap:4px;min-width:0;padding-top:2px;display:grid}.order-flow-hero-module__0hIHHa__entryHead{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.order-flow-hero-module__0hIHHa__entryTitle{min-width:0;color:var(--color-primary);font-size:14px;line-height:20px;font-weight:var(--font-weight-semibold)}.order-flow-hero-module__0hIHHa__entryNumber{color:var(--color-muted);font-family:var(--font-geist-mono);font-size:12px;font-weight:var(--font-weight-regular);margin-left:8px}.order-flow-hero-module__0hIHHa__entryAmount{color:var(--color-primary);font-size:13px;line-height:20px;font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.order-flow-hero-module__0hIHHa__entryMeta{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;line-height:16px;display:flex}.order-flow-hero-module__0hIHHa__badge{border:1px solid var(--color-border);color:var(--color-secondary);font-size:10px;line-height:12px;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;animation:.4s both order-flow-hero-module__0hIHHa__badgeIn;display:inline-flex}.order-flow-hero-module__0hIHHa__entry[data-active=true] .order-flow-hero-module__0hIHHa__badge{border-color:var(--color-primary);color:var(--color-primary)}.order-flow-hero-module__0hIHHa__wait{color:var(--color-muted);font-size:10px;line-height:16px;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;padding:0 0 20px 36px;animation:.36s both order-flow-hero-module__0hIHHa__entryIn;position:relative}.order-flow-hero-module__0hIHHa__wait:before{border-left:1px dashed var(--color-muted);content:"";position:absolute;top:0;bottom:4px;left:12px}.order-flow-hero-module__0hIHHa__replayButton{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-secondary);cursor:pointer;font:inherit;align-self:flex-start;align-items:center;gap:8px;margin-left:36px;padding:4px 12px;font-size:12px;line-height:20px;transition:border-color .2s,color .2s;animation:.36s .6s both order-flow-hero-module__0hIHHa__entryIn;display:inline-flex}.order-flow-hero-module__0hIHHa__replayButton:hover,.order-flow-hero-module__0hIHHa__replayButton:focus-visible{border-color:var(--color-primary);color:var(--color-primary);outline:none}.order-flow-hero-module__0hIHHa__replayIcon{width:12px;height:12px}.order-flow-hero-module__0hIHHa__stageDivider{grid-area:divider;position:relative}.order-flow-hero-module__0hIHHa__stageDivider:after{top:var(--stage-padding-y);right:0;bottom:var(--stage-padding-y);background:var(--color-border);content:"";width:1px;position:absolute}.order-flow-hero-module__0hIHHa__previewColumn{min-width:0;min-height:0;padding:var(--stage-padding-y) var(--stage-padding-x);flex-direction:column;grid-area:preview;display:flex}.order-flow-hero-module__0hIHHa__preview{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}.order-flow-hero-module__0hIHHa__previewBar{justify-content:space-between;align-items:center;gap:12px;min-height:32px;display:flex}.order-flow-hero-module__0hIHHa__previewLabel{min-width:0;color:var(--color-secondary);font-size:13px;line-height:20px;font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.order-flow-hero-module__0hIHHa__action{background:var(--color-primary);height:32px;color:var(--color-surface);font-size:12px;line-height:16px;font-weight:var(--font-weight-semibold);flex:none;align-items:center;gap:8px;padding:0 12px;transition:transform .2s,background-color .2s;animation:.3s both order-flow-hero-module__0hIHHa__entryIn;display:inline-flex}.order-flow-hero-module__0hIHHa__actionPressed{background:color-mix(in srgb, var(--color-primary) 72%, var(--color-surface));transform:scale(.94)}.order-flow-hero-module__0hIHHa__actionIcon{width:14px;height:14px}.order-flow-hero-module__0hIHHa__previewCard{gap:12px;animation:.36s both order-flow-hero-module__0hIHHa__panelIn;display:grid;position:relative}.order-flow-hero-module__0hIHHa__paper{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-secondary);gap:16px;font-size:11px;line-height:16px;display:grid;position:relative;overflow:hidden}.order-flow-hero-module__0hIHHa__paperHead{background:var(--color-primary);color:var(--color-surface);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.order-flow-hero-module__0hIHHa__paperSeller{font-size:13px;line-height:20px;font-weight:var(--font-weight-semibold)}.order-flow-hero-module__0hIHHa__paperTitleBlock{justify-items:end;gap:4px;display:grid}.order-flow-hero-module__0hIHHa__paperTitle{font-size:20px;line-height:24px;font-weight:var(--font-weight-semibold);letter-spacing:-.02em}.order-flow-hero-module__0hIHHa__paperNumber{font-family:var(--font-geist-mono);opacity:.8;font-size:10px;line-height:12px}.order-flow-hero-module__0hIHHa__paperMeta{justify-content:space-between;gap:12px;padding:0 20px;display:flex}.order-flow-hero-module__0hIHHa__paperClient{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.order-flow-hero-module__0hIHHa__paperReference{color:var(--color-muted);text-align:right}.order-flow-hero-module__0hIHHa__paperTable{padding:0 20px;display:grid}.order-flow-hero-module__0hIHHa__paperRow{border-bottom:1px solid var(--color-border);color:var(--color-primary);grid-template-columns:minmax(0,1fr) 40px 64px 72px;gap:8px;padding:8px 0;display:grid}.order-flow-hero-module__0hIHHa__paperRowHead{border-bottom-color:var(--color-primary);color:var(--color-muted);font-size:9px;line-height:12px;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.order-flow-hero-module__0hIHHa__quantityCell,.order-flow-hero-module__0hIHHa__priceCell{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden}.order-flow-hero-module__0hIHHa__paperTotals{justify-self:end;gap:4px;width:60%;max-height:96px;padding-right:20px;display:grid;overflow:hidden}.order-flow-hero-module__0hIHHa__totalsRow{font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;display:flex}.order-flow-hero-module__0hIHHa__totalsGrand{background:var(--color-primary);color:var(--color-surface);font-weight:var(--font-weight-semibold);margin-top:4px;padding:8px}.order-flow-hero-module__0hIHHa__paperTerms{color:var(--color-muted);padding:0 20px 20px}.order-flow-hero-module__0hIHHa__paper[data-hide-prices=true] .order-flow-hero-module__0hIHHa__paperRow{animation:.6s .5s both order-flow-hero-module__0hIHHa__collapsePrices}.order-flow-hero-module__0hIHHa__paper[data-hide-prices=true] .order-flow-hero-module__0hIHHa__priceCell{animation:.4s .4s both order-flow-hero-module__0hIHHa__fadeOut}.order-flow-hero-module__0hIHHa__paper[data-hide-prices=true] .order-flow-hero-module__0hIHHa__paperTotals{animation:.6s .5s both order-flow-hero-module__0hIHHa__collapseTotals}.order-flow-hero-module__0hIHHa__stamp{border:2px solid var(--color-primary);background:color-mix(in srgb, var(--color-surface) 84%, transparent);color:var(--color-primary);font-size:16px;line-height:24px;font-weight:var(--font-weight-semibold);letter-spacing:.12em;text-transform:uppercase;padding:4px 12px;animation:.5s cubic-bezier(.2,1.4,.4,1) .2s both order-flow-hero-module__0hIHHa__stampIn;position:absolute;bottom:64px;left:28px;transform:rotate(-8deg)}.order-flow-hero-module__0hIHHa__sentNote{color:var(--color-secondary);align-items:center;gap:8px;font-size:12px;line-height:16px;animation:.36s .2s both order-flow-hero-module__0hIHHa__panelIn;display:inline-flex}.order-flow-hero-module__0hIHHa__sentIcon{width:14px;height:14px}.order-flow-hero-module__0hIHHa__email{border:1px solid var(--color-border);color:var(--color-primary);gap:12px;padding:20px;font-size:13px;line-height:20px;display:grid}.order-flow-hero-module__0hIHHa__emailRow{border-bottom:1px solid var(--color-border);grid-template-columns:64px minmax(0,1fr);gap:12px;padding-bottom:8px;display:grid}.order-flow-hero-module__0hIHHa__emailLabel{color:var(--color-muted);font-size:10px;line-height:20px;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.order-flow-hero-module__0hIHHa__emailSubject{font-weight:var(--font-weight-semibold)}.order-flow-hero-module__0hIHHa__emailBody{align-content:start;gap:8px;min-height:120px;display:grid}.order-flow-hero-module__0hIHHa__emailText{color:var(--color-secondary);margin:0}.order-flow-hero-module__0hIHHa__emailSkeletonShort{width:40%}.order-flow-hero-module__0hIHHa__emailSkeletonLong{width:88%}.order-flow-hero-module__0hIHHa__attachment{border:1px solid var(--color-border);width:fit-content;color:var(--color-secondary);font-family:var(--font-geist-mono);align-items:center;gap:8px;padding:4px 8px;font-size:11px;line-height:16px;display:inline-flex}.order-flow-hero-module__0hIHHa__attachmentIcon{width:12px;height:12px}.order-flow-hero-module__0hIHHa__bankRow{border:1px solid var(--color-border);color:var(--color-primary);grid-template-columns:20px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 16px;font-size:13px;line-height:20px;animation:.36s both order-flow-hero-module__0hIHHa__panelIn;display:grid}.order-flow-hero-module__0hIHHa__bankIcon{width:20px;height:20px}.order-flow-hero-module__0hIHHa__bankLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.order-flow-hero-module__0hIHHa__bankAmount{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.order-flow-hero-module__0hIHHa__bankMatched{border:1px solid var(--color-primary);font-size:10px;line-height:12px;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;animation:.4s both order-flow-hero-module__0hIHHa__badgeIn}@keyframes order-flow-hero-module__0hIHHa__entryIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes order-flow-hero-module__0hIHHa__panelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes order-flow-hero-module__0hIHHa__badgeIn{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur()}}@keyframes order-flow-hero-module__0hIHHa__fadeOut{to{opacity:0}}@keyframes order-flow-hero-module__0hIHHa__collapsePrices{to{grid-template-columns:minmax(0,1fr) 40px 0 0;gap:8px 0}}@keyframes order-flow-hero-module__0hIHHa__collapseTotals{to{opacity:0;max-height:0}}@keyframes order-flow-hero-module__0hIHHa__stampIn{0%{opacity:0;transform:rotate(-8deg)scale(1.6)}to{opacity:1;transform:rotate(-8deg)scale(1)}}@media (max-width:1180px){.order-flow-hero-module__0hIHHa__stage{grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);grid-template-areas:"timeline divider preview"}.order-flow-hero-module__0hIHHa__appNav{display:none}}@media (max-width:920px){.order-flow-hero-module__0hIHHa__stage{--stage-padding-x:20px;--stage-padding-y:32px}.order-flow-hero-module__0hIHHa__paperRow{grid-template-columns:minmax(0,1fr) 32px 56px 64px}}@media (max-width:640px){.order-flow-hero-module__0hIHHa__stage{grid-template:"bar""timeline"minmax(0,1fr)/minmax(0,1fr);height:560px}.order-flow-hero-module__0hIHHa__stageDivider{display:none}.order-flow-hero-module__0hIHHa__mobileAppBar{grid-area:bar;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.order-flow-hero-module__0hIHHa__mobileBrandLogo{width:80px;height:auto}.order-flow-hero-module__0hIHHa__mobileMenuIcon{width:16px;height:16px;color:var(--color-primary)}.order-flow-hero-module__0hIHHa__timelineColumn{padding:16px}}@media (prefers-reduced-motion:reduce){.order-flow-hero-module__0hIHHa__stage *,.order-flow-hero-module__0hIHHa__stage :before,.order-flow-hero-module__0hIHHa__stage :after{transition:none!important;animation:none!important}}
