.ns-track{--track-accent:var(--ns-color-primary,#1e3a5f);--track-ok:#16a34a;--track-warn:#d97706;--track-danger:#dc2626;background:var(--ns-color-surface,#fff);border:var(--ns-island-border,1px solid #e2e8f0d9);border-radius:var(--ns-island-radius,12px);box-shadow:var(--ns-island-shadow,0 8px 24px #1f293714);padding:var(--ns-island-padding,24px);margin-block:var(--ns-gap-lg,24px);max-width:720px;margin-inline:auto}.ns-track__header{text-align:center;margin-bottom:var(--ns-gap-lg,24px);padding-bottom:var(--ns-gap-md,18px);border-bottom:1px solid var(--ns-color-border-light,#f0f0f0)}.ns-track__title{color:var(--track-accent);font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:700;font-family:var(--ns-font-heading);margin:0 0 8px}.ns-track__subtitle{font-size:var(--ns-font-size-base,14px);color:var(--ns-color-text-muted,#6b7280);margin:0;line-height:1.7}.ns-track__form{gap:var(--ns-gap-md,18px);grid-template-columns:1fr 1fr;align-items:end;display:grid}.ns-track__field{flex-direction:column;gap:6px;display:flex}.ns-track__label{font-size:var(--ns-font-size-sm,13px);color:var(--ns-color-text,#222);font-weight:600}.ns-track__input{box-sizing:border-box;border:1px solid var(--ns-color-border,#e5e7eb);border-radius:var(--ns-radius-md,8px);width:100%;font-size:var(--ns-font-size-md,16px);font-family:var(--ns-font-body);background:var(--ns-color-surface,#fff);color:var(--ns-color-text,#222);transition:border-color var(--ns-transition,.2s ease),box-shadow var(--ns-transition,.2s ease);padding:12px 14px}.ns-track__input:focus{border-color:var(--track-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--track-accent)18%,transparent);outline:none}.ns-track__submit{border-radius:var(--ns-radius-md,8px);background:var(--track-accent);color:#fff;font-size:var(--ns-font-size-md,16px);font-weight:700;font-family:var(--ns-font-body);cursor:pointer;transition:filter var(--ns-transition,.2s ease),transform var(--ns-transition,.2s ease);border:0;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;padding:13px 22px;display:inline-flex}.ns-track__submit:hover:not(:disabled){filter:brightness(1.08)}.ns-track__submit:active:not(:disabled){transform:translateY(1px)}.ns-track__submit:disabled{opacity:.65;cursor:progress}.ns-track__message{border-radius:var(--ns-radius-md,8px);font-size:var(--ns-font-size-base,14px);grid-column:1/-1;margin:0;padding:10px 14px;line-height:1.6}.ns-track__message.is-error{color:var(--track-danger);background:#fef2f2;border:1px solid #fecaca}.ns-track__message.is-success{color:var(--track-ok);background:#f0fdf4;border:1px solid #bbf7d0}.ns-track__output{margin-top:var(--ns-gap-md,18px)}.ns-track__result{border:1px solid var(--ns-color-border,#e5e7eb);border-radius:var(--ns-radius-lg,12px);padding:var(--ns-gap-lg,24px);background:var(--ns-color-surface-muted,#f8f9fa);animation:.25s ns-track-fade}@keyframes ns-track-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ns-track__summary{gap:var(--ns-gap-md,18px);margin-bottom:var(--ns-gap-lg,24px);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.ns-track__summary-item{flex-direction:column;gap:4px;display:flex}.ns-track__summary-label{font-size:var(--ns-font-size-sm,13px);color:var(--ns-color-text-muted,#6b7280)}.ns-track__summary-value{font-size:var(--ns-font-size-md,16px);color:var(--ns-color-text,#222);font-weight:700}.ns-track__badge{font-size:var(--ns-font-size-sm,13px);background:color-mix(in srgb,var(--track-accent)14%,#fff);color:var(--track-accent);border-radius:999px;align-self:flex-start;padding:4px 12px;font-weight:700}.ns-track__result.is-complete .ns-track__badge{color:var(--track-ok);background:#f0fdf4}.ns-track__result.is-cancelled .ns-track__badge,.ns-track__result.is-failed .ns-track__badge{color:var(--track-danger);background:#fef2f2}.ns-track__steps{counter-reset:step;justify-content:space-between;margin:0;padding:0;list-style:none;display:flex;position:relative}.ns-track__steps:before{content:"";background:var(--ns-color-border,#e5e7eb);z-index:0;border-radius:3px;height:3px;position:absolute;top:22px;left:22px;right:22px}.ns-track__step{z-index:1;text-align:center;flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.ns-track__step-dot{border:3px solid var(--ns-color-border,#e5e7eb);width:46px;height:46px;transition:all var(--ns-transition,.2s ease);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.ns-track__step-icon{filter:grayscale();opacity:.5}.ns-track__step-body{flex-direction:column;gap:2px;max-width:140px;display:flex}.ns-track__step-label{font-size:var(--ns-font-size-base,14px);color:var(--ns-color-text-muted,#6b7280);font-weight:700}.ns-track__step-desc{font-size:var(--ns-font-size-sm,13px);color:var(--ns-color-text-muted,#6b7280);line-height:1.5}.ns-track__step.is-done .ns-track__step-dot{background:var(--track-ok);border-color:var(--track-ok)}.ns-track__step.is-done .ns-track__step-icon{filter:none;opacity:1}.ns-track__step.is-done .ns-track__step-label{color:var(--track-ok)}.ns-track__step.is-current .ns-track__step-dot{border-color:var(--track-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--track-accent)16%,transparent);background:#fff}.ns-track__step.is-current .ns-track__step-icon{filter:none;opacity:1}.ns-track__step.is-current .ns-track__step-label{color:var(--track-accent)}.ns-track__step.is-failed-step .ns-track__step-dot{border-color:var(--track-danger);box-shadow:0 0 0 5px color-mix(in srgb,var(--track-danger)16%,transparent)}.ns-track__step.is-failed-step .ns-track__step-icon{filter:none;opacity:1}.ns-track__step.is-failed-step .ns-track__step-label{color:var(--track-danger)}.ns-track__notice{margin-top:var(--ns-gap-lg,24px);border-radius:var(--ns-radius-md,8px);font-size:var(--ns-font-size-base,14px);padding:12px 16px;line-height:1.7}.ns-track__notice.is-cancelled,.ns-track__notice.is-failed{color:var(--track-danger);background:#fef2f2;border:1px solid #fecaca}.ns-track__items{margin-top:var(--ns-gap-lg,24px);padding-top:var(--ns-gap-md,18px);border-top:1px solid var(--ns-color-border-light,#f0f0f0)}.ns-track__items-title{font-size:var(--ns-font-size-md,16px);color:var(--ns-color-text,#222);margin:0 0 12px;font-weight:700}.ns-track__items-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ns-track__item{background:var(--ns-color-surface,#fff);border:1px solid var(--ns-color-border-light,#f0f0f0);border-radius:var(--ns-radius-md,8px);font-size:var(--ns-font-size-base,14px);justify-content:space-between;gap:12px;padding:10px 14px;display:flex}.ns-track__item-name{color:var(--ns-color-text,#222)}.ns-track__item-qty{color:var(--ns-color-text-muted,#6b7280);white-space:nowrap;font-weight:700}@media (width<=600px){.ns-track{padding:var(--ns-gap-md,18px)}.ns-track__form{grid-template-columns:1fr}.ns-track__steps{gap:var(--ns-gap-md,18px);flex-direction:column;align-items:stretch}.ns-track__steps:before{width:3px;height:auto;inset:22px 22px 22px auto}.ns-track__step{text-align:start;flex-direction:row;align-items:center;gap:14px}.ns-track__step-body{align-items:flex-start;max-width:none}}