.order-tracking-page{background:radial-gradient(circle at top left,color-mix(in srgb,var(--tracking-accent,#2563eb) 16%,transparent),transparent 34%),var(--tracking-page-bg,linear-gradient(135deg,#f8fafc,#fff));padding:54px 16px 64px;min-height:66vh}.order-tracking-shell{width:min(1400px,calc(100vw - 16px));margin:0 auto}.order-tracking-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) 340px;gap:24px;align-items:stretch;margin-bottom:24px}.order-track-panel,.order-tracking-card,.order-tracking-help-card,.order-tracking-hero-copy{background:rgba(255,255,255,.86);border:1px solid color-mix(in srgb,var(--tracking-accent,#2563eb) 16%,#e5e7eb);border-radius:28px;box-shadow:0 24px 70px rgba(15,23,42,.08);backdrop-filter:blur(10px)}.order-tracking-hero-copy{padding:clamp(24px,4vw,38px);overflow:hidden;position:relative}.order-tracking-hero-copy::after{content:"";position:absolute;width:230px;height:230px;border-radius:999px;right:-80px;top:-90px;background:color-mix(in srgb,var(--tracking-accent,#2563eb) 13%,transparent)}.order-tracking-badge{display:inline-flex;align-items:center;gap:8px;background:var(--tracking-soft-bg,#eef2ff);color:var(--tracking-accent,#2563eb);padding:9px 14px;border-radius:999px;font-weight:950;font-size:13px;letter-spacing:.02em;text-transform:uppercase}.order-tracking-hero h1{margin:16px 0 10px;font-size:clamp(32px, 4.8vw, 58px);line-height:1.02;letter-spacing:-.04em;color:var(--tracking-heading,#0f172a)}.order-tracking-hero p{margin:0;color:#64748b;max-width:680px;line-height:1.8;font-size:16px}.order-tracking-hero-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.order-tracking-hero-points span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:#fff;border:1px solid color-mix(in srgb,var(--tracking-accent,#2563eb) 14%,#e5e7eb);color:var(--tracking-heading,#0f172a);font-weight:850;font-size:13px}.order-tracking-help-card{padding:24px;display:flex;flex-direction:column;justify-content:center}.order-tracking-help-card strong{display:block;color:var(--tracking-heading,#0f172a);font-size:18px;margin-bottom:10px}.order-tracking-help-card p{margin:0;color:#64748b;line-height:1.7}.order-tracking-help-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:var(--tracking-soft-bg,#eef2ff);color:var(--tracking-accent,#2563eb);font-size:24px;margin-bottom:14px}.order-tracking-card{padding:clamp(18px,3vw,26px)}.order-tracking-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:14px;align-items:end}.order-tracking-field label{display:block;font-weight:950;color:var(--tracking-heading,#111827);margin-bottom:8px;font-size:14px}.order-tracking-field input{width:100%;border:1px solid color-mix(in srgb,var(--tracking-accent,#2563eb) 18%,#d1d5db);border-radius:16px;padding:14px 15px;font-size:15px;outline:0;background:#fff;color:#111827;transition:border-color .18s ease,box-shadow .18s ease}.order-tracking-field input:focus{border-color:var(--tracking-accent,#2563eb);box-shadow:0 0 0 4px color-mix(in srgb,var(--tracking-accent,#2563eb) 14%,transparent)}.order-tracking-btn{border:0;background:var(--tracking-accent,#2563eb);color:#fff;padding:15px 20px;border-radius:16px;font-weight:950;cursor:pointer;white-space:nowrap;box-shadow:0 16px 32px color-mix(in srgb,var(--tracking-accent,#2563eb) 24%,transparent);transition:transform .18s ease,background .18s ease}.order-tracking-btn:hover{background:var(--tracking-heading,#111827);transform:translateY(-1px)}.order-tracking-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:14px 16px;border-radius:16px;margin-top:16px;font-weight:800}.order-tracking-empty-note{margin-top:16px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:16px;border-radius:18px;background:var(--tracking-soft-bg,#eef2ff);color:var(--tracking-heading,#0f172a)}.order-tracking-empty-note b{display:block;margin-bottom:3px}.order-tracking-empty-note span:first-child{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#fff;color:var(--tracking-accent,#2563eb);font-weight:950}.order-tracking-result{margin-top:24px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:22px;align-items:start}.order-track-panel{padding:clamp(18px,3vw,24px)}.order-track-panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.order-track-panel h2{margin:0;color:var(--tracking-heading,#111827);font-size:24px;letter-spacing:-.02em}.order-track-panel-sub{margin:6px 0 0;color:#64748b}.order-status-pill,.payment-status-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-weight:950;white-space:nowrap;font-size:13px}.order-status-pill{background:var(--tracking-soft-bg,#eef2ff);color:var(--tracking-accent,#2563eb)}.order-status-pill.cancelled{background:#fef2f2;color:#991b1b}.payment-status-pill{background:#f0fdf4;color:#15803d}.payment-status-pill.unpaid{background:#fff7ed;color:#c2410c}.order-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.order-info-box{background:#f9fafb;border:1px solid color-mix(in srgb,var(--tracking-accent,#2563eb) 12%,#e5e7eb);border-radius:18px;padding:15px}.order-info-box span{display:block;color:#64748b;font-size:13px;margin-bottom:6px;font-weight:800}.order-info-box strong{display:block;color:var(--tracking-heading,#111827);overflow-wrap:anywhere}.order-track-progress{margin:18px 0 20px}.order-track-progress-line{height:10px;border-radius:999px;background:#e5e7eb;overflow:hidden}.order-track-progress-line span{display:block;height:100%;width:var(--tracking-progress,0%);border-radius:inherit;background:linear-gradient(90deg,var(--tracking-accent,#2563eb),color-mix(in srgb,var(--tracking-accent,#2563eb) 70%,#fff))}.order-track-terminal{padding:16px;border-radius:18px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-weight:850;line-height:1.7}.track-steps{display:grid;gap:12px}.track-step{position:relative;display:grid;grid-template-columns:38px 1fr;gap:13px;align-items:flex-start;padding:15px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;transition:transform .18s ease,border-color .18s ease,background .18s ease}.track-step.done{border-color:color-mix(in srgb,var(--tracking-accent,#2563eb) 28%,#e5e7eb)}.track-step.active{border-color:var(--tracking-accent,#2563eb);background:linear-gradient(135deg,var(--tracking-soft-bg,#eef2ff),#fff);box-shadow:0 16px 34px color-mix(in srgb,var(--tracking-accent,#2563eb) 12%,transparent)}.track-step-dot{width:38px;height:38px;border-radius:14px;background:#e5e7eb;color:#64748b;display:inline-flex;align-items:center;justify-content:center;font-weight:950}.track-step.active .track-step-dot,.track-step.done .track-step-dot{background:var(--tracking-accent,#2563eb);color:#fff}.track-step strong{display:block;color:var(--tracking-heading,#111827);margin-bottom:4px}.track-step small{color:#64748b;line-height:1.5}.track-items{margin-top:20px;overflow-x:auto;border:1px solid #e5e7eb;border-radius:18px}.track-items table{width:100%;border-collapse:collapse;min-width:520px}.track-items td,.track-items th{padding:13px 14px;border-bottom:1px solid #e5e7eb;text-align:left}.track-items tr:last-child td{border-bottom:0}.track-items th{background:#f9fafb;color:#374151;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.track-items td{color:#111827}.track-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.track-action-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--tracking-accent,#2563eb);color:#fff;text-decoration:none;padding:12px 16px;border-radius:14px;font-weight:950;box-shadow:0 14px 28px color-mix(in srgb,var(--tracking-accent,#2563eb) 22%,transparent)}.track-action-link:hover{background:var(--tracking-heading,#111827)}.track-action-link.secondary{background:#fff;color:var(--tracking-heading,#111827);border:1px solid color-mix(in srgb,var(--tracking-accent,#2563eb) 18%,#e5e7eb);box-shadow:none}.order-track-customer{margin-top:18px;padding:16px;border-radius:18px;background:#f9fafb;border:1px solid #e5e7eb}.order-track-customer h3{margin:0 0 10px;color:var(--tracking-heading,#111827)}.order-track-customer p{margin:5px 0;color:#64748b;overflow-wrap:anywhere}@media (max-width:900px){.order-tracking-hero,.order-tracking-result{grid-template-columns:1fr}.order-tracking-help-card{display:none}}@media (max-width:780px){.order-tracking-page{padding:30px 12px 46px}.order-tracking-form{grid-template-columns:1fr}.order-info-grid{grid-template-columns:1fr}.order-track-panel-head{display:block}.order-status-pill{margin-top:10px}}@media (max-width:520px){.order-track-panel,.order-tracking-card,.order-tracking-hero-copy{border-radius:20px}.track-step{grid-template-columns:34px 1fr;padding:13px}.track-step-dot{width:34px;height:34px}}