.track-page-container{max-width:600px;min-height:60vh;font-family:var(--font-brand),sans-serif;margin:60px auto;padding:0 20px}.track-header{text-align:center;margin-bottom:40px}.track-header h1{margin-bottom:10px;font-size:2.5rem}.track-header p{color:#666}.track-form-card{background:#f9f9f9;border-radius:12px;padding:30px;box-shadow:0 4px 20px #0000000d}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.form-group input{border:1px solid #ddd;border-radius:6px;width:100%;padding:12px;font-size:1rem}.track-btn{color:#fff;cursor:pointer;background-color:#111;border:none;border-radius:6px;width:100%;padding:14px;font-size:1rem;font-weight:600;transition:background .2s}.track-btn:hover{background-color:#333}.error-msg{color:#d32f2f;background:#ffebee;border-radius:6px;align-items:center;gap:8px;margin-top:20px;padding:10px;font-size:.9rem;display:flex}.order-result-card{background:#fff;border:1px solid #eee;border-radius:12px;margin-top:40px;padding:24px;animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.result-header h3{margin:0 0 5px}.order-date{color:#888;margin:0;font-size:.85rem}.divider{border:0;border-top:1px dashed #eee;margin:15px 0}.result-item-row{color:#444;justify-content:space-between;margin-bottom:8px;font-size:.95rem;display:flex}.result-item-row .qty{color:#888;margin-right:10px;font-weight:600}.result-total{justify-content:space-between;margin-top:10px;font-size:1.1rem;font-weight:700;display:flex}.tracking-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;justify-content:space-between;align-items:center;margin-top:20px;padding:15px;display:flex}.courier-info{color:#0369a1;align-items:center;gap:8px;font-size:.9rem;display:flex}.track-link{color:#0284c7;align-items:center;gap:5px;font-weight:600;text-decoration:none;display:flex}.track-link:hover{text-decoration:underline}.status-badge{text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}.status-delivered{color:#166534;background:#dcfce7}.status-shipped{color:#075985;background:#e0f2fe}.status-cancelled{color:#991b1b;background:#fee2e2}.status-pending{color:#854d0e;background:#fef9c3}