:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#2c3e50;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;margin:0}.tracking-timeline{flex-direction:column;gap:2rem;display:flex}.current-status-banner{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;box-shadow:0 2px 4px #00000005}.status-label{color:#718096;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:600}.status-value{color:#2d3748;text-transform:capitalize;font-size:1.5rem;font-weight:800}.status-value.delivered{color:#38a169}.status-value.transit{color:#3182ce}.status-value.outfordelivery{color:#d69e2e}.status-value.exception{color:#e53e3e}.shipment-details-grid{background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:1.5rem;display:grid}.detail-item{flex-direction:column;gap:.3rem;display:flex}.detail-label{color:#718096;font-size:.8rem;font-weight:500}.detail-value{color:#2d3748;font-size:1rem;font-weight:600}.progress-chain-container{-ms-overflow-style:none;scrollbar-width:none;padding:1rem 0;overflow-x:auto}.progress-chain-container::-webkit-scrollbar{display:none}.progress-chain{justify-content:space-between;min-width:600px;padding:0 1rem;display:flex}.stage-wrapper{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.stage-icon-box{z-index:2;color:#a0aec0;background:#edf2f7;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 2px 5px #0000000d}.stage-wrapper.active .stage-icon-box{color:#3182ce;background:#ebf8ff;border-color:#3182ce}.stage-wrapper.completed .stage-icon-box{color:#fff;background:#3182ce;border-color:#3182ce}@keyframes breathing{0%{transform:scale(1.15);box-shadow:0 0 #3182ceb3}70%{transform:scale(1.25);box-shadow:0 0 0 10px #3182ce00}to{transform:scale(1.15);box-shadow:0 0 #3182ce00}}.stage-wrapper.current .stage-icon-box{color:#fff;background:#3182ce;animation:2s infinite breathing}.stage-line{z-index:1;background:#edf2f7;width:100%;height:3px;position:absolute;top:25px;left:50%}.stage-wrapper:last-child .stage-line{display:none}.stage-line.filled{background:#3182ce}.stage-info{text-align:center;margin-top:1rem}.stage-name{color:#a0aec0;margin-bottom:.2rem;font-size:.85rem;font-weight:600;display:block}.stage-wrapper.active .stage-name{color:#2d3748}.activity-log{margin-top:1rem}.activity-header{color:#2d3748;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.1rem;font-weight:700;display:flex}.log-list{border-left:2px solid #e2e8f0;margin-left:10px;padding-left:20px;position:relative}.log-item{opacity:0;margin-bottom:2rem;animation:.3s ease-out forwards slideIn;position:relative}.log-item:last-child{margin-bottom:0}.log-dot{background:#fff;border:2px solid #cbd5e0;border-radius:50%;width:10px;height:10px;position:absolute;top:5px;left:-26px}.log-item:first-child .log-dot{background:#3182ce;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce33}.log-content{background:#fff}.log-status{color:#2d3748;margin-bottom:.25rem;font-size:1rem;font-weight:600}.log-meta{color:#718096;gap:1rem;font-size:.85rem;display:flex}.log-location,.log-time{align-items:center;gap:.3rem;display:flex}@keyframes slideIn{to{opacity:1;transform:translate(0)}}@media (width<=600px){.shipment-details-grid{grid-template-columns:1fr;gap:1rem}.progress-chain-container{overflow-x:visible}.progress-chain{flex-direction:column;gap:0;min-width:auto;padding:0}.stage-wrapper{flex-direction:row;align-items:flex-start;width:100%;min-height:80px;padding-bottom:2rem}.stage-icon-box{z-index:2;background:#edf2f7;flex-shrink:0;width:40px;height:40px;font-size:1.2rem}.stage-wrapper.current .stage-icon-box{transform:scale(1)}.stage-info{text-align:left;flex-direction:column;flex:1;justify-content:center;margin-top:5px;margin-left:1rem;display:flex}.stage-name{margin-bottom:.2rem;font-size:1rem}.stage-line{z-index:1;background:#e2e8f0;width:3px;height:100%;top:40px;left:20px;transform:translate(-50%)}.stage-wrapper:last-child{min-height:auto;padding-bottom:0}.stage-wrapper:last-child .stage-line{display:none}}.tracking-page.theme-dark .current-status-banner{background:#1e293b;border-color:#334155}.tracking-page.theme-dark .status-label{color:#94a3b8}.tracking-page.theme-dark .status-value{color:#f8fafc}.tracking-page.theme-dark .shipment-details-grid{background:#1e293b;border-color:#334155}.tracking-page.theme-dark .detail-label{color:#94a3b8}.tracking-page.theme-dark .detail-value{color:#f1f5f9}.tracking-page.theme-dark .stage-name{color:#64748b}.tracking-page.theme-dark .stage-wrapper.active .stage-name{color:#e2e8f0}.tracking-page.theme-dark .stage-line{background:#334155}.tracking-page.theme-dark .stage-line.filled{background:#60a5fa}.tracking-page.theme-dark .stage-icon-box{color:#64748b;background:#0f172a;border-color:#334155}.tracking-page.theme-dark .stage-wrapper.active .stage-icon-box{color:#93c5fd;background:#1e40af;border-color:#3b82f6}.tracking-page.theme-dark .stage-wrapper.completed .stage-icon-box{color:#fff;background:#3b82f6;border-color:#3b82f6}.tracking-page.theme-dark .stage-wrapper.current .stage-icon-box{color:#fff;background:#3b82f6;box-shadow:0 0 0 4px #3b82f64d}.tracking-page.theme-dark .activity-header{color:#f1f5f9}.tracking-page.theme-dark .log-list{border-left-color:#334155}.tracking-page.theme-dark .log-content{background:0 0}.tracking-page.theme-dark .log-status{color:#f1f5f9}.tracking-page.theme-dark .log-meta{color:#94a3b8}.tracking-page.theme-dark .log-dot{background:#0f172a;border-color:#475569}.tracking-page.theme-dark .log-item:first-child .log-dot{background:#3b82f6;border-color:#3b82f6}.tracking-page{min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:background-color .3s,color .3s;display:block}.tracking-page.theme-light{color:#2c3e50;background-color:#f0f2f5}.tracking-page.theme-purple-blue{color:#2c3e50;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.tracking-page.theme-ocean-teal{color:#2c3e50;background:linear-gradient(135deg,#2b5876 0%,#4e4376 100%)}.tracking-page.theme-dark{color:#e2e8f0;background-color:#0f172a}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.main-title{display:block}.theme-switcher{background:#fff;border-radius:50px;gap:.5rem;padding:.5rem;display:flex;position:absolute;top:1rem;right:2rem;box-shadow:0 4px 12px #0000001a}.theme-btn{cursor:pointer;color:#718096;background:0 0;border:none;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.theme-btn:hover{background:#edf2f7}.theme-btn.active{color:#2d3748;background:#cbd5e0}.tracking-page.theme-dark .tracking-container{color:#f1f5f9;background:#1e293b;border:1px solid #334155;box-shadow:0 4px 6px -1px #00000080,0 2px 4px -1px #0000004d}.tracking-page.theme-dark .tracking-header h1{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tracking-page.theme-dark .tracking-header p{color:#94a3b8}.tracking-page.theme-dark .theme-switcher{background:#1e293b;border:1px solid #334155;box-shadow:0 4px 6px -1px #0000004d}.tracking-page.theme-dark .theme-btn{color:#94a3b8}.tracking-page.theme-dark .theme-btn:hover{color:#fff;background:#334155}.tracking-page.theme-dark .theme-btn.active{color:#fff;background:#2563eb}.tracking-page.theme-dark .brand-logo{filter:brightness(0)invert()}@media (width<=768px){.tracking-page.theme-dark .tracking-container{padding:1.5rem 1rem}}.tracking-container{background:#fff;border-radius:20px;width:95%;max-width:1200px;margin:0 auto;padding:2.5rem;transition:background-color .3s,box-shadow .3s;box-shadow:0 20px 60px #0000001a}@media (width<=768px){.tracking-page{padding:1rem .5rem}.tracking-container{border-radius:12px;width:100%;padding:1.5rem 1rem}.theme-switcher{box-sizing:border-box;justify-content:center;width:100%;margin-bottom:2rem;position:static}}.tracking-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.brand-logo{object-fit:contain;width:auto;max-width:80%;height:80px;margin-bottom:.5rem}.subtitle{color:#718096;letter-spacing:.5px;font-size:1.1rem;font-weight:500}.tracking-header h1{color:#2c3e50;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.tracking-header p{color:#7f8c8d;font-size:1.1rem}.error-message{color:#c33;background:#fee;border:2px solid #fcc;border-radius:10px;align-items:center;gap:.5rem;margin:1.5rem 0;padding:1rem;display:flex}.loading-spinner{text-align:center;padding:3rem}.spinner{border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tracking-results{animation:.6s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.tracking-page{padding:1rem}.tracking-container{padding:1.5rem}.tracking-header h1{font-size:2rem}}#root{width:100%;min-height:100vh}