.tracking-page{width:100%;max-width:680px;margin:0 auto;padding:36px 16px 52px;box-sizing:border-box;color:#262626;font:16px/1.6 ui-sans-serif,system-ui,sans-serif;flex:1}
.tracking-page *{box-sizing:border-box;min-width:0;box-shadow:none!important}
.tracking-intro{text-align:center;margin-bottom:28px}.tracking-intro h1{font-size:clamp(26px,4vw,34px);line-height:1.25;font-weight:750;margin:0 0 12px}.tracking-intro p{color:#60666c;margin:0}
.tracking-card{background:#fff;border:1px solid #d5d8dc;border-radius:12px;padding:28px;text-align:left}.tracking-card h2{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;line-height:1.4;margin:0 0 14px}.tracking-card h2 svg{flex-shrink:0}
#tracking-help{color:#60666c;margin:0 0 24px}.tracking-field{display:block;margin:0 0 20px}.tracking-field label{display:block;width:100%;font-weight:600;margin-bottom:8px;word-break:normal;overflow-wrap:normal}
.tracking-field input{display:block;width:100%;height:50px;min-width:0;border:1px solid #9ca3af;border-radius:8px;padding:12px;color:#171717;background:white;text-align:left;font:inherit;font-size:16px}#tracking-token{font-family:ui-monospace,monospace;font-size:14px}
#trackForm #searchBtn{display:block;width:100%;min-height:50px;padding:12px;border:1px solid #171717;border-radius:8px;background:#171717;color:white;font:inherit;font-weight:650;cursor:pointer;white-space:normal;word-break:normal;overflow-wrap:normal}#trackForm #searchBtn:hover{background:#303030}#trackForm #searchBtn:active{background:#000}#trackForm #searchBtn:disabled{background:#404040;opacity:1;cursor:wait}
.tracking-page :is(a,input,button):focus-visible{outline:3px solid #525252;outline-offset:3px}.tracking-page a{color:#262626;text-decoration:underline;text-underline-offset:3px}.tracking-note,.tracking-contact-note{font-size:14px;color:#60666c;margin:20px 0 0}.tracking-contact-note{text-align:center}
#errorMsg{border:1px solid #b91c1c;border-radius:8px;padding:12px;color:#991b1b;background:#fff7f7;margin-top:18px;overflow-wrap:break-word}#resultContainer{border-top:1px solid #d5d8dc;padding-top:24px;margin-top:24px}#details p{padding:10px 0;margin:0;border-bottom:1px solid #ececec;overflow-wrap:anywhere}#details strong{display:block;font-size:13px;font-weight:500;color:#666}#details span{display:block;font-weight:600}
.tracking-page .hidden{display:none!important}@media(max-width:430px){.tracking-card{padding:20px 16px}.tracking-card h2{font-size:18px}.tracking-page{padding-top:28px}}
#details .tracking-status{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;margin-top:5px;border:1px solid;border-radius:8px;font-size:16px;line-height:1.45}
#details .tracking-status span{display:inline;font-weight:650}.tracking-status svg{flex-shrink:0}
.status-pending{color:#854d0e;background:#fffbeb;border-color:#fde68a!important}.status-processing{color:#6b21a8;background:#faf5ff;border-color:#e9d5ff!important}.status-completed{color:#166534;background:#f0fdf4;border-color:#bbf7d0!important}.status-rejected{color:#991b1b;background:#fef2f2;border-color:#fecaca!important}.status-cancelled,.status-unknown{color:#4b5563;background:#f9fafb;border-color:#d1d5db!important}
#btnLoader{display:flex;align-items:center;justify-content:center;gap:10px}#btnLoader svg{flex-shrink:0}.tracking-spinner{animation:tracking-spin 1.3s linear infinite;transform-origin:center}@keyframes tracking-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tracking-spinner{animation:none}}