.track-order{gap:1.5rem;max-width:36rem;margin:0 auto;display:grid}.track-order__form{background:#fff;border:1px solid #46a9ae2e;border-radius:16px;gap:1rem;padding:1.25rem;display:grid;box-shadow:0 10px 30px #252f420f}.track-order__field{gap:.4rem;display:grid}.track-order__field label{color:#252f42;font-size:.875rem;font-weight:700}.track-order__field input{text-align:left;direction:ltr;background:#f8fbfb;border:1px solid #d7e3e6;border-radius:12px;width:100%;padding:.8rem .95rem;font-size:1rem}.track-order__field input:focus{background:#fff;border-color:#46a9ae;outline:2px solid #46a9ae59}.track-order__hint{color:#64748b;margin:0;font-size:.75rem}.track-order__error{color:#b91c1c;background:#fef2f2;border-radius:10px;margin:0;padding:.75rem .9rem;font-size:.875rem}.track-order__submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#46a9ae,#61bec3);border:none;border-radius:999px;padding:.85rem 1.25rem;font-weight:700;transition:transform .15s,opacity .15s}.track-order__submit:hover:not(:disabled){transform:translateY(-1px)}.track-order__submit:disabled{opacity:.7;cursor:wait}.track-order__result{background:#fff;border:1px solid #46a9ae2e;border-radius:16px;padding:1.25rem}.track-order__result-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.track-order__label{color:#64748b;margin:0;font-size:.75rem}.track-order__value{color:#252f42;margin:.2rem 0 0;font-size:1.25rem;font-weight:800}.track-order__badge{color:#2d6165;background:#46a9ae1f;border-radius:999px;align-items:center;padding:.45rem .85rem;font-size:.8125rem;font-weight:700;display:inline-flex}.track-order__badge--cancelled,.track-order__badge--delivered{color:#047857;background:#10b98124}.track-order__badge--cancelled,.track-order__badge--processing{color:#1d4ed8;background:#3b82f61f}.track-order__badge--cancelled{color:#b91c1c;background:#ef44441f}.track-order__meta{color:#64748b;flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:.9rem;font-size:.8rem;display:flex}.track-order__timeline{gap:.75rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.track-order__step{color:#94a3b8;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.track-order__step-dot{background:#e2e8f0;border-radius:50%;flex-shrink:0;width:.7rem;height:.7rem}.track-order__step--done{color:#334155}.track-order__step--done .track-order__step-dot{background:#46a9ae}.track-order__step--current{color:#0f766e;font-weight:700}.track-order__step--current .track-order__step-dot{background:#0f766e;box-shadow:0 0 0 4px #0f766e26}.track-order__step-label{line-height:1.4}