.order-tracker-container{max-width:800px;margin:0 auto;padding:20px;direction:rtl}.order-tracker-container,.order-tracker-container *,.order-tracker-container h2,.order-tracker-container h3,.order-tracker-container p,.order-tracker-container label,.order-tracker-container input,.order-tracker-container button,.order-tracker-container li,.order-tracker-container strong,.order-tracker-container span{font-family:'Dana',Tahoma,Arial,sans-serif!important}.order-tracker-container h2,.order-tracker-container h3,.order-tracker-container strong,.order-tracker-container label,.order-tracker-container button{font-weight:700!important}.order-tracker-container p,.order-tracker-container li,.order-tracker-container input,.order-tracker-container span{font-weight:400!important}.tracker-title{position:relative;text-align:center;margin-bottom:30px;padding-bottom:10px}.tracker-title::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;box-shadow:0 4px 8px rgb(0 0 0 / .5)}.tracker-form{background:#f9f9f9;padding:30px;border-radius:10px;box-shadow:0 2px 10px rgb(0 0 0 / .1);margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:10px;color:#555;font-size:16px}.form-group input{width:100%;padding:12px 15px;border:2px solid #ddd;border-radius:5px;font-size:16px;transition:border-color 0.3s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#007cba}.track-button{display:block;background:#007cba;color:#fff;padding:10px;border:none;border-radius:10px;cursor:pointer;transition:background 0.3s;width:50%;margin:0 auto}.track-button:hover{background:#005a87}.track-button:disabled{background:#ccc;cursor:not-allowed}.order-result{display:none;background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px rgb(0 0 0 / .1);margin-top:20px}.order-info{background:#f0f8ff;padding:15px;border-radius:5px;margin-bottom:20px;border-right:4px solid #007cba}.order-info p{margin:5px 0;font-size:14px;color:#555}.order-info strong{color:#333;margin-left:5px}.timeline{position:relative;margin:30px 0;padding:0;list-style:none}.timeline:before{content:"";position:absolute;top:0;bottom:0;right:30px;width:3px;background:#e0e0e0;margin-right:-1.5px}.timeline-item{position:relative;margin-bottom:30px;padding-right:70px}.timeline-item:last-child{margin-bottom:0}.timeline-icon{position:absolute;right:15px;top:0;width:30px;height:30px;border-radius:50%;text-align:center;line-height:30px;background:#007cba;color:#fff;font-size:16px}.timeline-item.completed .timeline-icon{background:#46b450}.timeline-item.current .timeline-icon{background:#ffb900;animation:pulse 2s infinite}.timeline-item.pending .timeline-icon{background:#e0e0e0;color:#999}@keyframes pulse{0%{box-shadow:0 0 0 0 rgb(255 185 0 / .7)}70%{box-shadow:0 0 0 10px #fff0}100%{box-shadow:0 0 0 0 #fff0}}.timeline-content{background:#f9f9f9;padding:15px;border-radius:5px;border-right:3px solid #007cba}.timeline-content h3{margin:0 0 5px 0;color:#333;font-size:16px}.timeline-content p{margin:0;color:#777;font-size:14px}.timeline-date{display:block;font-size:12px;color:#999;margin-top:5px}.error-message{background:#f8d7da;color:#721c24;padding:15px;border-radius:5px;border-right:4px solid #f5c6cb;margin-top:20px;display:none}.loading-spinner{text-align:center;padding:20px;display:none}.spinner{border:4px solid #f3f3f3;border-top:4px solid #007cba;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:768px){.order-tracker-container{padding:10px}.tracker-form{padding:20px}.timeline-item{padding-right:60px}.timeline-icon{right:10px;width:25px;height:25px;line-height:25px;font-size:14px}}