:root{--woo-color-primary:#B8860B;--woo-color-completed:#27AE60;--woo-color-current:#B8860B;--woo-color-pending:#BDC3C7;--woo-color-text:#2C3E50;--woo-color-text-light:#7F8C8D;--woo-color-bg:#F8F9FA;--woo-color-border:#E8EAED;--woo-color-error:#E74C3C;--woo-color-white:#FFFFFF;--woo-shadow-sm:0 1px 3px rgba(0, 0, 0, 0.08);--woo-shadow-md:0 4px 6px rgba(0, 0, 0, 0.1);--woo-shadow-lg:0 10px 25px rgba(0, 0, 0, 0.12);--woo-border-radius:6px;--woo-transition:all 0.3s ease}.woo-order-tracking-container{margin:30px 0;padding:0}.woo-order-tracking-wrapper{max-width:1000px;margin:0 auto;padding:0 20px}.woo-tracking-form-section{background:var(--woo-color-white);border-radius:var(--woo-border-radius);box-shadow:var(--woo-shadow-md);padding:40px;margin-bottom:40px}.woo-tracking-title{font-size:28px;font-weight:700;color:var(--woo-color-text);margin:0 0 10px 0;letter-spacing:-.5px}.woo-tracking-subtitle{font-size:15px;color:var(--woo-color-text-light);margin:0 0 30px 0;line-height:1.6}.woo-tracking-form{display:grid;gap:20px}.woo-form-group{display:flex;flex-direction:column}.woo-form-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--woo-color-text);margin-bottom:8px}.woo-required{color:var(--woo-color-error);font-weight:700}.woo-form-input{padding:12px 14px;border:1px solid var(--woo-color-border);border-radius:4px;font-size:14px;color:var(--woo-color-text);font-family:inherit;transition:var(--woo-transition);background:var(--woo-color-white)}.woo-form-input:focus{outline:none;border-color:var(--woo-color-primary);box-shadow:0 0 0 3px rgb(184 134 11 / .1)}.woo-form-input::placeholder{color:var(--woo-color-text-light)}.woo-form-help{display:block;font-size:12px;color:var(--woo-color-text-light);margin-top:6px;font-style:italic}.woo-tracking-button,.woo-tracking-button-secondary{padding:12px 28px;border:none;border-radius:4px;font-size:15px;font-weight:600;cursor:pointer;transition:var(--woo-transition);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.woo-tracking-button{background:var(--woo-color-primary);color:var(--woo-color-white)}.woo-tracking-button:hover{background:#9E7309;transform:translateY(-2px);box-shadow:var(--woo-shadow-lg)}.woo-tracking-button:active{transform:translateY(0)}.woo-tracking-button:disabled{opacity:.6;cursor:not-allowed}.woo-tracking-button-secondary{background:#fff0;color:var(--woo-color-primary);border:2px solid var(--woo-color-primary)}.woo-tracking-button-secondary:hover{background:var(--woo-color-primary);color:var(--woo-color-white)}.woo-button-loader{display:inline-flex;align-items:center;justify-content:center}.woo-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgb(255 255 255 / .3);border-top-color:var(--woo-color-white);border-radius:50%;animation:woo-spin 0.6s linear infinite}@keyframes woo-spin{to{transform:rotate(360deg)}}.woo-tracking-alert{border-radius:var(--woo-border-radius);padding:16px;margin-bottom:20px;display:flex;gap:12px;animation:slideDown 0.3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.woo-alert-error{background:#FADBD8;border-left:4px solid var(--woo-color-error)}.woo-alert-icon{font-size:20px;flex-shrink:0;line-height:1}.woo-alert-content{display:flex;gap:12px;flex:1}.woo-alert-message strong{display:block;color:var(--woo-color-text);font-size:14px;margin-bottom:4px}.woo-alert-message p{margin:0;color:var(--woo-color-text);font-size:13px;line-height:1.5}.woo-tracking-results-section{animation:fadeIn 0.4s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.woo-progress-section{background:var(--woo-color-white);border-radius:var(--woo-border-radius);box-shadow:var(--woo-shadow-md);padding:40px;margin-bottom:30px}.woo-progress-title{font-size:20px;font-weight:700;color:var(--woo-color-text);margin:0 0 30px 0}.woo-progress-timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-items:flex-start}.woo-progress-timeline::before{content:'';position:absolute;top:35px;left:12.5%;right:12.5%;height:3px;background:linear-gradient(to right,var(--woo-color-primary) 0%,var(--woo-color-primary) 33%,var(--woo-color-pending) 33%,var(--woo-color-pending) 100%);z-index:0;transition:var(--woo-transition)}.woo-progress-timeline.stage-2::before{background:linear-gradient(to right,var(--woo-color-primary) 0%,var(--woo-color-primary) 66%,var(--woo-color-pending) 66%,var(--woo-color-pending) 100%)}.woo-progress-timeline.stage-3::before{background:linear-gradient(to right,var(--woo-color-primary) 0%,var(--woo-color-primary) 99%,var(--woo-color-pending) 99%,var(--woo-color-pending) 100%)}.woo-progress-timeline.stage-4::before{background:var(--woo-color-primary)}.woo-timeline-item{position:relative;padding:0 15px;text-align:center;z-index:1}.woo-timeline-step{display:flex;flex-direction:column;align-items:center}.woo-step-dot{width:60px;height:60px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--woo-color-pending);color:var(--woo-color-white);font-size:20px;font-weight:700;transition:var(--woo-transition);box-shadow:0 4px 12px rgb(0 0 0 / .12);position:relative}.woo-timeline-item.completed .woo-step-dot{background:var(--woo-color-primary);box-shadow:0 6px 16px rgb(184 134 11 / .3);color:var(--woo-color-white)}.woo-timeline-item.current .woo-step-dot{background:#b8860b;box-shadow:0 8px 20px rgb(243 156 18 / .4);color:var(--woo-color-white);transform:scale(1.15);animation:pulse-ring 2s infinite}.woo-timeline-item.pending .woo-step-dot{background:var(--woo-color-pending);color:var(--woo-color-white);box-shadow:0 4px 12px rgb(0 0 0 / .08)}@keyframes pulse-ring{0%{box-shadow:0 8px 20px rgb(243 156 18 / .4)}50%{box-shadow:0 8px 30px rgb(243 156 18 / .6)}100%{box-shadow:0 8px 20px rgb(243 156 18 / .4)}}.woo-step-name{font-size:15px;font-weight:700;color:var(--woo-color-text);margin-bottom:8px;transition:var(--woo-transition);line-height:1.4}.woo-timeline-item.completed .woo-step-name{color:var(--woo-color-primary)}.woo-timeline-item.current .woo-step-name{color:var(--woo-color-current);font-weight:700}.woo-timeline-item.pending .woo-step-name{color:var(--woo-color-text-light)}.woo-step-date{font-size:12px;color:var(--woo-color-text-light);transition:var(--woo-transition);margin-bottom:6px;font-weight:500}.woo-timeline-item.completed .woo-step-date{color:var(--woo-color-text)}.woo-timeline-item.current .woo-step-date{color:var(--woo-color-current);font-weight:600}.woo-step-info{font-size:12px;color:var(--woo-color-text-light);line-height:1.5;min-height:18px;transition:var(--woo-transition)}.woo-timeline-item.completed .woo-step-info{color:var(--woo-color-text-light)}.woo-timeline-item.current .woo-step-info{color:var(--woo-color-current);font-weight:500}@media (max-width:767px){.woo-progress-timeline{display:flex;flex-direction:column;padding-left:30px;gap:0}.woo-progress-timeline::before{content:'';position:absolute;top:0;left:34px;bottom:0;width:3px;background:linear-gradient(to bottom,var(--woo-color-primary) 0%,var(--woo-color-primary) 33%,var(--woo-color-pending) 33%,var(--woo-color-pending) 100%);z-index:0}.woo-progress-timeline.stage-2::before{background:linear-gradient(to bottom,var(--woo-color-primary) 0%,var(--woo-color-primary) 66%,var(--woo-color-pending) 66%,var(--woo-color-pending) 100%)}.woo-progress-timeline.stage-3::before{background:linear-gradient(to bottom,var(--woo-color-primary) 0%,var(--woo-color-primary) 99%,var(--woo-color-pending) 99%,var(--woo-color-pending) 100%)}.woo-progress-timeline.stage-4::before{background:var(--woo-color-primary)}.woo-timeline-item{position:relative;padding:30px 0;padding-left:30px;text-align:left;z-index:1}.woo-timeline-item:last-child{padding-bottom:0}.woo-timeline-step{display:block}.woo-step-dot{position:absolute;left:-37px;top:30px;width:60px;height:60px;margin:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--woo-color-pending);color:var(--woo-color-white);font-size:28px;transition:var(--woo-transition);box-shadow:0 4px 12px rgb(0 0 0 / .12);border:4px solid var(--woo-color-white)}.woo-timeline-item.completed .woo-step-dot{background:var(--woo-color-primary);box-shadow:0 6px 16px rgb(184 134 11 / .3)}.woo-timeline-item.current .woo-step-dot{background:var(--woo-color-current);box-shadow:0 8px 20px rgb(243 156 18 / .4);transform:scale(1.15)}.woo-step-name{font-size:16px;font-weight:700;color:var(--woo-color-text);margin-bottom:6px;transition:var(--woo-transition)}.woo-timeline-item.completed .woo-step-name{color:var(--woo-color-primary)}.woo-timeline-item.current .woo-step-name{color:var(--woo-color-current)}.woo-step-date{font-size:13px;color:var(--woo-color-text-light);margin-bottom:6px;font-weight:500}.woo-timeline-item.completed .woo-step-date{color:var(--woo-color-text)}.woo-step-info{font-size:13px;color:var(--woo-color-text-light);line-height:1.5}.woo-timeline-item.current .woo-step-info{color:var(--woo-color-current);font-weight:500}}.woo-order-info-section{background:var(--woo-color-white);border-radius:var(--woo-border-radius);box-shadow:var(--woo-shadow-md);padding:40px;margin-bottom:30px}.woo-info-title{font-size:20px;font-weight:700;color:var(--woo-color-text);margin:0 0 25px 0}.woo-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.woo-info-item{padding:20px;background:var(--woo-color-bg);border-radius:6px;border-left:3px solid var(--woo-color-primary)}.woo-info-label{display:block;font-size:12px;font-weight:600;color:var(--woo-color-text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.woo-info-value{margin:0;font-size:15px;color:var(--woo-color-text);line-height:1.6;word-break:break-word}.woo-tracking-actions{display:flex;justify-content:center;margin-top:30px}@media (max-width:768px){.woo-tracking-form-section,.woo-progress-section,.woo-order-info-section{padding:24px}.woo-tracking-title{font-size:24px}.woo-progress-title,.woo-info-title{font-size:18px}.woo-form-group{gap:8px}.woo-info-grid{grid-template-columns:1fr;gap:15px}.woo-info-item{padding:16px}}@media (max-width:480px){.woo-order-tracking-wrapper{padding:0 15px}.woo-tracking-form-section,.woo-progress-section,.woo-order-info-section{padding:16px;box-shadow:var(--woo-shadow-sm)}.woo-tracking-title{font-size:20px}.woo-progress-title,.woo-info-title{font-size:16px;margin-bottom:18px}.woo-tracking-button,.woo-tracking-button-secondary{width:100%}.woo-progress-timeline{padding-left:25px}.woo-timeline-item{padding-left:25px}.woo-step-dot{left:-18px;width:36px;height:36px;font-size:16px;border:2px solid var(--woo-color-white)}}.woo-tracking-button:focus,.woo-tracking-button-secondary:focus,.woo-form-input:focus{outline:2px solid var(--woo-color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.woo-tracking-button,.woo-tracking-button-secondary,.woo-form-input,.woo-step-dot,.woo-timeline-item,.woo-tracking-alert{transition:none!important;animation:none!important}}@media (prefers-color-scheme:dark){:root{--woo-color-text:#ECF0F1;--woo-color-text-light:#BDC3C7;--woo-color-bg:#2C3E50;--woo-color-border:#34495E;--woo-color-white:#ECF0F1}.woo-tracking-form-section,.woo-progress-section,.woo-order-info-section{background:#1A252F;box-shadow:0 4px 6px rgb(0 0 0 / .3)}.woo-form-input{background:#2C3E50;border-color:#34495E;color:#ECF0F1}.woo-info-item{background:#2C3E50;border-left-color:var(--woo-color-primary)}}@media print{.woo-tracking-button,.woo-tracking-button-secondary{display:none}.woo-tracking-form-section{display:none}}