.npt-error{color:#c0392b}.npt-card{background:#fff;border-radius:20px;box-shadow:0 8px 40px rgba(0,0,0,.1);overflow:hidden}.npt-header{padding:20px 22px 18px;border-bottom:1px solid #f0f0f0}.npt-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.npt-awb-label{font-size:12px;color:#999}.npt-awb-label strong{color:#333;font-weight:600}.npt-live-badge{display:inline-flex;align-items:center;gap:5px;background:#fff0e6;color:#ff7a00;font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px}.npt-live-dot{width:6px;height:6px;border-radius:50%;background:#ff7a00;animation:npt-blink 1.4s ease-in-out infinite}.npt-status-row{display:flex;align-items:center;gap:12px}.npt-status-icon{width:44px;height:44px;border-radius:12px;background:#fff0e6;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.npt-status-sublabel{font-size:11px;color:#aaa;margin-bottom:3px;text-transform:uppercase;letter-spacing:.5px}.npt-status-name{font-size:17px;font-weight:700;color:#111}.npt-body{padding:22px 22px 8px}.npt-pbar-wrap{height:5px;background:#f0f0f0;border-radius:3px;margin-bottom:26px;overflow:hidden}.npt-pbar-fill{height:100%;width:0%;background:linear-gradient(90deg,#ff7a00,#ffb347);border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1)}.npt-steps{display:flex;flex-direction:column}.npt-step{display:flex;align-items:flex-start;gap:14px;position:relative}.npt-step:not(:last-child) .npt-step-line{position:absolute;left:15px;top:34px;width:2px;height:calc(100% - 12px);background:#eee;border-radius:1px;transition:background .4s}.npt-step.npt-done:not(:last-child) .npt-step-line{background:#ff7a00}.npt-step-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;z-index:1}.npt-circle{width:32px;height:32px;border-radius:50%;border:2px solid #e0e0e0;background:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .3s ease;position:relative}.npt-step.npt-done .npt-circle{background:#ff7a00;border-color:#ff7a00;color:#fff}.npt-step.npt-current .npt-circle{background:#fff7f0;border-color:#ff7a00}.npt-step.npt-current .npt-circle::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(255,122,0,.3);animation:npt-ring 1.8s ease-out infinite}.npt-step-right{padding-bottom:22px;flex:1;min-width:0}.npt-step-name{font-size:14px;font-weight:500;color:#bbb;padding-top:6px;transition:color .3s}.npt-step.npt-done .npt-step-name{color:#222}.npt-step.npt-current .npt-step-name{color:#ff7a00;font-weight:700}.npt-step-detail{font-size:11px;color:#bbb;margin-top:3px}.npt-step.npt-done .npt-step-detail{color:#aaa}.npt-step.npt-current .npt-step-detail{color:#ffb347;font-weight:500}.npt-footer{padding:14px 22px 18px;border-top:1px solid #f5f5f5;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.npt-eta{font-size:12px;color:#999}.npt-eta strong{color:#333;font-weight:600}.npt-courier{font-size:12px;color:#bbb;background:#f8f8f8;padding:4px 10px;border-radius:8px}.npt-alert-box{margin:0;padding:16px 22px 20px}.npt-alert-inner{background:#fff8e1;border-left:4px solid #ff7a00;padding:14px 18px;border-radius:0 10px 10px 0;font-size:14px;color:#555;line-height:1.7}.npt-alert-inner.danger{background:#fde8e8;border-color:#e74c3c}@media (max-width:480px){.npt-card{border-radius:16px}.npt-header{padding:16px 16px 14px}.npt-body{padding:18px 16px 6px}.npt-footer{padding:12px 16px 16px}.npt-status-name{font-size:15px}.npt-step-name{font-size:13px}.npt-circle{width:28px;height:28px}.npt-step:not(:last-child) .npt-step-line{left:13px}}