.tracking-content{z-index:1;max-width:860px;padding:48px 64px 80px;position:relative}.track-form-card{border:1px solid var(--card-b);background:#ffffff06;border-radius:12px;margin-bottom:40px;padding:32px 36px}.track-form-title{color:#fff;margin-bottom:20px;font-size:14px;font-weight:700}.track-inputs{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.track-field{flex:1;min-width:200px}.track-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin-bottom:7px;font-size:10px;font-weight:700;display:block}.track-input{border:1px solid var(--divider);color:#fff;background:#ffffff0a;border-radius:7px;width:100%;padding:12px 16px;font-family:inherit;font-size:13px;transition:border-color .2s}.track-input:focus{border-color:var(--blue-light);outline:none}.track-input::placeholder{color:var(--text-dim)}.track-submit{background:var(--blue);color:#fff;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:none;border-radius:7px;height:44px;padding:12px 28px;font-size:12px;font-weight:700;transition:background .2s}.track-submit:hover{background:var(--blue-mid)}.track-result{display:none}.track-result.visible{display:block}.track-order-header{background:#0045b31a;border:1px solid #4d8fff33;border-radius:10px;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:28px;padding:20px 24px;display:grid}.trk-field-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin-bottom:5px;font-size:10px;font-weight:700}.trk-field-val{color:#fff;font-size:14px;font-weight:700}.trk-field-sub{color:var(--text);margin-top:2px;font-size:11px}.track-timeline{margin-bottom:32px}.tl-title{letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin-bottom:20px;font-size:11px;font-weight:700}.tl-list{flex-direction:column;gap:0;display:flex}.tl-event{align-items:flex-start;gap:16px;display:flex;position:relative}.tl-event:not(:last-child) .tl-line{background:#ffffff14;width:1px;height:calc(100% + 4px);position:absolute;top:36px;left:17px}.tl-event-dot{z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative}.tl-event-dot.active{background:var(--green);border:2px solid #22c55e66}.tl-event-dot.transit{background:var(--blue);border:2px solid #4d8fff66}.tl-event-dot.pending{border:1px solid var(--divider);background:#ffffff0d}.tl-event-body{flex:1;padding-bottom:24px}.tl-event-status{color:#fff;margin-bottom:4px;font-size:13.5px;font-weight:700}.tl-event-status.green{color:var(--green)}.tl-event-status.blue{color:var(--blue-light)}.tl-event-location{color:var(--text);margin-bottom:3px;font-size:12px}.tl-event-time{color:var(--text-dim);font-size:11px}.track-items{border:1px solid var(--divider);background:#ffffff05;border-radius:10px;overflow:hidden}.track-items-head{border-bottom:1px solid var(--divider);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);padding:14px 20px;font-size:10px;font-weight:700}.track-item{border-bottom:1px solid var(--divider);align-items:center;gap:14px;padding:14px 20px;display:flex}.track-item:last-child{border-bottom:none}.track-item-icon{background:#0045b31f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:48px;display:flex}.track-item-name{color:#fff;margin-bottom:2px;font-size:13px;font-weight:600}.track-item-meta{color:var(--text);font-size:11px}.track-item-purity{margin-left:auto}@media (max-width:900px){.tracking-content{padding:32px 28px 60px}.track-order-header{grid-template-columns:1fr 1fr}}@media (max-width:600px){.tracking-content{padding:24px 18px 48px}.track-order-header{grid-template-columns:1fr}.track-form-card{padding:24px 20px}.track-inputs{flex-direction:column}}