.track-page{justify-content:center;min-height:70vh;padding:4rem 1.25rem;display:flex}.track-box{width:100%;max-width:520px}.track-box__title{margin:0 0 6px;font-size:1.6rem}.track-box__sub{color:#999;margin:0 0 1.75rem}.track-form{flex-direction:column;gap:1rem;display:flex}.track-field{color:#bbb;flex-direction:column;gap:5px;font-size:.85rem;display:flex}.track-field input{color:#fff;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;padding:.7rem .85rem;font-size:.95rem}.track-field input:focus{border-color:#ffc107;outline:none;box-shadow:0 0 0 3px #ffc10726}.track-submit{color:#111;cursor:pointer;background:#ffc107;border:none;border-radius:8px;padding:.8rem;font-weight:800;transition:background .15s}.track-submit:hover{background:#ffd54a}.track-submit:disabled{opacity:.5;cursor:not-allowed}.track-error{color:#e0857a;background:#e2685a1f;border:1px solid #e2685a66;border-radius:8px;margin-top:1rem;padding:.7rem .9rem;font-size:.88rem}.track-result{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;margin-top:2rem;padding:1.5rem}.track-result__head{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.track-result__id{color:#fff;font-weight:700}.track-result__status{text-transform:capitalize;color:#fbbf24;background:#fbbf2426;border-radius:99px;padding:.2rem .7rem;font-size:.75rem;font-weight:700}.track-result__status--shipped{color:#60a5fa;background:#60a5fa26}.track-result__status--delivered{color:#4ade80;background:#4ade8026}.track-result__status--cancelled,.track-result__status--refunded{color:#e0857a;background:#e2685a26}.track-result__note{color:#aaa}.track-steps{justify-content:space-between;margin:0 0 1.5rem;display:flex;position:relative}.track-steps:before{content:"";background:#ffffff1f;height:2px;position:absolute;top:7px;left:8%;right:8%}.track-step{z-index:1;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.track-step__dot{background:#333;border:2px solid #fff3;border-radius:50%;width:16px;height:16px}.track-step__label{color:#777;text-transform:capitalize;font-size:.75rem}.track-step--done .track-step__dot{background:#ffc107;border-color:#ffc107}.track-step--done .track-step__label{color:#ffc107}.track-items{border-collapse:collapse;width:100%;margin-bottom:1.25rem}.track-items td{color:#ddd;border-bottom:1px solid #ffffff0f;padding:.5rem 0;font-size:.9rem}.track-items__qty{color:#888;text-align:center;white-space:nowrap}.track-items__price{color:#fff;text-align:right;white-space:nowrap;font-weight:600}.track-facts{color:#ddd;flex-direction:column;gap:.6rem;font-size:.9rem;display:flex}.track-facts>div{justify-content:space-between;gap:1rem;display:flex}.track-facts span{color:#888}.track-facts a{color:#ffc107}