@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-node{0%,to{box-shadow:0 0 0 4px rgba(26,77,46,.15)}50%{box-shadow:0 0 0 8px rgba(26,77,46,.08)}}body{font-family:"DM Sans",Arial,sans-serif;background:#f9f6f0;margin:0;color:#1a1a2e}.track-header{background:#1a4d2e;padding:20px 16px;text-align:center}.track-header h1{font-family:"Playfair Display",Georgia,serif;color:#d9a441;margin:0;font-size:clamp(1.2rem,4vw,1.8rem)}.track-header p{color:rgba(255,255,255,.8);margin:6px 0 0;font-size:.9rem}.track-main{max-width:640px;margin:28px auto;padding:0 16px 40px}.track-form{background:#fff;border-radius:14px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.07);margin-bottom:24px}.track-form label{display:block;font-weight:700;font-size:.9rem;color:#1a4d2e;margin-bottom:8px}.track-input-row{display:flex;gap:10px}.track-input{flex:1;border:2px solid #d0c9be;border-radius:10px;padding:12px 16px;font-size:1rem;font-family:"DM Sans",Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;transition:border-color .2s}.track-input:focus{outline:0;border-color:#1a4d2e}.track-input.valid{border-color:#1a4d2e}.track-input.invalid{border-color:#c0392b}.track-btn{background:#d9a441;color:#1a4d2e;font-weight:700;border:0;border-radius:10px;padding:12px 20px;cursor:pointer;white-space:nowrap;font-size:.95rem;transition:background .2s}.track-btn:hover{background:#c8922e}.track-hint{font-size:.78rem;color:#888;margin-top:6px}.track-error{color:#c0392b;font-size:.85rem;margin-top:8px;display:none}.track-loading{text-align:center;padding:24px;display:none}.track-spinner{display:inline-block;width:32px;height:32px;border:3px solid #e0dcd4;border-top-color:#1a4d2e;border-radius:50%;animation:spin .8s linear infinite}.track-result{display:none}.track-result-header{background:#fff;border-radius:14px;padding:20px 24px;box-shadow:0 2px 12px rgba(0,0,0,.07);margin-bottom:16px}.track-meta,.track-order-code{font-size:.82rem;color:#888;margin:0 0 4px}.track-order-code strong{font-size:1rem;color:#1a4d2e;letter-spacing:.06em}.track-meta{margin:6px 0 0}.timeline{background:#fff;border-radius:14px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.07);margin-bottom:16px}.timeline-title{font-weight:700;font-size:.88rem;color:#1a4d2e;margin-bottom:20px;text-transform:uppercase;letter-spacing:.05em}.timeline-steps{display:flex;flex-direction:column;gap:0;position:relative}.timeline-step{display:flex;align-items:flex-start;gap:14px;position:relative;padding-bottom:20px}.timeline-step:last-child{padding-bottom:0}.timeline-step::before{content:"";position:absolute;left:17px;top:36px;width:2px;height:calc(100% - 16px);background:#e0dcd4}.timeline-step.done::before{background:#1a4d2e}.timeline-step.active::before{background:linear-gradient(to bottom,#1a4d2e 50%,#e0dcd4 50%)}.timeline-step:last-child::before{display:none}.step-node{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:2px solid #e0dcd4;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;z-index:1;transition:all .3s}.timeline-step.done .step-node{border-color:#1a4d2e;background:#e8f5ee}.timeline-step.active .step-node{border-color:#1a4d2e;background:#1a4d2e;color:#fff;box-shadow:0 0 0 4px rgba(26,77,46,.15);animation:pulse-node 2s ease-in-out infinite}.timeline-step.cancelled .step-node{border-color:#c0392b;background:#fdecea}.step-content{flex:1;padding-top:4px}.step-label{font-weight:700;font-size:.9rem;color:#888}.timeline-step.done .step-label{color:#1a4d2e}.timeline-step.active .step-label{color:#1a4d2e;font-size:1rem}.timeline-step.cancelled .step-label{color:#c0392b}.step-desc,.step-time{font-size:.78rem;color:#aaa;margin-top:2px}.timeline-step.done .step-desc{color:#777}.timeline-step.active .step-desc{color:#555}.step-time{font-size:.72rem;color:#bbb}.timeline-step.done .step-time{color:#aaa}@media (min-width:580px){.timeline-steps{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:0}.timeline-step{flex-direction:column;align-items:center;flex:1;padding-bottom:0;gap:8px}.timeline-step::before{left:50%;top:17px;width:calc(100% - 0px);height:2px;transform:translateX(50%)}.step-content{text-align:center}}.track-note{background:#e8f5ee;border-radius:10px;padding:12px 16px;margin-bottom:16px;font-size:.88rem;color:#1a4d2e;border-left:4px solid #1a4d2e}.track-actions{background:#fff;border-radius:14px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.07);text-align:center}.track-actions h3{font-size:.9rem;color:#555;margin:0 0 14px;font-weight:600}.track-action-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn-ca,.btn-wa{color:#fff;font-weight:700;padding:11px 22px;border-radius:999px;text-decoration:none;font-size:.9rem}.btn-wa{background:#25d366}.btn-ca{background:#1a4d2e}.track-breadcrumb{font-size:.8rem;color:#777;padding:12px 0 0;margin-bottom:16px}.track-breadcrumb a{color:#1a4d2e;text-decoration:none}