.track-order-page{justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding-top:180px;padding-bottom:60px;display:flex}@media (max-width:768px){.track-order-page{padding-top:140px}}.track-card{border:1px solid var(--border-color);border-radius:24px;width:100%;max-width:600px;padding:40px}.track-header{text-align:center;margin-bottom:40px}.header-icon{color:var(--accent-color);margin-bottom:16px}.track-header h1{margin-bottom:8px;font-size:32px}.track-header p{color:var(--text-secondary)}.track-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-secondary);font-size:14px;font-weight:600}.form-group input{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:12px;padding:14px 16px;font-size:16px;transition:all .3s}.form-group input:focus{border-color:var(--accent-color);background:var(--bg-primary);outline:none;box-shadow:0 0 0 4px #3b82f61a}.track-btn{justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:16px;font-size:16px;display:flex}.track-error{color:#ef4444;background:#ef44441a;border-left:4px solid #ef4444;border-radius:8px;align-items:center;gap:12px;margin-top:20px;padding:16px;display:flex}.result-divider{background:var(--border-color);height:1px;margin:30px 0}.status-summary{background:var(--bg-secondary);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;display:flex}.status-main{align-items:center;gap:16px;display:flex}.status-icon{border-radius:12px;width:48px;height:48px;padding:10px}.status-icon.pending{color:#f59e0b;background:#f59e0b1a}.status-icon.shipped{color:#3b82f6;background:#3b82f61a}.status-icon.delivered{color:#10b981;background:#10b9811a}.status-main h3{margin:0;font-size:18px}.status-main p{color:var(--text-secondary);margin:0;font-size:13px}.status-price{text-align:right}.status-price span{color:var(--text-secondary);font-size:12px;display:block}.status-price strong{color:var(--accent-color);font-size:20px}.status-timeline h4{text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-bottom:25px;font-size:14px;font-weight:900}.timeline-wrapper{border-left:1px solid #ffffff14;gap:30px;padding-left:10px;display:grid;position:relative}.timeline-item{gap:0;display:flex;position:relative}.timeline-dot-wrapper{justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:6px;left:-15px}.timeline-dot{background:#fff3;border-radius:50%;width:9px;height:9px;transition:all .4s}.timeline-item.active .timeline-dot{background:var(--accent-color);box-shadow:0 0 15px var(--accent-color);transform:scale(1.2)}.timeline-content{flex-direction:column;padding-left:25px;display:flex}.timeline-content .time{color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:500}.timeline-content .note{color:var(--text-secondary);font-size:14px;font-weight:500;transition:color .4s}.timeline-item.active .note{color:#fff;font-weight:700}@media (max-width:600px){.track-card{padding:24px}.status-summary{flex-direction:column;align-items:flex-start;gap:16px}.status-price{text-align:left}}