.tracking-body{min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(255,42,139,.2),transparent 35%),linear-gradient(180deg,#230313,#4b0827 55%,#210210);color:#fff}.tracking-header{position:relative}.tracking-main{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:72px 0 100px}.tracking-hero{text-align:center;max-width:760px;margin:0 auto}.tracking-hero>span{display:inline-block;padding:8px 16px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#ffc2dd;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.tracking-hero h1{font-size:clamp(2.4rem,7vw,5.3rem);line-height:.96;margin:22px 0 16px}.tracking-hero p{color:#f5cddd;font-size:1.08rem}.tracking-form{margin:34px auto 0;text-align:left;background:rgba(23,1,12,.75);border:1px solid rgba(255,80,155,.45);border-radius:24px;padding:22px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.tracking-form label{display:block;font-weight:800;margin-bottom:10px}.tracking-form>div{display:flex;gap:10px}.tracking-form input{flex:1;min-width:0;padding:17px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:#fff;color:#2c0718;font:inherit;text-transform:uppercase}.tracking-form button{border:0;border-radius:14px;padding:0 24px;font-weight:900;color:#fff;background:linear-gradient(135deg,#ff2887,#c5005d);cursor:pointer}.tracking-form small{display:block;color:#d9a9bd;margin-top:10px}.tracking-result-shell{margin:42px auto 0;max-width:900px}.tracking-empty,.tracking-result{background:rgba(255,255,255,.97);color:#3b071f;border-radius:28px;padding:32px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.tracking-empty{text-align:center}.tracking-empty>span{font-size:2rem}.tracking-empty h2{margin:12px 0 6px}.tracking-empty p{color:#785267}.tracking-result-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:24px;border-bottom:1px solid #eed4e0}.tracking-number span,.tracking-meta span,.tracking-detail span{display:block;color:#91677a;font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.tracking-number strong{font-size:clamp(1.3rem,4vw,2.2rem);color:#c60060}.status-chip{padding:10px 16px;border-radius:999px;font-weight:900;background:#ffe0ee;color:#9d0049}.status-chip.ready,.status-chip.completed{background:#dff8eb;color:#14633d}.status-chip.cancelled{background:#ffe0e0;color:#9a1e1e}.tracking-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.tracking-step{position:relative;padding:20px 14px;border-radius:16px;background:#f7edf2;color:#896476;text-align:center;font-weight:800}.tracking-step.active{background:linear-gradient(135deg,#ff2d8b,#bd0059);color:#fff}.tracking-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.tracking-detail{padding:18px;border-radius:16px;background:#fff7fa}.tracking-detail strong{display:block;margin-top:7px}.tracking-items{margin-top:18px;padding:18px;border-radius:16px;background:#fff7fa}.tracking-items h3{margin:0 0 10px}.tracking-items ul{margin:0;padding-left:20px;color:#5e3c4d}.tracking-error{text-align:center;color:#9a1e1e}.tracking-error h2{margin-bottom:8px}@media(max-width:760px){.tracking-header .main-nav{display:none}.tracking-main{padding-top:42px}.tracking-form>div{flex-direction:column}.tracking-form button{padding:16px}.tracking-result-head{flex-direction:column}.tracking-progress,.tracking-grid{grid-template-columns:1fr}}
.tracking-qr{display:block;width:160px;height:160px;object-fit:contain;margin:18px auto;border:1px solid #ead4de;border-radius:16px;background:#fff;padding:6px}

/* V9 package component tracking */
.tracking-components{display:grid;gap:10px;margin:20px 0}.tracking-components-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.16)}.tracking-components-head span{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900}.tracking-components-head strong{font-size:11px;color:#ffd1e4}.tracking-component{display:grid;gap:5px;border:1px solid rgba(255,255,255,.18);border-radius:15px;padding:14px;background:rgba(255,255,255,.08)}.tracking-component>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.tracking-component h3{margin:0;font-size:17px}.tracking-component p{margin:0;font-size:12px;line-height:1.45;color:#f7d9e5}.component-status{font-size:10px;border-radius:999px;padding:6px 9px;background:#fff;color:#a80b4c;text-transform:uppercase;letter-spacing:.05em}

/* V10 invoice status */
.tracking-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.tracking-details>div{padding:15px;border-radius:15px;background:#fff7fa}.tracking-details span,.tracking-details strong{display:block}.tracking-details span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8f687a}.tracking-details strong{margin-top:5px}.tracking-overdue{background:#fff0f2!important;border:1px solid #efb6c1}.tracking-overdue strong{color:#a31931}.tracking-help{text-align:center;color:#765363}.tracking-help a{color:#b10b50;font-weight:900}@media(max-width:650px){.tracking-details{grid-template-columns:1fr}}