:root{font-family:Kanit,system-ui,sans-serif;color:#082652;background:#edf3fa}*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit}button,input{font:inherit}[hidden]{display:none!important}.tracking-app{max-width:500px;min-height:100dvh;margin:auto;background:#fff;padding-bottom:90px;box-shadow:0 0 45px #14396512}header{display:flex;gap:16px;align-items:center;background:#0542a3;color:#fff;padding:20px}header>a{font-size:28px}header h1{font-size:23px;margin:0}.brand{display:flex;justify-content:center;align-items:center;width:43px;height:43px;border-radius:50%;font-size:23px;font-weight:900;font-style:italic;background:#ffcf00;color:#083c88}#tracking-search{display:flex;gap:0;padding:0 18px 18px;background:#0542a3}#job-code{min-width:0;flex:1;border:0;background:#fff;border-radius:12px 0 0 12px;padding:15px;color:#152d50;font-size:16px}#tracking-search button{width:60px;border:0;border-radius:0 12px 12px 0;background:#ffcf00;color:#003d9c;font-size:30px;cursor:pointer}.search-note{font-size:11px;color:#64748b;padding:0 20px}#tracking-message:not(:empty){padding:13px 16px;margin:15px 18px;background:#fff4cb;border-radius:12px;font-size:14px}.empty-state{padding:40px 24px;text-align:center}.empty-art{position:relative;width:220px;height:205px;border-radius:50%;background:linear-gradient(135deg,#f0f9ff,#e1edfc);margin:15px auto 35px;display:grid;place-items:center}.empty-art>span{font-size:110px;filter:drop-shadow(0 12px 8px #2e68a830)}.empty-art>b{position:absolute;right:6px;bottom:0;font-size:100px;color:#0056c4;line-height:1}.empty-state h2{font-size:27px;margin:10px 0}.empty-state p{font-size:16px;color:#68788b;line-height:1.6;margin:8px 0 28px}.button{border-radius:12px;padding:14px 12px;text-align:center;font-weight:700;font-size:16px;cursor:pointer;display:block;border:1px solid transparent}.yellow{background:#ffcf00;color:#073b86}.blue{background:#0343aa;color:white}.outline{border-color:#123a70;background:white;color:#123a70}.empty-state .button{margin:12px 0}.job-card{margin:18px 14px;padding:18px;border:1px solid #e2eaf4;border-radius:18px;box-shadow:0 3px 14px #153b6c08}.job-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.job-heading h2{font-size:22px;overflow-wrap:anywhere;margin:0}.live-label{font-size:10px;background:#e9f3ff;padding:7px;border-radius:8px;white-space:nowrap}.status-heading{display:flex;gap:14px;align-items:center;margin:20px 0}.status-heading>span{font-size:32px;background:#edf6ff;border-radius:50%;padding:10px}.status-heading h3{margin:0;color:#0041b8;font-size:21px}.status-heading p{font-size:12px;color:#6b7b90;line-height:1.6;margin:4px 0}.location-card{background:linear-gradient(130deg,#edf7ff,#f7fafc);border:1px solid #e3eefa;border-radius:14px;text-align:center;padding:18px}.location-card>div{font-size:35px;color:#0958ba}.location-card h3{font-size:17px;margin:7px}.location-card p{font-size:13px;color:#68788b;line-height:1.7}.text-link{color:#0043b8;font-size:14px;font-weight:700}.timeline{padding:15px 0 0;list-style:none}.timeline li{position:relative;padding:0 0 22px 45px;min-height:66px;color:#778291}.timeline li:before{content:'';position:absolute;left:14px;top:26px;bottom:0;width:3px;background:#d7dfe9}.timeline li:last-child:before{display:none}.timeline strong{display:block;font-size:16px}.timeline small{display:block;font-size:12px;margin-top:4px;color:#788596}.step-marker{position:absolute;top:0;left:0;width:30px;height:30px;border-radius:50%;border:3px solid #a7b3c2;background:white;color:#a7b3c2;display:grid;place-items:center;font-weight:bold}.timeline .done,.timeline .current{color:#003fa7}.done .step-marker{border-color:#075acb;background:#075acb;color:white}.current .step-marker{border-color:#075acb;color:#075acb}.done:before{background:#075acb!important}.result-actions{display:flex;gap:10px}.result-actions>*{flex:1;min-width:0;font-size:14px}#result-details{font-size:14px;line-height:1.6;border-top:1px solid #e5edf6;margin-top:18px;padding-top:14px;overflow-wrap:anywhere}dt{font-weight:bold}dd{margin:4px 0 14px;color:#60748a}.refresh{display:block;margin:15px auto;border:0;color:#0343aa;background:none;cursor:pointer}.refresh-note{font-size:11px;color:#73829a;text-align:center}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:500px;display:flex;justify-content:space-around;border-top:1px solid #e5eaf1;background:#fff;padding:12px 6px max(14px,env(safe-area-inset-bottom));z-index:5}.bottom-nav a{text-align:center;display:flex;flex-direction:column;gap:3px;color:#778391;font-size:24px;flex:1}.bottom-nav span{font-size:11px}.bottom-nav a[aria-current]{color:#004cd9;font-weight:bold}.bottom-nav a[aria-current]:after{content:'';width:32px;height:3px;background:#0050dd;border-radius:10px;margin:1px auto 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #428eff;outline-offset:3px}@media(min-width:750px){body{padding:25px 0}.tracking-app{min-height:calc(100dvh - 50px);border-radius:22px;overflow:hidden}.bottom-nav{bottom:0}}@media(max-width:360px){.empty-state{padding:20px 16px}.job-card{padding:14px}.job-heading h2{font-size:19px}}
.empty-picture{display:block;width:240px;max-width:100%;height:240px;object-fit:contain;margin:0 auto 25px}