:root{--fedex-purple:#4d148c;--fedex-orange:#f60;--fedex-light-purple:#4d148c1a;--fedex-white:#fff;--fedex-border:#e0e0e0;--fedex-medium-gray:#666;--fedex-dark-gray:#333;--fedex-light-gray:#f5f5f5;--fedex-success:#28a745;--fedex-warning:#ffc107;--fedex-error:#dc3545}.status-container{background:var(--fedex-white);border-radius:12px;margin:20px 0;padding:20px;box-shadow:0 2px 8px #0000001a}.progress-display{border-bottom:1px solid var(--fedex-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.progress-title{color:var(--fedex-dark-gray);font-size:16px;font-weight:600}.progress-percentage{color:var(--fedex-purple);background:var(--fedex-light-purple);border-radius:20px;padding:8px 16px;font-size:24px;font-weight:700}.progress-visual{height:6px;margin:30px 0 40px;position:relative}.progress-track{background:var(--fedex-border);border-radius:3px;height:100%;position:absolute;top:0;left:0;right:0}.progress-fill{background:linear-gradient(90deg,var(--fedex-purple),var(--fedex-orange));z-index:2;border-radius:3px;height:100%;transition:width .5s;position:absolute;top:0;left:0}.status-bar{-webkit-overflow-scrolling:touch;justify-content:space-between;margin:30px 0;padding:20px 0;display:flex;position:relative;overflow-x:auto}.status-line{background-color:var(--fedex-border);z-index:1;height:4px;position:absolute;top:34px;left:10%;right:10%}.status-progress-line{background-color:var(--fedex-purple);z-index:2;height:4px;transition:width .5s;position:absolute;top:34px;left:10%}.status-step{z-index:3;flex-direction:column;flex:1;align-items:center;min-width:90px;padding:0 5px;display:flex;position:relative}.status-icon{background-color:var(--fedex-white);border:4px solid var(--fedex-border);width:40px;height:40px;color:var(--fedex-medium-gray);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;font-size:18px;transition:all .3s;display:flex}.status-step.active .status-icon{border-color:var(--fedex-purple);background-color:var(--fedex-purple);color:var(--fedex-white);transform:scale(1.1);box-shadow:0 0 0 3px #4d148c33}.status-step.completed .status-icon{border-color:var(--fedex-purple);background-color:var(--fedex-purple);color:var(--fedex-white)}.status-label{color:var(--fedex-medium-gray);text-align:center;max-width:100px;font-size:12px;font-weight:500;line-height:1.3}.status-step.active .status-label{color:var(--fedex-purple);font-weight:600}.status-details{background:var(--fedex-light-gray);border-left:4px solid var(--fedex-purple);border-radius:8px;margin-top:20px;padding:15px}.current-status,.progress-info{justify-content:space-between;margin-bottom:8px;display:flex}.current-status .value{color:var(--fedex-purple);font-size:16px;font-weight:600}.progress-info .value{color:var(--fedex-orange);font-weight:600}.label{color:var(--fedex-medium-gray);font-size:14px}@media (max-width:768px){.status-container{margin:15px 0;padding:15px}.progress-display{flex-direction:column;align-items:flex-start;gap:10px}.progress-percentage{align-self:flex-start;padding:6px 14px;font-size:20px}.status-bar{justify-content:flex-start;margin:20px 0;padding:15px 0}.status-step{flex-shrink:0;min-width:85px}.status-icon{width:36px;height:36px;font-size:16px}.status-label{max-width:80px;font-size:11px}.status-details{padding:12px}.current-status,.progress-info{flex-direction:column;gap:5px}}@media (min-width:1024px){.status-container{padding:30px}.status-bar{padding:25px 0}.status-step{min-width:100px}.status-icon{width:44px;height:44px;font-size:20px}.status-label{font-size:13px}.progress-percentage{font-size:28px}}.status-step.active[data-status=Delayed] .status-icon,.status-step.completed[data-status=Delayed] .status-icon{border-color:var(--fedex-warning);background-color:var(--fedex-warning);color:var(--fedex-dark-gray)}.status-step.active[data-status=Exception] .status-icon,.status-step.completed[data-status=Exception] .status-icon,.status-step.active[data-status="Returned to Sender"] .status-icon{border-color:var(--fedex-error);background-color:var(--fedex-error);color:var(--fedex-white)}.status-step:not(.active)[data-status="Returned to Sender"] .status-icon{border-color:var(--fedex-border);background-color:var(--fedex-white);color:var(--fedex-medium-gray)}.status-step.active[data-status=Delivered] .status-icon,.status-step.completed[data-status=Delivered] .status-icon{border-color:var(--fedex-success);background-color:var(--fedex-success);color:var(--fedex-white)}.status-progress-line{background-color:var(--fedex-purple)}.status-container[data-current-status=Exception] .status-progress-line,.status-container[data-current-status="Returned to Sender"] .status-progress-line{background-color:var(--fedex-error)}.status-container[data-current-status=Delayed] .status-progress-line{background-color:var(--fedex-warning)}.status-container[data-current-status=Delivered] .status-progress-line{background-color:var(--fedex-success)}