.tracking-page{padding-block:48px 76px}.tracking-head{max-width:860px;margin-inline:auto;text-align:center}.tracking-head h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.45;margin:10px 0}.tracking-head>p{max-width:720px;margin:0 auto 24px;line-height:2}.tracking-search{margin:30px auto 0;padding:22px;background:linear-gradient(180deg,#fbfdfc,#f6faf8);border:1px solid var(--line);border-radius:20px;text-align:right;box-shadow:0 14px 40px rgba(23,60,44,.07)}.tracking-search label{display:block;margin-bottom:9px;font-size:.85rem;font-weight:800;color:#365347}.tracking-search-row{display:grid;grid-template-columns:1fr auto;gap:10px}.tracking-search input{background:#fff;min-height:52px;font-size:1rem;text-align:left;border-radius:12px}.tracking-search .button{min-width:132px;border-radius:12px}.tracking-search small{display:block;margin-top:9px;color:#7a8880}.tracking-message{max-width:860px;margin:30px auto 0;padding:20px 22px;border-radius:16px;display:flex;gap:16px;align-items:flex-start}.tracking-message h2{font-size:1.1rem;margin:0 0 4px}.tracking-message p{margin:0}.tracking-error{background:#fff7f5;border:1px solid #f0c7bf;color:#7b2f25}.tracking-error p{color:#7b2f25}.message-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#f9ded8;font-weight:900;flex:0 0 auto}.tracking-overview{max-width:980px;margin:40px auto 0;padding:30px;border-radius:24px;display:flex;justify-content:space-between;gap:28px;align-items:center;border:1px solid #cfe3d8;background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.92),transparent 34%),linear-gradient(135deg,#f5fbf7,#eaf6ef);box-shadow:0 18px 50px rgba(18,78,53,.09);position:relative;overflow:hidden}.tracking-overview:after{content:"";position:absolute;left:-45px;bottom:-55px;width:170px;height:170px;border-radius:50%;background:rgba(8,122,67,.05)}.overview-main{display:flex;align-items:center;gap:18px;position:relative;z-index:1;min-width:0}.status-icon{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;flex:0 0 auto;background:#087a43;color:#fff;box-shadow:0 12px 28px rgba(8,122,67,.2)}.status-icon span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);font-size:1.3rem;font-weight:900}.summary-kicker{font-size:.78rem;color:var(--green);font-weight:800}.overview-main h2{font-size:clamp(1.35rem,2.8vw,1.9rem);line-height:1.65;margin:4px 0 6px;color:#173c2c}.overview-time{margin:0;color:#67776f;font-size:.9rem}.overview-side{min-width:205px;display:grid;gap:10px;justify-items:stretch;position:relative;z-index:1}.status-pill{display:inline-flex;justify-content:center;align-items:center;min-height:38px;padding:8px 14px;border-radius:999px;background:#087a43;color:#fff;font-size:.8rem;font-weight:900}.overview-code{display:grid;gap:3px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.82);border:1px solid rgba(8,122,67,.13);text-align:center}.overview-code span{font-size:.7rem;color:#728079}.overview-code strong{font:700 .9rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#244c3a;overflow-wrap:anywhere}.status-out-for-delivery{background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.94),transparent 34%),linear-gradient(135deg,#fffaf0,#fff2d9);border-color:#f0d8a1}.status-out-for-delivery .status-icon,.status-out-for-delivery .status-pill{background:#b66a00}.status-out-for-delivery .summary-kicker{color:#8c5200}.status-destination{background:linear-gradient(135deg,#f5f9ff,#edf4ff);border-color:#cad9ef}.status-destination .status-icon,.status-destination .status-pill{background:#356ba8}.status-destination .summary-kicker{color:#356ba8}.status-processing{background:linear-gradient(135deg,#f8f6ff,#f1edff);border-color:#d8cffa}.status-processing .status-icon,.status-processing .status-pill{background:#6b55b5}.status-processing .summary-kicker{color:#6b55b5}.status-registered,.status-accepted,.status-in-transit{background:linear-gradient(135deg,#f7fbf9,#edf6f1)}.tracking-facts{max-width:980px;margin:14px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fact-card{min-width:0;display:flex;align-items:center;gap:11px;padding:16px;border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:0 8px 22px rgba(23,60,44,.035)}.fact-icon{width:34px;height:34px;border-radius:10px;background:#eef7f2;color:#087a43;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.fact-card>div{min-width:0;display:grid;gap:3px}.fact-card span{font-size:.72rem;color:#7b8781}.fact-card strong{font-size:.83rem;color:#29483a;overflow-wrap:anywhere}.fact-card i{font-style:normal;color:#83a592;margin-inline:2px}.barcode-section,.timeline-section,.contract-section{max-width:980px;margin:46px auto 0}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-title-row h2{margin:3px 0 0;font-size:1.55rem}.barcode-list{display:flex;gap:10px;flex-wrap:wrap}.barcode-chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border:1px solid #cfded6;border-radius:11px;background:#fff;color:#365347;font:700 .88rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;transition:.18s ease;text-decoration:none}.barcode-chip:hover,.barcode-chip.active{border-color:var(--green);color:var(--green);background:#eef8f2;box-shadow:0 6px 16px rgba(8,122,67,.08)}.timeline-section{padding-top:4px}.timeline-title-row{margin-bottom:24px}.timeline{position:relative;padding-right:12px}.timeline:before{content:"";position:absolute;right:30px;top:25px;bottom:30px;width:2px;background:linear-gradient(#d6e9df,#aad5bf)}.timeline-item{position:relative;display:grid;grid-template-columns:48px 1fr;gap:16px;padding-bottom:16px}.timeline-marker{position:relative;z-index:1;width:38px;height:38px;margin-top:18px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #7cb99a;color:#087a43;font-weight:900}.timeline-marker span{font-size:.85rem}.timeline-item.latest .timeline-marker{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 0 0 7px #e8f5ee}.timeline-card{padding:20px 22px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(23,60,44,.04);transition:.16s ease}.timeline-item.latest .timeline-card{border-color:#aad5bf;background:linear-gradient(180deg,#fff,#f8fcfa);box-shadow:0 10px 30px rgba(8,122,67,.07)}.timeline-meta{display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap;font-size:.76rem;color:#738079}.timeline-meta b{margin-left:auto;padding:4px 9px;border-radius:999px;background:#e7f4ed;color:var(--green);font-size:.68rem}.timeline-card h3{margin:8px 0 0;font-size:1rem;line-height:1.8;color:#263f34}.event-details{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:11px;padding-top:11px;border-top:1px dashed #dce8e1;color:#667085;font-size:.79rem}.event-details strong{color:#3b5147}.contract-section details{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(23,60,44,.035)}.contract-section summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:#f8fbf9;transition:.16s ease}.contract-section summary:hover{background:#f3f8f5}.contract-section summary::-webkit-details-marker{display:none}.contract-section summary>span:first-child{display:flex;flex-direction:column;gap:2px}.contract-section summary strong{font-size:1.14rem;color:var(--dark)}.contract-section summary small{color:#839087;font-size:.75rem}.summary-arrow{font-size:1.45rem;color:var(--green);transition:transform .18s ease}.contract-section details[open] .summary-arrow{transform:rotate(180deg)}.contract-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line)}.contract-item{padding:16px 22px;border-bottom:1px solid #edf2ef;display:flex;align-items:center;justify-content:space-between;gap:18px}.contract-item:nth-child(odd){border-left:1px solid #edf2ef}.contract-item span{font-size:.78rem;color:#78847e}.contract-item strong{font-size:.86rem;color:#33483e;text-align:left;overflow-wrap:anywhere}.tracking-source-note{max-width:980px;margin:18px auto 0;text-align:center;color:#7b8982;font-size:.73rem}.tracking-source-note span{color:#1b9b5c;font-size:.65rem;margin-left:4px}.tracking-empty{max-width:720px;margin:42px auto 0;padding:50px 24px;text-align:center;border:1px dashed #cfded6;border-radius:20px;background:linear-gradient(180deg,#fff,#fbfdfc)}.empty-icon{width:60px;height:60px;margin:0 auto 12px;border-radius:18px;display:grid;place-items:center;background:#edf6f1;color:var(--green);font-size:1.7rem}.tracking-empty h2{font-size:1.3rem;margin:6px 0}.tracking-empty p{margin:0;font-size:.9rem}
@media(max-width:900px){.tracking-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.tracking-page{padding-block:28px 52px}.tracking-head{text-align:right}.tracking-head h1{font-size:2rem}.tracking-head>p{font-size:.9rem}.tracking-search{padding:15px;margin-top:20px;border-radius:17px}.tracking-search-row{grid-template-columns:1fr}.tracking-search .button{width:100%}.tracking-overview{align-items:stretch;flex-direction:column;padding:20px;border-radius:20px;gap:18px}.overview-main{align-items:flex-start}.status-icon{width:52px;height:52px;border-radius:16px}.status-icon span{width:27px;height:27px;font-size:1.05rem}.overview-main h2{font-size:1.24rem;line-height:1.8;margin-top:2px}.overview-side{min-width:0;display:flex;align-items:stretch;gap:8px}.status-pill{flex:0 0 auto}.overview-code{flex:1;text-align:right}.tracking-facts{grid-template-columns:1fr 1fr;gap:8px}.fact-card{padding:13px 12px;align-items:flex-start}.fact-icon{width:30px;height:30px}.fact-card strong{font-size:.78rem}.section-title-row{display:block}.section-title-row .muted{display:block;margin-top:5px;font-size:.75rem}.barcode-section,.timeline-section,.contract-section{margin-top:36px}.timeline{padding-right:0}.timeline:before{right:17px}.timeline-item{grid-template-columns:35px 1fr;gap:10px;padding-bottom:12px}.timeline-marker{width:34px;height:34px;margin-top:16px}.timeline-card{padding:15px 14px;border-radius:14px}.timeline-meta{gap:6px 9px}.timeline-meta b{margin-left:0;order:-1}.timeline-card h3{font-size:.94rem}.contract-section summary{padding:17px 16px}.contract-section summary strong{font-size:1.02rem}.contract-grid{grid-template-columns:1fr}.contract-item:nth-child(odd){border-left:0}.contract-item{padding:14px 16px}.contract-item strong{max-width:58%}}
@media(max-width:410px){.tracking-facts{grid-template-columns:1fr}.overview-side{display:grid}.status-pill{width:100%}.tracking-search input{font-size:.92rem}}