.track-container{color:#222;background-color:#faf9f8;flex-direction:column;align-items:center;min-height:100vh;padding:60px 20px;font-family:Poppins,sans-serif;display:flex}.track-title{color:#333;align-items:center;gap:10px;margin-bottom:30px;font-size:1.8rem;font-weight:600;display:flex}.track-input-section{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}.track-input-section input{border:1px solid #ddd;border-radius:8px;width:280px;padding:12px 16px;font-size:1rem;transition:all .3s}.track-input-section input:focus{border-color:#000;outline:none}.track-input-section button{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:8px;padding:12px 18px;transition:all .3s}.track-input-section button:hover{background-color:#333}.track-error{color:#d63031;margin-top:10px;font-weight:500}.track-card{background:#fff;border-radius:16px;width:100%;max-width:700px;margin-top:20px;padding:30px;animation:.5s ease-in-out fadeIn;box-shadow:0 4px 12px #00000014}.track-header{justify-content:space-between;align-items:center;display:flex}.status{color:#fff;border-radius:8px;padding:6px 12px;font-weight:600}.status.pending{background:#fbc531}.status.processing{background:#00a8ff}.status.shipped{background:#9c88ff}.status.delivered{background:#44bd32}.status.cancelled{background:#e84118}.track-info{flex-wrap:wrap;gap:20px;margin-top:20px;display:flex}.track-info div{flex:1;min-width:250px}.track-items{margin-top:30px}.track-item{background-color:#fafafa;border-radius:10px;align-items:center;gap:15px;margin-bottom:10px;padding:12px;display:flex}.track-item img{object-fit:cover;border-radius:8px;width:60px;height:60px}.track-summary{border-top:1px solid #eee;margin-top:20px;padding-top:15px}.track-summary .total{color:#000;font-size:1.2rem;font-weight:600}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.track-card{padding:20px}.track-title{font-size:1.4rem}.track-input-section input{width:100%}}