@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--bg-app:#f8fafc;--color-primary:#1d4ed8;--color-primary-hover:#1e40af;--color-accent:#f97316;--color-text-main:#0f172a;--color-text-muted:#64748b;--card-bg:#fff;--card-border:#e2e8f0;--tracking-card-bg:#1e70e7;--tracking-card-text:#fff;--tracking-card-label:#3bf1ff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;font-family:var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:var(--bg-app);color:var(--color-text-main)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);-webkit-font-smoothing:antialiased;justify-content:center;min-height:100vh;margin:0;display:flex}#root{width:100%;max-width:520px;box-shadow:var(--shadow-lg);background-color:#fff;flex-direction:column;min-height:100vh;display:flex;position:relative}.app-container{flex-direction:column;gap:24px;padding:24px 24px 100px;display:flex}.header{margin-bottom:8px;padding-left:16px;position:relative}.header:before{content:"";background-color:var(--color-primary);border-radius:2px;width:4px;position:absolute;top:0;bottom:0;left:0}.header h1{color:var(--color-text-main);font-size:28px;font-weight:700;line-height:1.2}.divider{background-color:#cbd5e1;width:40px;height:2px;margin:8px 0}.subtitle{color:var(--color-text-muted);font-size:14px;font-weight:500}.header-container{text-align:center;flex-direction:column;align-items:center;margin-top:12px;display:flex}.header-container .header:before{display:none}.header-container h1{letter-spacing:.5px;font-size:32px}.header-container .divider{background-color:var(--color-primary);width:50px;height:3px;margin:8px auto}.track-form{flex-direction:column;gap:16px;margin-top:12px;display:flex}.input-group{flex-direction:column;gap:6px;display:flex}.input-field{width:100%;color:var(--color-text-main);background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:12px 16px;font-size:16px;transition:all .2s}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1d4ed826}.btn-track{color:#fff;background-color:var(--color-primary);cursor:pointer;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:background-color .2s,transform .1s}.btn-track:hover{background-color:var(--color-primary-hover)}.btn-track:active{transform:scale(.98)}.btn-track:disabled{background-color:var(--color-text-muted);cursor:not-allowed;opacity:.7}.tracking-result-section{flex-direction:column;gap:20px;margin-top:16px;animation:.3s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tracking-title{color:var(--color-text-main);margin-bottom:4px;font-size:20px;font-weight:700}.tracking-info-card{background-color:var(--tracking-card-bg);color:var(--tracking-card-text);box-shadow:var(--shadow-md);border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.info-item{border-bottom:1px solid #fff3;padding-bottom:12px}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-label{color:var(--tracking-card-label);text-transform:capitalize;margin-bottom:4px;font-size:14px;font-weight:700}.info-value{font-size:16px;font-weight:500;line-height:1.4}.timeline-container{justify-content:space-between;align-items:flex-start;margin:32px 0 20px;padding:0 10px;display:flex;position:relative}.timeline-line{z-index:1;background-color:#cbd5e1;height:6px;position:absolute;top:24px;left:30px;right:30px}.timeline-line-fill{background-color:var(--color-accent);height:100%;transition:width .4s}.timeline-step{z-index:2;text-align:center;flex-direction:column;align-items:center;width:80px;display:flex;position:relative}.timeline-icon-wrapper{color:#64748b;width:48px;height:48px;box-shadow:var(--shadow-sm);background-color:#cbd5e1;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;transition:all .3s;display:flex}.timeline-step.active .timeline-icon-wrapper{background-color:var(--color-accent);color:#fff;box-shadow:0 0 0 4px #f9731633}.timeline-step-icon{fill:currentColor;width:20px;height:20px}.timeline-label{color:var(--color-text-muted);font-size:11px;font-weight:600;line-height:1.3}.timeline-step.active .timeline-label{color:var(--color-text-main);font-weight:700}.call-btn-container{border-top:1px solid var(--card-border);z-index:10;background-color:#fff;justify-content:center;width:100%;max-width:520px;padding:16px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.call-btn{color:#fff;text-align:center;background-color:#0091ff;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:16px;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 12px #0091ff4d}.call-btn:hover{background-color:#007ce5;box-shadow:0 6px 16px #0091ff66}.call-btn:active{transform:scale(.98)}.spinner-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 0;display:flex}.spinner{border:4px solid #cbd5e1;border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--color-text-muted);font-size:15px;font-weight:500}.error-card{color:#991b1b;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:8px;margin-top:12px;padding:16px;font-size:14px;font-weight:500;line-height:1.5}