.track,.track *{box-sizing:border-box}.track{--orange:#dc771c;color:#000;padding-bottom:60px;font-family:Roboto,sans-serif}.track .track-banner{width:100%;height:auto;margin-top:8px;display:block}.track .track-area{justify-content:center;max-width:1100px;margin:44px auto 0;padding:0 16px;display:flex}.track .track-box{box-shadow:10px 10px 10px 10px var(--orange);background:#fff;border-radius:20px;width:min(400px,100%);padding:24px 24px 28px}@media (max-width:767px){.track .track-box{box-shadow:6px 6px 10px 4px var(--orange)}}.track .track-box h2{text-align:center;color:#000;margin:0 0 18px;font-size:26px;font-weight:900}.track .track-box h2 span{color:var(--orange)}.track .track-form{gap:14px;display:grid}.track .track-form input{background:#f1f1f1;border:none;border-radius:6px;outline:none;width:100%;padding:12px 14px;font-family:Roboto,sans-serif;font-size:15px}.track .track-form input:focus{box-shadow:0 0 0 2px var(--orange)}.track .track-form .track-err{color:#eb3f73;margin-top:-6px;font-size:13px}.track .track-form .track-submit{background:var(--orange);border:3px solid var(--orange);color:#fff;text-transform:uppercase;cursor:pointer;border-radius:20px;justify-self:center;padding:10px 26px;font-size:14px;font-weight:800}.track .track-form .track-submit:hover{background:orange}.track .track-form .track-submit:disabled{opacity:.6;cursor:default}.track .track-result{max-width:560px;margin:28px auto 0;padding:0 16px}.track .track-result-msg{text-align:center;color:#777;padding:10px 0}.track .track-result-error{color:#e0335e}.track .track-result-card{background:#fff;border-top:4px solid #ccc;border-radius:20px;padding:20px 22px;position:relative;box-shadow:0 0 24px #00000014}.track .track-result-card-success{border-top-color:#1a9c4a}.track .track-result-card-info{border-top-color:var(--orange)}.track .track-result-card-pending{border-top-color:#999}.track .track-result-card-danger{border-top-color:#e0335e}.track .track-result-top{border-bottom:1px dashed #eee;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}.track .track-result-top-left{align-items:center;gap:12px;display:flex}.track .track-result-icon{width:40px;height:40px;color:var(--orange);background:linear-gradient(135deg,#fdead2,#fbdcb2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.track .track-result-order-no{color:#222;margin:0;font-size:15px;font-weight:800}.track .track-result-date{color:#999;margin:3px 0 0;font-size:12px}.track .track-result-badge{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:5px 14px;font-size:11.5px;font-weight:800}.track .track-result-badge-success{color:#1a9c4a;background:#e6f7ec}.track .track-result-badge-info{color:var(--orange);background:#fdf3e9}.track .track-result-badge-pending{color:#777;background:#f1f1f1}.track .track-result-badge-danger{color:#e0335e;background:#fdecee}.track .track-result-journey{color:#222;align-items:center;gap:10px;margin-bottom:6px;font-size:13.5px;font-weight:700;display:flex}.track .track-result-journey i{width:20px;color:var(--orange);text-align:center;flex-shrink:0}.track .track-result-journey-muted{color:#777;margin-bottom:16px;font-size:12.5px;font-weight:500}.track .track-result-items{background:linear-gradient(120deg,#fff7ec,#fdead2);border-radius:12px;gap:8px;margin:0 0 16px;padding:14px 16px;list-style:none;display:grid}.track .track-result-items li{color:#444;justify-content:space-between;font-size:13px;display:flex}.track .track-result-items li b{color:#999;font-weight:600}.track .track-result-breakdown{border-top:1px dashed #eee;padding-top:12px}.track .track-result-price-row{color:#666;justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.track .track-result-discount{color:#1a9c4a}.track .track-result-total{color:#000;border-top:1.5px dashed #eee;margin-top:6px;padding-top:10px;font-size:16.5px;font-weight:800}