.track-container{background-color:#fff;max-width:1240px;margin:0 auto;padding:80px 24px}.track-layout{grid-template-columns:1.2fr .8fr;align-items:start;gap:40px;display:grid}@media (max-width:991px){.track-layout{grid-template-columns:1fr;gap:30px}}.track-card{background:#fff;border:1px solid #0000000f;border-radius:28px;padding:36px;box-shadow:0 12px 40px #00000008}.track-header-row{border-bottom:1.5px solid #f4f4f5;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:24px;display:flex}.track-meta-label{color:#71717a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.8rem;font-weight:600;display:block}.track-status-pill{letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:800}.track-meta-value{color:#18181b;margin:0;font-size:1rem;font-weight:700}.track-status-message{color:#3f3f46;margin-bottom:40px;font-size:1.1rem;font-weight:500;line-height:1.6}.stepper-wrap{flex-direction:column;gap:0;padding-left:20px;display:flex;position:relative}.step-item{gap:24px;padding-bottom:40px;display:flex;position:relative}.step-item:not(:last-child):after{content:"";z-index:1;background:#e4e4e7;width:2px;position:absolute;top:40px;bottom:0;left:20px}.step-item.passed:not(:last-child):after{background:#ffa200}.step-marker{color:#a1a1aa;z-index:2;background:#fff;border:2px solid #e4e4e7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:.95rem;font-weight:700;transition:all .3s;display:flex}.step-item.passed .step-marker{color:#18181b;background:#ffa200;border-color:#ffa200;box-shadow:0 4px 12px #ffa20033}.step-item.active .step-marker{color:#ffa200;background:#fff;border-color:#ffa200;font-size:1.05rem;box-shadow:0 0 0 4px #ffa2001f}.step-info{padding-top:8px}.step-label{color:#71717a;margin:0 0 4px;font-size:1.05rem;font-weight:700;transition:color .3s}.step-item.passed .step-label,.step-item.active .step-label{color:#18181b}.step-desc{color:#a1a1aa;margin:0;font-size:.88rem}.step-item.passed .step-desc,.step-item.active .step-desc{color:#52525b}.track-sidebar{flex-direction:column;gap:30px;display:flex}.sidebar-title{color:#18181b;border-bottom:1.5px solid #f4f4f5;margin:0 0 20px;padding-bottom:12px;font-size:1.25rem;font-weight:800}.summary-items{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.summary-item-row{color:#3f3f46;justify-content:space-between;font-size:.95rem;display:flex}.item-qty-name strong{color:#ffa200}.summary-totals{border-top:1.5px solid #f4f4f5;flex-direction:column;gap:12px;padding-top:20px;display:flex}.total-row{color:#52525b;justify-content:space-between;font-size:.92rem;display:flex}.total-row.discount{color:#dc2626}.total-row.grand-total{color:#18181b;border-top:1.5px dashed #e4e4e7;padding-top:14px;font-size:1.15rem;font-weight:800}.help-card h3{color:#18181b;margin:0 0 10px;font-size:1.25rem;font-weight:800}.help-card p{color:#52525b;margin-bottom:24px;font-size:.92rem;line-height:1.6}.btn-whatsapp{color:#fff;background-color:#25d366;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 14px #25d36640}.btn-whatsapp:hover{background-color:#20ba5a;transform:translateY(-2px);box-shadow:0 6px 20px #25d36659}.order-loader-container{text-align:center;color:#52525b;padding:120px 24px}.order-spinner{border:3.5px solid #ffa2001a;border-top-color:#ffa200;border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite orderSpin}.order-error-container{text-align:center;max-width:500px;margin:0 auto;padding:100px 24px}.order-error-icon{color:#ef4444;margin-bottom:20px;font-size:3rem}.order-error-container h2{color:#18181b;margin-bottom:10px;font-size:1.75rem;font-weight:800}.order-error-container p{color:#52525b;margin-bottom:30px;line-height:1.6}.order-btn-back{color:#18181b;background-color:#ffa200;border-radius:50px;padding:14px 28px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.order-btn-back:hover{background-color:#d07b00;transform:translateY(-2px)}@keyframes orderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.track-search-card{background:#fff;border:1px solid #00000014;border-radius:24px;max-width:640px;margin:0 auto 50px;padding:36px 32px;box-shadow:0 16px 48px #0000000a}.track-search-header{text-align:center;margin-bottom:28px}.track-search-icon{color:#ea580c;background:#fff7ed;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:1.5rem;display:flex}.track-search-title{color:#18181b;margin:0 0 8px;font-size:1.6rem;font-weight:800}.track-search-subtitle{color:#71717a;margin:0;font-size:.95rem;line-height:1.5}.track-search-form{flex-direction:column;gap:18px;display:flex}.track-input-group{flex-direction:column;gap:6px;display:flex}.track-input-label{color:#27272a;font-size:.88rem;font-weight:700}.track-input-field{color:#18181b;background:#fafafa;border:1.5px solid #e4e4e7;border-radius:12px;width:100%;padding:14px 18px;font-family:inherit;font-size:.95rem;transition:all .2s}.track-input-field:focus{background:#fff;border-color:#ffa200;outline:none;box-shadow:0 0 0 3px #ffa20026}.track-submit-btn{color:#141006;cursor:pointer;background:#ffa200;border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;margin-top:6px;padding:16px 28px;font-size:1rem;font-weight:800;transition:all .2s;display:flex}.track-submit-btn:hover{background:#e69100;transform:translateY(-1px);box-shadow:0 8px 24px #ffa20040}.track-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.order-progress-bar-container{background:#f4f4f5;border-radius:20px;height:10px;margin:28px 0 36px;position:relative;overflow:hidden}.order-progress-bar-fill{background:linear-gradient(90deg,#ffa200 0%,#16a34a 100%);border-radius:20px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.order-stage-badges{justify-content:space-between;margin-top:-24px;margin-bottom:32px;padding:0 4px;display:flex}.stage-badge-item{text-align:center;flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.stage-badge-dot{background:#d4d4d8;border:3px solid #fff;border-radius:50%;width:14px;height:14px;transition:all .3s;box-shadow:0 2px 6px #0000001a}.stage-badge-dot.active{background:#ffa200;transform:scale(1.2);box-shadow:0 0 0 4px #ffa20033}.stage-badge-dot.passed{background:#16a34a}.stage-badge-name{color:#71717a;font-size:.75rem;font-weight:700}.stage-badge-name.active{color:#18181b}.order-fulfillment-details{background:#fcfbf7;border:1px solid #f1ece1;border-radius:16px;margin-bottom:24px;padding:20px}.order-fulfillment-title{color:#18181b;align-items:center;gap:8px;margin:0 0 12px;font-size:.95rem;font-weight:800;display:flex}.order-fulfillment-row{color:#52525b;justify-content:space-between;margin-bottom:6px;font-size:.88rem;display:flex}.order-fulfillment-row strong{color:#18181b}.btn-secondary-action{color:#18181b;background:#f4f4f5;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary-action:hover{color:#000;background:#e4e4e7}