{"id":5425,"date":"2026-05-21T18:57:40","date_gmt":"2026-05-21T15:27:40","guid":{"rendered":"https:\/\/nicepanel.site\/en\/?page_id=5425"},"modified":"2026-08-02T15:02:25","modified_gmt":"2026-08-02T11:32:25","slug":"order-process","status":"publish","type":"page","link":"https:\/\/nicepanel.site\/en\/order-process\/","title":{"rendered":"Order Process"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5425\" class=\"elementor elementor-5425\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c29ae57 e-con-full e-flex e-con e-parent\" data-id=\"c29ae57\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba6ec30 elementor-widget elementor-widget-html\" data-id=\"ba6ec30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.npop-page,\n.npop-page * {\n  box-sizing: border-box;\n}\n\n.npop-page {\n  --npop-pink: #ff84ba;\n  --npop-pink-dark: #df4f92;\n  --npop-pink-deep: #b93672;\n  --npop-pink-soft: rgba(255, 132, 186, 0.14);\n  --npop-pink-faint: rgba(255, 132, 186, 0.07);\n  --npop-ink: #211720;\n  --npop-text: #675866;\n  --npop-muted: #92838f;\n  --npop-line: rgba(86, 48, 70, 0.11);\n  --npop-white: #ffffff;\n  --npop-green: #218a68;\n  --npop-green-soft: rgba(33, 138, 104, 0.11);\n  --npop-orange: #c47a32;\n  --npop-orange-soft: rgba(196, 122, 50, 0.11);\n  --npop-red: #c95465;\n  --npop-red-soft: rgba(201, 84, 101, 0.10);\n\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n  overflow: hidden;\n  color: var(--npop-ink);\n  background: #ffffff;\n  font-family: inherit;\n}\n\n.npop-page a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.npop-page h1,\n.npop-page h2,\n.npop-page h3,\n.npop-page p,\n.npop-page ul {\n  margin-top: 0;\n}\n\n.npop-page ul {\n  padding: 0;\n  list-style: none;\n}\n\n.npop-wrap {\n  width: min(1160px, calc(100% - 36px));\n  margin: 0 auto;\n}\n\n\/* Shared *\/\n\n.npop-label {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 17px;\n  color: var(--npop-pink-deep);\n  font-size: 11.5px;\n  line-height: 1.3;\n  font-weight: 750;\n  letter-spacing: 0.055em;\n  text-transform: uppercase;\n}\n\n.npop-live {\n  position: relative;\n  width: 8px;\n  height: 8px;\n  flex: 0 0 8px;\n  border-radius: 50%;\n  background: var(--npop-pink);\n  box-shadow: 0 0 0 5px rgba(255, 132, 186, 0.14);\n  animation: npopPulse 2s ease-in-out infinite;\n}\n\n.npop-live::after {\n  content: \"\";\n  position: absolute;\n  inset: -5px;\n  border: 1px solid rgba(255, 132, 186, 0.43);\n  border-radius: 50%;\n  animation: npopRing 2s ease-out infinite;\n}\n\n@keyframes npopPulse {\n  0%,\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  50% {\n    opacity: 0.57;\n    transform: scale(0.8);\n  }\n}\n\n@keyframes npopRing {\n  0% {\n    opacity: 0.68;\n    transform: scale(0.7);\n  }\n\n  80%,\n  100% {\n    opacity: 0;\n    transform: scale(1.7);\n  }\n}\n\n.npop-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  min-height: 49px;\n  padding: 12px 22px;\n  border-radius: 14px;\n  font-size: 13px;\n  line-height: 1.2;\n  font-weight: 750;\n  transition:\n    color 0.2s ease,\n    background 0.2s ease,\n    border-color 0.2s ease,\n    box-shadow 0.2s ease,\n    transform 0.2s ease;\n}\n\n.npop-button svg {\n  width: 16px;\n  height: 16px;\n  flex: 0 0 16px;\n}\n\n.npop-button--primary {\n  color: #ffffff !important;\n  background: linear-gradient(\n    135deg,\n    #ff84ba 0%,\n    #df4f92 100%\n  );\n  box-shadow:\n    0 14px 31px rgba(218, 72, 142, 0.26),\n    inset 0 1px 0 rgba(255, 255, 255, 0.3);\n}\n\n.npop-button--primary:hover {\n  background: linear-gradient(\n    135deg,\n    #ef67a7 0%,\n    #c73a7e 100%\n  );\n  transform: translateY(-2px);\n  box-shadow: 0 18px 37px rgba(199, 58, 126, 0.31);\n}\n\n.npop-button--light {\n  color: var(--npop-pink-deep) !important;\n  border: 1px solid rgba(255, 132, 186, 0.25);\n  background: rgba(255, 255, 255, 0.82);\n}\n\n.npop-button--light:hover {\n  border-color: rgba(255, 132, 186, 0.4);\n  background: var(--npop-pink-soft);\n  transform: translateY(-2px);\n}\n\n\/* ==================================================\n   Section 1: Hero\n================================================== *\/\n\n.npop-hero {\n  padding: clamp(65px, 8vw, 106px) 0;\n  background:\n    radial-gradient(\n      circle at 3% 5%,\n      rgba(255, 132, 186, 0.22),\n      transparent 29%\n    ),\n    radial-gradient(\n      circle at 96% 92%,\n      rgba(190, 117, 255, 0.09),\n      transparent 31%\n    ),\n    linear-gradient(\n      135deg,\n      #fffafd 0%,\n      #fff1f8 100%\n    );\n}\n\n.npop-hero-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.03fr) minmax(360px, 0.97fr);\n  align-items: center;\n  gap: clamp(45px, 7vw, 86px);\n}\n\n.npop-hero-copy {\n  min-width: 0;\n}\n\n.npop-hero h1 {\n  max-width: 750px;\n  margin-bottom: 21px;\n  color: var(--npop-ink);\n  font-size: clamp(45px, 6vw, 73px);\n  line-height: 1;\n  font-weight: 790;\n  letter-spacing: -0.058em;\n}\n\n.npop-hero-text {\n  max-width: 710px;\n  margin-bottom: 0;\n  color: var(--npop-text);\n  font-size: clamp(15px, 1.4vw, 17px);\n  line-height: 1.82;\n}\n\n.npop-hero-text strong {\n  color: var(--npop-ink);\n  font-weight: 720;\n}\n\n.npop-hero-actions {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 11px;\n  margin-top: 28px;\n}\n\n.npop-hero-note {\n  max-width: 660px;\n  margin-top: 21px;\n  padding-left: 16px;\n  border-left: 3px solid var(--npop-pink);\n  color: #755f6d;\n  font-size: 12.3px;\n  line-height: 1.7;\n}\n\n\/* Process monitor *\/\n\n.npop-monitor {\n  overflow: hidden;\n  border: 1px solid rgba(255, 132, 186, 0.22);\n  border-radius: 26px;\n  background: rgba(255, 255, 255, 0.87);\n  box-shadow:\n    0 26px 70px rgba(94, 41, 69, 0.12),\n    inset 0 1px 0 rgba(255, 255, 255, 0.82);\n}\n\n.npop-monitor-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 18px;\n  padding: 19px 21px;\n  border-bottom: 1px solid rgba(255, 132, 186, 0.14);\n  background: rgba(255, 250, 253, 0.9);\n}\n\n.npop-monitor-title {\n  margin-bottom: 0;\n  color: var(--npop-ink);\n  font-size: 14px;\n  line-height: 1.4;\n  font-weight: 750;\n}\n\n.npop-monitor-id {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  color: var(--npop-muted);\n  font-size: 10.5px;\n  line-height: 1.3;\n  font-weight: 650;\n}\n\n.npop-monitor-id::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--npop-pink);\n  box-shadow: 0 0 0 4px rgba(255, 132, 186, 0.13);\n  animation: npopPulse 2s ease-in-out infinite;\n}\n\n.npop-monitor-body {\n  padding: 24px 21px 22px;\n}\n\n.npop-progress {\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  margin-bottom: 26px;\n}\n\n.npop-progress::before {\n  content: \"\";\n  position: absolute;\n  top: 15px;\n  right: 12%;\n  left: 12%;\n  height: 2px;\n  background: rgba(255, 132, 186, 0.17);\n}\n\n.npop-progress::after {\n  content: \"\";\n  position: absolute;\n  top: 15px;\n  left: 12%;\n  width: 51%;\n  height: 2px;\n  background: linear-gradient(\n    90deg,\n    var(--npop-pink),\n    var(--npop-pink-dark)\n  );\n}\n\n.npop-progress-item {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n}\n\n.npop-progress-dot {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 31px;\n  height: 31px;\n  margin-bottom: 9px;\n  border: 5px solid #ffffff;\n  border-radius: 50%;\n  background: #f4edf1;\n  box-shadow: 0 0 0 1px rgba(86, 48, 70, 0.08);\n}\n\n.npop-progress-item--done .npop-progress-dot,\n.npop-progress-item--active .npop-progress-dot {\n  background: var(--npop-pink);\n  box-shadow:\n    0 0 0 1px rgba(255, 132, 186, 0.22),\n    0 6px 15px rgba(218, 72, 142, 0.16);\n}\n\n.npop-progress-item--active .npop-progress-dot {\n  animation: npopStep 1.8s ease-in-out infinite;\n}\n\n@keyframes npopStep {\n  0%,\n  100% {\n    box-shadow:\n      0 0 0 1px rgba(255, 132, 186, 0.22),\n      0 0 0 5px rgba(255, 132, 186, 0.09);\n  }\n\n  50% {\n    box-shadow:\n      0 0 0 1px rgba(255, 132, 186, 0.22),\n      0 0 0 10px rgba(255, 132, 186, 0.03);\n  }\n}\n\n.npop-progress-name {\n  display: block;\n  color: var(--npop-muted);\n  font-size: 9.5px;\n  line-height: 1.35;\n  font-weight: 650;\n}\n\n.npop-progress-item--done .npop-progress-name,\n.npop-progress-item--active .npop-progress-name {\n  color: var(--npop-ink);\n}\n\n.npop-monitor-details {\n  display: grid;\n  gap: 9px;\n}\n\n.npop-monitor-row {\n  display: grid;\n  grid-template-columns: 95px minmax(0, 1fr);\n  gap: 13px;\n  padding: 11px 12px;\n  border: 1px solid rgba(86, 48, 70, 0.07);\n  border-radius: 12px;\n  background: #fffafd;\n}\n\n.npop-monitor-key {\n  color: var(--npop-muted);\n  font-size: 9.5px;\n  line-height: 1.5;\n  font-weight: 700;\n  letter-spacing: 0.035em;\n  text-transform: uppercase;\n}\n\n.npop-monitor-value {\n  min-width: 0;\n  color: var(--npop-ink);\n  font-size: 11.8px;\n  line-height: 1.5;\n  font-weight: 620;\n}\n\n.npop-status-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  width: fit-content;\n  padding: 5px 9px;\n  border-radius: 999px;\n  color: var(--npop-pink-deep);\n  background: var(--npop-pink-soft);\n  font-size: 10px;\n  line-height: 1.2;\n  font-weight: 750;\n}\n\n.npop-status-pill::before {\n  content: \"\";\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--npop-pink);\n}\n\n\/* ==================================================\n   Section 2: Status table\n================================================== *\/\n\n.npop-statuses {\n  padding: clamp(68px, 8vw, 102px) 0;\n  background: #ffffff;\n}\n\n.npop-heading {\n  display: grid;\n  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);\n  align-items: end;\n  gap: 55px;\n  margin-bottom: 35px;\n}\n\n.npop-heading h2 {\n  margin-bottom: 0;\n  color: var(--npop-ink);\n  font-size: clamp(32px, 4vw, 48px);\n  line-height: 1.12;\n  font-weight: 775;\n  letter-spacing: -0.047em;\n}\n\n.npop-heading p {\n  max-width: 650px;\n  margin-bottom: 0;\n  color: var(--npop-text);\n  font-size: 14.5px;\n  line-height: 1.8;\n}\n\n.npop-status-board {\n  overflow: hidden;\n  border: 1px solid var(--npop-line);\n  border-radius: 23px;\n  background: #ffffff;\n  box-shadow: 0 18px 48px rgba(76, 43, 61, 0.06);\n}\n\n.npop-status-row {\n  display: grid;\n  grid-template-columns: 185px minmax(0, 1fr) 220px;\n  align-items: center;\n  gap: 22px;\n  min-height: 91px;\n  padding: 19px 22px;\n  border-bottom: 1px solid rgba(86, 48, 70, 0.08);\n  transition: background 0.2s ease;\n}\n\n.npop-status-row:last-child {\n  border-bottom: 0;\n}\n\n.npop-status-row:hover {\n  background: #fffafd;\n}\n\n.npop-status-name {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  color: var(--npop-ink);\n  font-size: 14px;\n  line-height: 1.4;\n  font-weight: 750;\n}\n\n.npop-status-mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 38px;\n  height: 38px;\n  flex: 0 0 38px;\n  border-radius: 13px;\n}\n\n.npop-status-mark svg {\n  width: 18px;\n  height: 18px;\n}\n\n.npop-status-mark--pending {\n  color: var(--npop-orange);\n  background: var(--npop-orange-soft);\n}\n\n.npop-status-mark--active {\n  color: var(--npop-pink-deep);\n  background: var(--npop-pink-soft);\n}\n\n.npop-status-mark--complete {\n  color: var(--npop-green);\n  background: var(--npop-green-soft);\n}\n\n.npop-status-mark--partial {\n  color: #8d63bd;\n  background: rgba(141, 99, 189, 0.11);\n}\n\n.npop-status-mark--cancelled {\n  color: var(--npop-red);\n  background: var(--npop-red-soft);\n}\n\n.npop-status-meaning {\n  color: var(--npop-text);\n  font-size: 12.8px;\n  line-height: 1.7;\n}\n\n.npop-status-action {\n  padding-left: 18px;\n  border-left: 1px solid rgba(86, 48, 70, 0.09);\n  color: #765f6d;\n  font-size: 11.5px;\n  line-height: 1.6;\n  font-weight: 600;\n}\n\n\/* ==================================================\n   Section 3: Keep it trackable\n================================================== *\/\n\n.npop-trackable {\n  padding: clamp(68px, 8vw, 102px) 0;\n  background:\n    radial-gradient(\n      circle at 95% 5%,\n      rgba(255, 132, 186, 0.16),\n      transparent 29%\n    ),\n    linear-gradient(\n      180deg,\n      #fffafd 0%,\n      #fff2f8 100%\n    );\n}\n\n.npop-trackable-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);\n  align-items: start;\n  gap: clamp(42px, 7vw, 82px);\n}\n\n.npop-trackable-copy h2 {\n  margin-bottom: 15px;\n  color: var(--npop-ink);\n  font-size: clamp(31px, 4vw, 47px);\n  line-height: 1.13;\n  font-weight: 770;\n  letter-spacing: -0.045em;\n}\n\n.npop-trackable-copy > p {\n  margin-bottom: 0;\n  color: var(--npop-text);\n  font-size: 14.5px;\n  line-height: 1.8;\n}\n\n.npop-trackable-warning {\n  margin-top: 23px;\n  padding: 17px 18px;\n  border: 1px solid rgba(255, 132, 186, 0.18);\n  border-radius: 15px;\n  color: #715c69;\n  background: rgba(255, 255, 255, 0.7);\n  font-size: 12.3px;\n  line-height: 1.7;\n}\n\n.npop-trackable-warning strong {\n  color: var(--npop-ink);\n}\n\n.npop-rules {\n  overflow: hidden;\n  border: 1px solid rgba(255, 132, 186, 0.18);\n  border-radius: 22px;\n  background: rgba(255, 255, 255, 0.84);\n  box-shadow: 0 20px 52px rgba(94, 39, 68, 0.08);\n}\n\n.npop-rule {\n  display: grid;\n  grid-template-columns: 52px minmax(0, 1fr);\n  gap: 15px;\n  padding: 19px 21px;\n  border-bottom: 1px solid rgba(86, 48, 70, 0.08);\n}\n\n.npop-rule:last-child {\n  border-bottom: 0;\n}\n\n.npop-rule-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 43px;\n  height: 43px;\n  border-radius: 14px;\n  color: var(--npop-pink-deep);\n  background: var(--npop-pink-soft);\n}\n\n.npop-rule-icon svg {\n  width: 20px;\n  height: 20px;\n}\n\n.npop-rule h3 {\n  margin-bottom: 5px;\n  color: var(--npop-ink);\n  font-size: 14px;\n  line-height: 1.4;\n  font-weight: 725;\n}\n\n.npop-rule p {\n  margin-bottom: 0;\n  color: var(--npop-text);\n  font-size: 12.5px;\n  line-height: 1.68;\n}\n\n\/* ==================================================\n   Section 4: Decision point\n================================================== *\/\n\n.npop-next {\n  padding: clamp(68px, 8vw, 102px) 0;\n  background: #ffffff;\n}\n\n.npop-next-box {\n  overflow: hidden;\n  border: 1px solid rgba(255, 132, 186, 0.2);\n  border-radius: 27px;\n  background:\n    radial-gradient(\n      circle at 0% 0%,\n      rgba(255, 132, 186, 0.17),\n      transparent 31%\n    ),\n    linear-gradient(\n      135deg,\n      #fffafd 0%,\n      #fff2f8 100%\n    );\n  box-shadow: 0 23px 62px rgba(94, 39, 68, 0.075);\n}\n\n.npop-next-head {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 38px;\n  padding: clamp(29px, 5vw, 49px);\n  border-bottom: 1px solid rgba(255, 132, 186, 0.16);\n}\n\n.npop-next-copy {\n  max-width: 730px;\n}\n\n.npop-next-copy h2 {\n  margin-bottom: 12px;\n  color: var(--npop-ink);\n  font-size: clamp(31px, 4vw, 45px);\n  line-height: 1.14;\n  font-weight: 770;\n  letter-spacing: -0.045em;\n}\n\n.npop-next-copy p {\n  margin-bottom: 0;\n  color: var(--npop-text);\n  font-size: 14px;\n  line-height: 1.76;\n}\n\n.npop-next-actions {\n  display: flex;\n  flex-direction: column;\n  gap: 9px;\n  width: 205px;\n}\n\n.npop-decisions {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.npop-decision {\n  display: grid;\n  grid-template-columns: 39px minmax(0, 1fr);\n  gap: 13px;\n  min-width: 0;\n  padding: 23px 25px;\n  border-right: 1px solid rgba(255, 132, 186, 0.13);\n  border-bottom: 1px solid rgba(255, 132, 186, 0.13);\n  background: rgba(255, 255, 255, 0.56);\n}\n\n.npop-decision:nth-child(even) {\n  border-right: 0;\n}\n\n.npop-decision:nth-last-child(-n + 2) {\n  border-bottom: 0;\n}\n\n.npop-decision-number {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 39px;\n  height: 39px;\n  border-radius: 13px;\n  color: var(--npop-pink-deep);\n  background: var(--npop-pink-soft);\n  font-size: 11px;\n  line-height: 1;\n  font-weight: 800;\n}\n\n.npop-decision h3 {\n  margin-bottom: 5px;\n  color: var(--npop-ink);\n  font-size: 14px;\n  line-height: 1.4;\n  font-weight: 725;\n}\n\n.npop-decision p {\n  margin-bottom: 0;\n  color: var(--npop-text);\n  font-size: 12.3px;\n  line-height: 1.68;\n}\n\n.npop-related {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 10px;\n  padding: 14px;\n  background: rgba(255, 255, 255, 0.35);\n}\n\n.npop-related-link {\n  display: block;\n  min-width: 0;\n  padding: 17px;\n  border: 1px solid rgba(255, 132, 186, 0.16);\n  border-radius: 16px;\n  background: rgba(255, 255, 255, 0.76);\n  transition:\n    background 0.2s ease,\n    border-color 0.2s ease,\n    box-shadow 0.2s ease,\n    transform 0.2s ease;\n}\n\n.npop-related-link:hover {\n  border-color: rgba(255, 132, 186, 0.31);\n  background: #ffffff;\n  box-shadow: 0 13px 30px rgba(218, 72, 142, 0.09);\n  transform: translateY(-3px);\n}\n\n.npop-related-name {\n  display: block;\n  margin-bottom: 5px;\n  color: var(--npop-ink);\n  font-size: 12.8px;\n  line-height: 1.45;\n  font-weight: 720;\n}\n\n.npop-related-text {\n  display: block;\n  color: var(--npop-text);\n  font-size: 10.8px;\n  line-height: 1.55;\n}\n\n\/* Responsive *\/\n\n@media (max-width: 960px) {\n  .npop-hero-grid,\n  .npop-trackable-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .npop-monitor,\n  .npop-rules {\n    max-width: 700px;\n  }\n\n  .npop-heading {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n\n  .npop-related {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 800px) {\n  .npop-status-row {\n    grid-template-columns: 165px minmax(0, 1fr);\n  }\n\n  .npop-status-action {\n    grid-column: 2;\n    padding: 10px 0 0;\n    border-top: 1px solid rgba(86, 48, 70, 0.08);\n    border-left: 0;\n  }\n\n  .npop-next-head {\n    grid-template-columns: 1fr;\n  }\n\n  .npop-next-actions {\n    flex-direction: row;\n    flex-wrap: wrap;\n    width: auto;\n  }\n}\n\n@media (max-width: 680px) {\n  .npop-wrap {\n    width: min(100% - 28px, 1160px);\n  }\n\n  .npop-hero {\n    padding: 54px 0 61px;\n  }\n\n  .npop-hero h1 {\n    font-size: 49px;\n  }\n\n  .npop-hero-actions,\n  .npop-next-actions {\n    align-items: stretch;\n    flex-direction: column;\n  }\n\n  .npop-button {\n    width: 100%;\n  }\n\n  .npop-monitor {\n    border-radius: 21px;\n  }\n\n  .npop-monitor-body {\n    padding: 21px 16px 18px;\n  }\n\n  .npop-progress-name {\n    font-size: 8.6px;\n  }\n\n  .npop-monitor-row {\n    grid-template-columns: 1fr;\n    gap: 4px;\n  }\n\n  .npop-statuses,\n  .npop-trackable,\n  .npop-next {\n    padding: 58px 0;\n  }\n\n  .npop-status-board {\n    border-radius: 19px;\n  }\n\n  .npop-status-row {\n    grid-template-columns: 1fr;\n    gap: 11px;\n    padding: 19px;\n  }\n\n  .npop-status-action {\n    grid-column: auto;\n  }\n\n  .npop-rule {\n    grid-template-columns: 45px minmax(0, 1fr);\n    padding: 18px;\n  }\n\n  .npop-rule-icon {\n    width: 41px;\n    height: 41px;\n  }\n\n  .npop-next-box {\n    border-radius: 22px;\n  }\n\n  .npop-next-head {\n    padding: 27px 20px;\n  }\n\n  .npop-decisions {\n    grid-template-columns: 1fr;\n  }\n\n  .npop-decision,\n  .npop-decision:nth-child(even),\n  .npop-decision:nth-last-child(-n + 2) {\n    border-right: 0;\n    border-bottom: 1px solid rgba(255, 132, 186, 0.13);\n  }\n\n  .npop-decision:last-child {\n    border-bottom: 0;\n  }\n\n  .npop-related {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .npop-page *,\n  .npop-page *::before,\n  .npop-page *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n<\/style>\n\n<main class=\"npop-page\">\n\n  <!-- Section 1 -->\n  <section class=\"npop-hero\" aria-labelledby=\"npop-page-title\">\n    <div class=\"npop-wrap\">\n      <div class=\"npop-hero-grid\">\n\n        <div class=\"npop-hero-copy\">\n\n          <div class=\"npop-label\">\n            <span class=\"npop-live\" aria-hidden=\"true\"><\/span>\n            After submission\n          <\/div>\n\n          <h1 id=\"npop-page-title\">Order Process<\/h1>\n\n          <p class=\"npop-hero-text\">\n            Once an order is submitted through <strong>1xPanel<\/strong>, it\n            receives an Order ID and enters the processing system. The\n            dashboard status then shows whether the order is waiting, active,\n            completed, partial, or stopped.\n          <\/p>\n\n          <p class=\"npop-hero-text\" style=\"margin-top: 13px;\">\n            Keep the target link public and unchanged while the order is\n            active. Do not place another order for the same link until the\n            first one has reached a final status.\n          <\/p>\n\n          <div class=\"npop-hero-actions\">\n\n            <a class=\"npop-button npop-button--primary\" href=\"https:\/\/1xpanel.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n              Open 1xPanel\n\n              <svg viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n                <path\n                  d=\"M4.5 10h11m-4-4 4 4-4 4\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                \/>\n              <\/svg>\n            <\/a>\n\n            <a class=\"npop-button npop-button--light\" href=\"https:\/\/nicepanel.site\/en\/how-it-works\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n              Before You Order\n            <\/a>\n\n          <\/div>\n\n          <div class=\"npop-hero-note\">\n            Check the service, link, quantity, and charge carefully before\n            submitting. A submitted order should not be treated as freely\n            editable or automatically cancellable.\n          <\/div>\n\n        <\/div>\n\n        <div class=\"npop-monitor\" aria-label=\"Example order progress\">\n\n          <div class=\"npop-monitor-top\">\n            <p class=\"npop-monitor-title\">Order #123456<\/p>\n            <span class=\"npop-monitor-id\">Live status<\/span>\n          <\/div>\n\n          <div class=\"npop-monitor-body\">\n\n            <div class=\"npop-progress\">\n\n              <div class=\"npop-progress-item npop-progress-item--done\">\n                <span class=\"npop-progress-dot\"><\/span>\n                <span class=\"npop-progress-name\">Submitted<\/span>\n              <\/div>\n\n              <div class=\"npop-progress-item npop-progress-item--done\">\n                <span class=\"npop-progress-dot\"><\/span>\n                <span class=\"npop-progress-name\">Queued<\/span>\n              <\/div>\n\n              <div class=\"npop-progress-item npop-progress-item--active\">\n                <span class=\"npop-progress-dot\"><\/span>\n                <span class=\"npop-progress-name\">Delivery<\/span>\n              <\/div>\n\n              <div class=\"npop-progress-item\">\n                <span class=\"npop-progress-dot\"><\/span>\n                <span class=\"npop-progress-name\">Final status<\/span>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"npop-monitor-details\">\n\n              <div class=\"npop-monitor-row\">\n                <span class=\"npop-monitor-key\">Service<\/span>\n                <span class=\"npop-monitor-value\">\n                  Telegram Post Views\n                <\/span>\n              <\/div>\n\n              <div class=\"npop-monitor-row\">\n                <span class=\"npop-monitor-key\">Quantity<\/span>\n                <span class=\"npop-monitor-value\">10,000<\/span>\n              <\/div>\n\n              <div class=\"npop-monitor-row\">\n                <span class=\"npop-monitor-key\">Status<\/span>\n\n                <span class=\"npop-monitor-value\">\n                  <span class=\"npop-status-pill\">In Progress<\/span>\n                <\/span>\n              <\/div>\n\n              <div class=\"npop-monitor-row\">\n                <span class=\"npop-monitor-key\">Action<\/span>\n                <span class=\"npop-monitor-value\">\n                  Keep the link public and wait for the status to finish.\n                <\/span>\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Section 2 -->\n  <section class=\"npop-statuses\" aria-labelledby=\"npop-status-title\">\n    <div class=\"npop-wrap\">\n\n      <div class=\"npop-heading\">\n\n        <h2 id=\"npop-status-title\">What the status tells you<\/h2>\n\n        <p>\n          Delivery times differ between services. The status is the clearest\n          indicator of where the order currently sits and whether any action\n          is needed.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"npop-status-board\">\n\n        <div class=\"npop-status-row\">\n\n          <div class=\"npop-status-name\">\n            <span class=\"npop-status-mark npop-status-mark--pending\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <circle\n                  cx=\"12\"\n                  cy=\"12\"\n                  r=\"8\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                \/>\n                <path\n                  d=\"M12 7.5v5l3 1.8\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                \/>\n              <\/svg>\n            <\/span>\n\n            Pending\n          <\/div>\n\n          <div class=\"npop-status-meaning\">\n            The order has been accepted but delivery has not started yet. It\n            may still be waiting in the service queue.\n          <\/div>\n\n          <div class=\"npop-status-action\">\n            Check the stated start time and leave the submitted link unchanged.\n          <\/div>\n\n        <\/div>\n\n        <div class=\"npop-status-row\">\n\n          <div class=\"npop-status-name\">\n            <span class=\"npop-status-mark npop-status-mark--active\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path\n                  d=\"M5 12a7 7 0 0 1 12-4.9M19 12a7 7 0 0 1-12 4.9\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                \/>\n                <path\n                  d=\"M16.5 4.5v3.8h-3.8M7.5 19.5v-3.8h3.8\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                \/>\n              <\/svg>\n            <\/span>\n\n            Processing\n          <\/div>\n\n          <div class=\"npop-status-meaning\">\n            The order has entered the delivery system. Some services may show\n            In Progress instead of Processing.\n          <\/div>\n\n          <div class=\"npop-status-action\">\n            Wait for delivery and do not submit a second order to the same\n            target.\n          <\/div>\n\n        <\/div>\n\n        <div class=\"npop-status-row\">\n\n          <div class=\"npop-status-name\">\n            <span class=\"npop-status-mark npop-status-mark--complete\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <circle\n                  cx=\"12\"\n                  cy=\"12\"\n                  r=\"8\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                \/>\n                <path\n                  d=\"m8.5 12 2.3 2.3 4.8-5\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                \/>\n              <\/svg>\n            <\/span>\n\n            Completed\n          <\/div>\n\n          <div class=\"npop-status-meaning\">\n            The processing system has marked the order as finished. Review the\n            target and compare the result with the order record.\n          <\/div>\n\n          <div class=\"npop-status-action\">\n            Keep the Order ID and read the after-delivery guide before taking\n            further action.\n          <\/div>\n\n        <\/div>\n\n        <div class=\"npop-status-row\">\n\n          <div class=\"npop-status-name\">\n            <span class=\"npop-status-mark npop-status-mark--partial\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <circle\n                  cx=\"12\"\n                  cy=\"12\"\n                  r=\"8\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                \/>\n                <path\n                  d=\"M8 12h8\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                \/>\n              <\/svg>\n            <\/span>\n\n            Partial\n          <\/div>\n\n          <div class=\"npop-status-meaning\">\n            Only part of the requested quantity was processed. The dashboard\n            may show the delivered amount and any related balance adjustment.\n          <\/div>\n\n          <div class=\"npop-status-action\">\n            Check the quantity, charge history, remains, and final target count.\n          <\/div>\n\n        <\/div>\n\n        <div class=\"npop-status-row\">\n\n          <div class=\"npop-status-name\">\n            <span class=\"npop-status-mark npop-status-mark--cancelled\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <circle\n                  cx=\"12\"\n                  cy=\"12\"\n                  r=\"8\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                \/>\n                <path\n                  d=\"m9 9 6 6M15 9l-6 6\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                \/>\n              <\/svg>\n            <\/span>\n\n            Cancelled\n          <\/div>\n\n          <div class=\"npop-status-meaning\">\n            The order stopped before full delivery. This can happen when the\n            service cannot process the submitted request.\n          <\/div>\n\n          <div class=\"npop-status-action\">\n            Review the link, service requirements, quantity, and dashboard\n            transaction history.\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Section 3 -->\n  <section\n    class=\"npop-trackable\"\n    aria-labelledby=\"npop-trackable-title\"\n  >\n    <div class=\"npop-wrap\">\n      <div class=\"npop-trackable-grid\">\n\n        <div class=\"npop-trackable-copy\">\n\n          <div class=\"npop-label\">\n            <span class=\"npop-live\" aria-hidden=\"true\"><\/span>\n            While it is active\n          <\/div>\n\n          <h2 id=\"npop-trackable-title\">Keep the order trackable<\/h2>\n\n          <p>\n            The system can only continue working with the information that was\n            submitted. Changing the target during delivery can break that\n            connection or make the result harder to verify.\n          <\/p>\n\n          <div class=\"npop-trackable-warning\">\n            <strong>Do not rely on cancellation after submission.<\/strong>\n            Check the service, public link, quantity, and charge before\n            pressing Submit.\n          <\/div>\n\n        <\/div>\n\n        <div class=\"npop-rules\">\n\n          <article class=\"npop-rule\">\n\n            <span class=\"npop-rule-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path\n                  d=\"M8.5 15.5 15.5 8.5M7.2 10.4l-1.5 1.5a3.5 3.5 0 0 0 5 5l1.5-1.5M16.8 13.6l1.5-1.5a3.5 3.5 0 0 0-5-5l-1.5 1.5\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                \/>\n              <\/svg>\n            <\/span>\n\n            <div>\n              <h3>Keep the same link<\/h3>\n\n              <p>\n                Do not rename the username, replace the submitted URL, delete\n                the post, or switch the target while the order is active.\n              <\/p>\n            <\/div>\n\n          <\/article>\n\n          <article class=\"npop-rule\">\n\n            <span class=\"npop-rule-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path\n                  d=\"M6 5.5h12v13H6v-13ZM9 9h6M9 13h6\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                \/>\n              <\/svg>\n            <\/span>\n\n            <div>\n              <h3>Save the Order ID<\/h3>\n\n              <p>\n                The Order ID identifies the exact service, target, quantity,\n                charge, status, and support history connected to the request.\n              <\/p>\n            <\/div>\n\n          <\/article>\n\n          <article class=\"npop-rule\">\n\n            <span class=\"npop-rule-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path\n                  d=\"M7 8h10M7 12h10M7 16h6\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                \/>\n                <rect\n                  x=\"4\"\n                  y=\"4\"\n                  width=\"16\"\n                  height=\"16\"\n                  rx=\"3\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                \/>\n              <\/svg>\n            <\/span>\n\n            <div>\n              <h3>Record the starting count<\/h3>\n\n              <p>\n                Keep the count shown before delivery begins, especially when\n                you may later need a drop, refill, or completion review.\n              <\/p>\n            <\/div>\n\n          <\/article>\n\n          <article class=\"npop-rule\">\n\n            <span class=\"npop-rule-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <rect\n                  x=\"5\"\n                  y=\"5\"\n                  width=\"14\"\n                  height=\"14\"\n                  rx=\"3\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                \/>\n                <path\n                  d=\"M9 12h6M12 9v6\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                \/>\n              <\/svg>\n            <\/span>\n\n            <div>\n              <h3>Avoid overlapping orders<\/h3>\n\n              <p>\n                Wait for the current order to finish before submitting another\n                service for the same link and the same type of metric.\n              <\/p>\n            <\/div>\n\n          <\/article>\n\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Section 4 -->\n  <section class=\"npop-next\" aria-labelledby=\"npop-next-title\">\n    <div class=\"npop-wrap\">\n\n      <div class=\"npop-next-box\">\n\n        <div class=\"npop-next-head\">\n\n          <div class=\"npop-next-copy\">\n\n            <div class=\"npop-label\">\n              <span class=\"npop-live\" aria-hidden=\"true\"><\/span>\n              The next move\n            <\/div>\n\n            <h2 id=\"npop-next-title\">Wait or report it?<\/h2>\n\n            <p>\n              Contact support only when the order has moved beyond the timing\n              or behavior described for the selected service. Include the\n              Order ID and enough information to identify the issue.\n            <\/p>\n\n          <\/div>\n\n          <div class=\"npop-next-actions\">\n\n            <a class=\"npop-button npop-button--primary\" href=\"https:\/\/1xpanel.com\/contact\" target=\"_blank\" rel=\"noopener noreferrer\">\n              Contact Support\n\n              <svg viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n                <path\n                  d=\"M4.5 10h11m-4-4 4 4-4 4\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                \/>\n              <\/svg>\n            <\/a>\n\n            <a class=\"npop-button npop-button--light\" href=\"https:\/\/nicepanel.site\/en\/support-standards\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n              Prepare Your Message\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n        <div class=\"npop-decisions\">\n\n          <article class=\"npop-decision\">\n\n            <span class=\"npop-decision-number\">01<\/span>\n\n            <div>\n              <h3>Still within the start time<\/h3>\n\n              <p>\n                Wait, keep the link public, and avoid changing the order target.\n              <\/p>\n            <\/div>\n\n          <\/article>\n\n          <article class=\"npop-decision\">\n\n            <span class=\"npop-decision-number\">02<\/span>\n\n            <div>\n              <h3>Delivery is moving<\/h3>\n\n              <p>\n                Let the order continue. Do not place a duplicate order or open\n                repeated support requests.\n              <\/p>\n            <\/div>\n\n          <\/article>\n\n          <article class=\"npop-decision\">\n\n            <span class=\"npop-decision-number\">03<\/span>\n\n            <div>\n              <h3>No movement after the stated time<\/h3>\n\n              <p>\n                Send the Order ID, service name, target link, current status,\n                and a brief description to support.\n              <\/p>\n            <\/div>\n\n          <\/article>\n\n          <article class=\"npop-decision\">\n\n            <span class=\"npop-decision-number\">04<\/span>\n\n            <div>\n              <h3>The order has finished<\/h3>\n\n              <p>\n                Check the target, final count, remains, and transaction history\n                before deciding whether anything needs review.\n              <\/p>\n            <\/div>\n\n          <\/article>\n\n        <\/div>\n\n        <div class=\"npop-related\">\n\n          <a class=\"npop-related-link\" href=\"https:\/\/nicepanel.site\/en\/what-happens-after-delivery\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <span class=\"npop-related-name\">\n              What Happens After Delivery\n            <\/span>\n\n            <span class=\"npop-related-text\">\n              Check the result after processing ends.\n            <\/span>\n          <\/a>\n\n          <a class=\"npop-related-link\" href=\"https:\/\/nicepanel.site\/en\/support-standards\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <span class=\"npop-related-name\">Support Standards<\/span>\n\n            <span class=\"npop-related-text\">\n              See what support needs to review an order.\n            <\/span>\n          <\/a>\n\n          <a class=\"npop-related-link\" href=\"https:\/\/nicepanel.site\/en\/service-limitations\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <span class=\"npop-related-name\">Service Limitations<\/span>\n\n            <span class=\"npop-related-text\">\n              Understand the limits of delivery and results.\n            <\/span>\n          <\/a>\n\n          <a class=\"npop-related-link\" href=\"https:\/\/nicepanel.site\/en\/cancellation-policy\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <span class=\"npop-related-name\">Cancellation Policy<\/span>\n\n            <span class=\"npop-related-text\">\n              Review the rules before requesting cancellation.\n            <\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/main>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>After submission Order Process Once an order is submitted through 1xPanel, it receives an Order ID and enters the processing system. The dashboard status then shows whether the order is waiting, active, completed, partial, or stopped. Keep the target link public and unchanged while the order is active. Do not place another order for the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5425","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nicepanel.site\/en\/wp-json\/wp\/v2\/pages\/5425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nicepanel.site\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nicepanel.site\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nicepanel.site\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nicepanel.site\/en\/wp-json\/wp\/v2\/comments?post=5425"}],"version-history":[{"count":4,"href":"https:\/\/nicepanel.site\/en\/wp-json\/wp\/v2\/pages\/5425\/revisions"}],"predecessor-version":[{"id":6864,"href":"https:\/\/nicepanel.site\/en\/wp-json\/wp\/v2\/pages\/5425\/revisions\/6864"}],"wp:attachment":[{"href":"https:\/\/nicepanel.site\/en\/wp-json\/wp\/v2\/media?parent=5425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}