.esw-tracking-form{max-width:500px;margin:0 auto;padding:20px;background:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.esw-tracking-form h3{margin-top:0;color:#333;text-align:center}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input{width:100%;padding:15px;margin-top:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.track-button{width:100%;padding:12px;background-color:#4CAF50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.track-button:hover{background-color:#45a049}.esw-order-tracking{max-width:800px;margin:0 auto;padding:20px}.tracking-progress{display:flex;justify-content:space-between;align-items:center;margin:30px 0;position:relative;flex-wrap:wrap;gap:25px 0}.tracking-step{text-align:center;flex:0 0 130px;position:relative;z-index:1}.step-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ddd;margin:0 auto 10px}.step-icon svg{width:30px;height:30px}.tracking-step.active .step-icon{background:#4CAF50;color:#fff}.tracking-step.active .step-icon svg{stroke:#fff}.step-label{font-size:14px;color:#777}.tracking-step.active .step-label{color:#333;font-weight:700;white-space:nowrap}.step-date{font-size:12px;color:#4CAF50;margin-top:5px}.step-connector{flex:1;height:3px;background:#ddd;margin:0 -10px}.step-connector.active{background:#4CAF50}.order-details{background:#f9f9f9;padding:20px;border-radius:8px;margin-top:30px;position:relative}.order-details h4{margin-top:0;border-bottom:1px solid #eee;padding-bottom:10px}.tracking-button-container{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.tracking-button{display:inline-block;padding:10px 20px;background-color:#2196F3;color:#fff;text-decoration:none;border-radius:4px;font-weight:700}.tracking-button:hover{background-color:#0b7dda}.back-link{display:inline-block;margin-top:20px;color:#2196F3;text-decoration:none}.back-link:hover{text-decoration:underline}.esw-tracking-error{max-width:500px;margin:0 auto;padding:20px;background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;text-align:center}.order-status-cancelled .tracking-step:last-child .step-icon,.order-status-cancelled .step-connector,.order-status-refunded .tracking-step:last-child .step-icon,.order-status-refunded .step-connector{background-color:red}@media (max-width:480px){.tracking-progress{justify-content:flex-start}.step-connector{display:none}.tracking-step{flex:0 0 100px}}