@import url(https://fonts.cdnfonts.com/css/satoshi);.tracking{font-family:Satoshi,sans-serif;color:#111827}.tracking .q-field__control{height:41px!important}.tracking .q-field__native{color:#000;font-size:15px}.logo{align-items:center;margin-bottom:20px}.logo,.tracking-bg{display:flex;justify-content:center}.tracking-bg{background:#f5f7fb;padding:40px 16px}.tracking-wrapper{width:100%;max-width:980px}.tracking-card{border-radius:12px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 10px 25px 0 rgba(15,23,42,0.04);padding:32px 40px 40px}.card-header{display:flex;justify-content:space-between}.card-header .card-title{color:#111827;font-size:22.9px;font-style:normal;font-weight:700;line-height:normal}.card-header .card-help{color:#0087fd}.card-header .card-help,.card-subtitle{font-size:14.4px;font-style:normal;font-weight:400;line-height:normal}.card-subtitle{color:#6b7280}.search-row{display:flex;gap:12px;margin-bottom:30px;margin-top:30px}.search-row .search-input{flex:1}.search-row .search-input input::placeholder{color:#9ca3af!important;opacity:1}.search-row .search-btn{border-radius:999px;height:43px}.order-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border:1px solid #d0ddff;background:#f1f6ff;border-radius:10px;padding:16px 20px;margin-bottom:24px}.order-block .label{text-transform:uppercase;font-size:13px;color:#6b7280}.order-block .value{font-weight:700;font-size:15px}.status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.status-row .status-badge{background:#ecfdf3;border-radius:999px;padding:4px 10px;color:#16a34a}.status-row .status-meta{color:#6b7280;font-size:12px}.progress-line{display:flex;align-items:center;margin-bottom:10px}.progress-line .line-left{flex:0 0 25%;height:4px;background:#0087fd;border-radius:2px}.progress-line .line-right{flex:1;height:4px;background:#e0e0e0;border-radius:2px}.progress-dots{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch;margin-bottom:30px;color:#6b7280;text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.progress-dots>div{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1 0 0;align-self:stretch}.progress-dots .dot-completed{width:16px;height:16px;border-radius:50%;background:#0087fd}.progress-dots .dot-current{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #0087fd}.progress-dots .dot-inactive{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #d3d3d3}.bottom-section{display:grid;grid-template-columns:3fr 2fr;gap:24px}.section-title{color:#111827;font-size:16px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:16px}.history-card{padding:16px;border-radius:10px;border:1px solid #e5e7eb;background:#fff}.history-item{display:grid;grid-template-columns:1fr auto;column-gap:12px;padding:8px 0;border-bottom:1px solid #f1f3f4}.history-item:last-child{border-bottom:none}.history-item .history-left{display:flex;align-items:flex-start}.history-item .history-left .dot{width:8px;height:8px;border-radius:50%;background:#0087fd;margin-top:6px;margin-right:10px}.history-item .history-left .history-title{color:#111827;font-size:14.4px;font-style:normal;font-weight:500;line-height:normal}.history-item .history-left .history-subtitle,.history-item .history-time{color:#6b7280;font-size:12.8px;font-style:normal;font-weight:400;line-height:normal}.summary-card{padding:16px;border-radius:10px;border:1px solid #e5e7eb;background:#fff}.summary-row{display:flex;justify-content:space-between;margin-bottom:6px}.summary-row .label{font-weight:400}.summary-row .label,.summary-row .value{color:#111827;font-size:13.6px;font-style:normal;line-height:normal}.summary-row .value{font-weight:500}.summary-divider{border-top:1px solid #e4e7eb;margin:10px 0}.summary-row.total{margin-top:6px;font-size:15px}.summary-row.total .value{font-weight:700}.summary-meta{margin:10px 0 12px}.summary-meta,.summary-note{color:#6b7280;font-size:12.8px;font-style:normal;font-weight:400;line-height:normal}.summary-note{padding:8px;border-radius:8px;border:1px dashed #e5e7eb;background:#f9fafb}.summary-note p{margin:0 0 4px 0}.summary-note a{color:#0087fd;text-decoration:none}