@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--bg: #060d1a;--panel: rgba(255, 255, 255, .05);--panel-2: rgba(255, 255, 255, .08);--text: #dce8f7;--muted: rgba(220, 232, 247, .6);--brand: #3d9fff;--brand-2: #5ef0ff;--brand-glow: rgba(61, 159, 255, .35);--danger: #ff5f6b;--success: #1fffa8;--shadow: 0 24px 60px rgba(0, 0, 0, .55);--radius: 16px}body{margin:0;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#060d1abf;border-bottom:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:100}.nav-links{display:flex;align-items:center;gap:.7rem}.nav-links a,.nav-links button{color:var(--text);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.45rem .8rem;text-decoration:none;cursor:pointer;font-family:inherit;font-size:.9rem;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.nav-links a:hover,.nav-links button:hover{transform:translateY(-2px);background:#ffffff14;border-color:#3d9fff4d;box-shadow:0 4px 16px #3d9fff1f}.container{max-width:720px;margin:2rem auto;padding:0 1rem}.card{background:linear-gradient(160deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.6rem}input,select,button{padding:.6rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);font-family:inherit}input,select{background:#ffffff0d;color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input:focus,select:focus{border-color:#3d9fff99;background:#3d9fff0d;box-shadow:0 0 0 3px #3d9fff1a,0 0 20px #3d9fff14}input::placeholder{color:#dce8f761}button{cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);color:#04101f;font-weight:700;font-family:"Syne",inherit;letter-spacing:.02em;border:none;padding:.85rem 1rem;border-radius:12px;position:relative;overflow:hidden;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 60%);opacity:0;transition:opacity .2s ease}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 8px 28px #3d9fff73,0 0 0 1px #5ef0ff33}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0);filter:brightness(.97)}.btn-link{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;margin-top:1.25rem;padding:.85rem;background:#ffffff08;color:#dce8f7a6;border:1px solid rgba(255,255,255,.08);border-radius:14px;font-family:inherit;font-size:.92rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-link:hover{background:#3d9fff12;color:var(--brand-2);border-color:#3d9fff4d;transform:translateY(-1px);box-shadow:0 4px 20px #0003}.btn-link:active{transform:translateY(0);background:#3d9fff1f}.btn-link-label{opacity:.8}.btn-link-action{font-weight:700;color:var(--brand-2);text-decoration:underline;text-underline-offset:4px}.btn-secondary{background:#3d9fff14;color:var(--brand-2);border:1px solid rgba(61,159,255,.25);padding:.65rem;border-radius:12px;cursor:pointer;font-family:inherit;font-weight:500;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.btn-secondary:hover:not(:disabled){background:#3d9fff26;border-color:#3d9fff80;box-shadow:0 0 16px #3d9fff33;transform:translateY(-1px)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-link-icon{font-size:1.1rem;transition:transform .25s ease}.btn-link:hover .btn-link-icon{transform:translate(4px)}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{flex:1;padding-right:3rem}.password-toggle-btn{position:absolute;right:.75rem;background:transparent;border:none;cursor:pointer;padding:.35rem;border-radius:6px;color:var(--muted);line-height:1;transition:background .12s ease,transform .12s ease}.password-toggle-btn:hover{background:#ffffff14;transform:scale(1.1)}.alert{border-radius:12px;padding:.75rem .9rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;font-size:.9rem;animation:alertPop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes alertPop{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.alert.error{border-color:#ff5f6b59;background:#ff5f6b1a;color:#ff8a92}.alert.success{border-color:#1fffa840;background:#1fffa814;color:var(--success)}.list{display:grid;gap:1rem}.muted{color:var(--muted)}.error{color:var(--danger)}.success{color:var(--success)}.auth-layout{min-height:100vh;display:flex}.auth-hero{flex:8;position:relative;min-height:100vh;overflow:hidden}@media(max-width:980px){.auth-layout{flex-direction:column}.auth-hero{min-height:55vh;flex:none}.auth-panel-right{flex:none}}.auth-panel{display:flex;position:relative;z-index:10;align-items:center;justify-content:flex-start;padding:2rem;width:100%;max-width:420px}.auth-panel-right{flex:2;max-width:480px;background:linear-gradient(160deg,#0a1224fa,#060d1a);border-left:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.auth-panel-right:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(61,159,255,.08),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.container-delivery{position:relative;width:min(420px,100%);z-index:20;perspective:1500px;transform:translate3d(-30vw,-20vh,-500px) rotateY(-45deg) scale(.1);visibility:hidden;opacity:0}.container-delivery.delivered{visibility:visible;opacity:1;transform:translateZ(0) rotateY(0) scale(1);transition:transform .7s cubic-bezier(.34,1.56,.64,1),opacity .3s ease,visibility 0s 0s;animation:landingImpact .4s .7s ease-out}@keyframes landingImpact{0%{transform:scaleY(1)}40%{transform:scaleY(.9) translateY(10px)}to{transform:scaleY(1) translateY(0)}}.auth-card{width:100%;background:linear-gradient(160deg,#ffffff17,#ffffff0a);border:1px solid rgba(255,255,255,.12);border-radius:22px;box-shadow:var(--shadow),inset 0 1px #ffffff1f,0 0 0 1px #3d9fff0d;padding:1.6rem 1.5rem 1.4rem;opacity:0;position:relative;z-index:10}.container-delivery.delivered .auth-card{animation:cardReveal .6s 1.6s cubic-bezier(.22,1,.36,1) both}.container-door{position:absolute;top:-1px;bottom:-1px;width:50.5%;background:#152238;border:2px solid rgba(255,255,255,.15);z-index:25;display:flex;flex-direction:column;justify-content:space-evenly;padding:0 15px;pointer-events:none;box-shadow:inset 0 0 50px #000c}.door-left{left:0;transform-origin:left;border-radius:22px 0 0 22px}.container-delivery.delivered .door-left{animation:doorOpenLeft 1.2s 1s cubic-bezier(.7,0,.3,1) forwards}.door-right{right:0;transform-origin:right;border-radius:0 22px 22px 0}.container-delivery.delivered .door-right{animation:doorOpenRight 1.2s 1s cubic-bezier(.7,0,.3,1) forwards}.package-drop-zone{position:absolute;bottom:42px;right:90px;width:40px;height:40px;opacity:0;animation:packageSpawn 11s linear infinite;z-index:100}.falling-package{font-size:2.2rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}@keyframes packageSpawn{0%{opacity:0;transform:translate(0) scale(.5)}12.5%{opacity:0;transform:translate(0) scale(.8)}13%{opacity:1;transform:translate(0) scale(1)}16%{opacity:1;transform:translate(15vw,-10vh) rotate(180deg) scale(1.5)}18%{opacity:0;transform:translate(25vw,-5vh) rotate(360deg) scale(2.5)}to{opacity:0}}@keyframes doorOpenLeft{0%{transform:rotateY(0)}to{transform:rotateY(-118deg);opacity:0}}@keyframes doorOpenRight{0%{transform:rotateY(0)}to{transform:rotateY(118deg);opacity:0}}@keyframes cardReveal{0%{opacity:0;transform:perspective(1500px) translate3d(0,20px,-100px)}to{opacity:1;transform:perspective(1500px) translateZ(0)}}.auth-header h2{margin:0;font-family:"Syne",inherit;font-size:1.7rem;font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,#ffffff 30%,var(--brand-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header p{margin:.4rem 0 1.1rem;font-size:.9rem;color:var(--muted)}.password-strength-meter{margin-top:.75rem;padding:.5rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.strength-bar{height:4px;width:0;border-radius:10px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);margin-bottom:.4rem}.strength-bar.weak{width:33%;background:linear-gradient(90deg,#ff4b2b,#ff416c);box-shadow:0 0 10px #ff4b2b4d}.strength-bar.medium{width:66%;background:linear-gradient(90deg,#f7971e,#ffd200);box-shadow:0 0 10px #f7971e4d}.strength-bar.strong{width:100%;background:linear-gradient(90deg,#00b09b,#96c93d);box-shadow:0 0 10px #00b09b4d}.strength-text{font-size:.75rem;margin:0;color:var(--muted);display:flex;justify-content:space-between}.strength-text strong{color:#fff;font-weight:600}.form{display:flex;flex-direction:column;gap:1.1rem}.field{display:flex;flex-direction:column;gap:.38rem;animation:fieldSlide .4s cubic-bezier(.22,1,.36,1) both}.field:nth-child(1){animation-delay:60ms}.field:nth-child(2){animation-delay:.12s}.field:nth-child(3){animation-delay:.18s}.field:nth-child(4){animation-delay:.24s}@keyframes fieldSlide{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.field label{font-size:.82rem;font-weight:500;color:#dce8f7bf;letter-spacing:.01em}.hero{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;padding:3.5rem 3.5rem 0;isolation:isolate}.auth-hero .hero{position:relative;min-height:100%}@media(max-width:980px){.hero{padding:2.4rem 1.6rem 0}}.hero-sky{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 700px 400px at 70% 0%,rgba(61,159,255,.14) 0%,transparent 60%),radial-gradient(ellipse 400px 300px at 20% 50%,rgba(94,240,255,.05) 0%,transparent 55%),linear-gradient(180deg,#071022,#050c1a,#030810)}.hero-sky:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 15% 12%,rgba(255,255,255,.75) 0%,transparent 100%),radial-gradient(1px 1px at 42% 8%,rgba(255,255,255,.55) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 68% 18%,rgba(255,255,255,.65) 0%,transparent 100%),radial-gradient(1px 1px at 85% 6%,rgba(255,255,255,.45) 0%,transparent 100%),radial-gradient(1px 1px at 30% 25%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 55% 22%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 78% 30%,rgba(255,255,255,.55) 0%,transparent 100%),radial-gradient(1px 1px at 10% 35%,rgba(255,255,255,.35) 0%,transparent 100%),radial-gradient(1px 1px at 92% 40%,rgba(255,255,255,.45) 0%,transparent 100%),radial-gradient(1px 1px at 24% 45%,rgba(255,255,255,.38) 0%,transparent 100%);will-change:opacity;animation:starTwinkle 5s ease-in-out infinite alternate}@keyframes starTwinkle{0%{opacity:.6}to{opacity:1}}.hero-sky:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(0deg,rgba(61,159,255,.1) 0%,transparent 100%);pointer-events:none}.sun{position:absolute;right:14%;top:12%;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#b4ebfff2 40%,#5ec8ffd9);will-change:box-shadow;animation:sunPulse 6s ease-in-out infinite}@keyframes sunPulse{0%,to{box-shadow:0 0 0 18px #5ef0ff12,0 0 0 40px #3d9fff0a,0 0 60px #5ef0ff33,0 0 120px #3d9fff1f}50%{box-shadow:0 0 0 26px #5ef0ff1c,0 0 0 58px #3d9fff0f,0 0 80px #5ef0ff47,0 0 160px #3d9fff29}}.sun:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(94,240,255,.055) 9deg,transparent 18deg,rgba(94,240,255,.04) 27deg,transparent 36deg,rgba(94,240,255,.055) 45deg,transparent 54deg,rgba(94,240,255,.04) 63deg,transparent 72deg,rgba(94,240,255,.055) 81deg,transparent 90deg,rgba(94,240,255,.04) 99deg,transparent 108deg,rgba(94,240,255,.055) 117deg,transparent 126deg,rgba(94,240,255,.04) 135deg,transparent 144deg,rgba(94,240,255,.055) 153deg,transparent 162deg,rgba(94,240,255,.04) 171deg,transparent 180deg,rgba(94,240,255,.055) 189deg,transparent 198deg,rgba(94,240,255,.04) 207deg,transparent 216deg,rgba(94,240,255,.055) 225deg,transparent 234deg,rgba(94,240,255,.04) 243deg,transparent 252deg,rgba(94,240,255,.055) 261deg,transparent 270deg,rgba(94,240,255,.04) 279deg,transparent 288deg,rgba(94,240,255,.055) 297deg,transparent 306deg,rgba(94,240,255,.04) 315deg,transparent 324deg,rgba(94,240,255,.055) 333deg,transparent 342deg,rgba(94,240,255,.04) 351deg,transparent 360deg);will-change:transform;animation:raysSpin 25s linear infinite}.sun:after{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;border-radius:50%;background:radial-gradient(circle,rgba(94,240,255,.1) 0%,transparent 70%);animation:sunGlowPulse 4s ease-in-out infinite}@keyframes sunGlowPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:.8}}@keyframes raysSpin{to{transform:rotate(360deg)}}.cloud{position:absolute;width:180px;height:52px;background:#fff1;border:1px solid rgba(255,255,255,.055);border-radius:999px;will-change:transform}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff1;border-radius:999px}.cloud:before{width:80px;height:80px;left:20px;top:-34px}.cloud:after{width:100px;height:100px;left:72px;top:-48px}.cloud-1{top:16%;animation:cloudA 22s -3s linear infinite}.cloud-2{top:28%;opacity:.65;animation:cloudB 31s -9s linear infinite}.cloud-3{top:10%;opacity:.5;animation:cloudC 39s -19s linear infinite}.cloud-4{top:38%;opacity:.4;animation:cloudD 25s -5s linear infinite}@keyframes cloudA{0%{transform:translate(-220px) translateY(0)}50%{transform:translate(42vw) translateY(-5px)}to{transform:translate(calc(100vw + 220px)) translateY(0)}}@keyframes cloudB{0%{transform:translate(-240px) scale(.75) translateY(0)}50%{transform:translate(42vw) scale(.75) translateY(-4px)}to{transform:translate(calc(100vw + 180px)) scale(.75) translateY(0)}}@keyframes cloudC{0%{transform:translate(-260px) scale(1.1) translateY(0)}50%{transform:translate(42vw) scale(1.1) translateY(-6px)}to{transform:translate(calc(100vw + 240px)) scale(1.1) translateY(0)}}@keyframes cloudD{0%{transform:translate(-200px) scale(.6) translateY(0)}50%{transform:translate(42vw) scale(.6) translateY(-3px)}to{transform:translate(calc(100vw + 160px)) scale(.6) translateY(0)}}.hero-content{position:relative;max-width:680px;z-index:5;animation:contentReveal .9s cubic-bezier(.22,1,.36,1) both}@keyframes contentReveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.38rem .7rem;border-radius:999px;background:#3d9fff1a;border:1px solid rgba(61,159,255,.22);color:var(--brand-2);font-weight:600;font-size:.85rem;letter-spacing:.02em;animation:badgePop .6s .1s cubic-bezier(.34,1.56,.64,1) both}@keyframes badgePop{0%{opacity:0;transform:scale(.8) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.hero-title{margin:1rem 0 .6rem;font-family:"Syne",inherit;font-size:clamp(2.2rem,3.5vw,3.4rem);line-height:1.03;letter-spacing:-.045em;font-weight:800;animation:titleReveal .7s .2s cubic-bezier(.22,1,.36,1) both}@keyframes titleReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-title span{background:linear-gradient(135deg,var(--brand) 20%,var(--brand-2) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{margin:0 0 1.4rem;color:var(--muted);font-size:1rem;max-width:50ch;line-height:1.65;animation:titleReveal .7s .32s cubic-bezier(.22,1,.36,1) both}.hero-stats{display:flex;gap:.85rem;flex-wrap:wrap;animation:titleReveal .7s .44s cubic-bezier(.22,1,.36,1) both}.stat{min-width:140px;padding:.9rem 1rem;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;will-change:transform;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.stat:hover{transform:translateY(-3px);border-color:#3d9fff40;box-shadow:0 8px 24px #3d9fff1a}.stat-value{font-family:"Syne",inherit;font-size:1.2rem;font-weight:800;background:linear-gradient(135deg,#fff 40%,var(--brand-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{color:var(--muted);font-size:.82rem;margin-top:.15rem}.hero-road{position:absolute;left:0;right:0;bottom:0;height:180px;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(2,8,20,.55) 40%,rgba(2,8,20,.92) 80%,rgba(2,8,20,1) 100%)}.hero-road:before{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,#0c142600,#0c1426e6)}.road-lines{position:absolute;left:-25%;right:-25%;bottom:40px;height:6px;background:repeating-linear-gradient(90deg,rgba(220,232,247,.5) 0,rgba(220,232,247,.5) 28px,transparent 28px,transparent 64px);will-change:transform;animation:dashScroll .85s linear infinite}@keyframes dashScroll{0%{transform:translate(0)}to{transform:translate(64px)}}.auth-card:hover{border-color:#3d9fff4d;box-shadow:var(--shadow),0 0 40px #3d9fff1a}.btn-primary{overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:none}.btn-primary:hover:after{animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.hero-title span{text-shadow:0 0 20px rgba(61,159,255,.3)}.truck-wrapper{position:absolute;left:0;bottom:42px;width:480px;z-index:3;pointer-events:none;will-change:transform;animation:truckRoll 11s linear infinite}@keyframes truckRoll{0%{transform:translate(-520px)}to{transform:translate(calc(100vw + 200px))}}.truck-wrapper img{width:100%;height:auto;display:block;filter:drop-shadow(0 14px 30px rgba(0,0,0,.85)) drop-shadow(0 0 36px rgba(61,159,255,.1));animation:truckBounce 1s ease-in-out infinite}@keyframes truckBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.truck-wrapper img+span,.truck-headlight{position:absolute;right:-40px;top:50%;width:100px;height:36px;border-radius:50%;background:#3d9fff66;filter:blur(14px);transform:translateY(-50%);pointer-events:none}.truck-ground-glow{position:absolute;left:0;bottom:36px;width:450px;height:16px;border-radius:50%;background:#3d9fff1f;filter:blur(8px);z-index:2;pointer-events:none;will-change:transform;animation:truckRoll 11s linear infinite}.history-card{padding:1.5rem;gap:1.5rem}.history-route{display:flex;align-items:center;justify-content:space-between;background:#ffffff05;padding:1rem;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.route-point{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:100px}.route-pin{font-size:1.5rem;background:#ffffff0d;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.from-pin{box-shadow:0 0 15px #3d9fff33}.to-pin{box-shadow:0 0 15px #1fffa833}.route-name{font-weight:600;font-size:.9rem;color:var(--text);text-align:center}.route-path{flex:1;position:relative;display:flex;align-items:center;justify-content:center;margin:0 1.5rem;min-height:40px}.route-line{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(61,159,255,.5) 10%,rgba(31,255,168,.5) 90%,transparent 100%);border-radius:2px;transform:translateY(-50%)}.route-line:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 5px,var(--bg) 5px,var(--bg) 10px);animation:moveDashes 20s linear infinite reverse}@keyframes moveDashes{0%{background-position:0 0}to{background-position:100px 0}}.route-truck{position:absolute;font-size:1.5rem;background:var(--bg);padding:0 5px;z-index:2;animation:driveTruck 4s ease-in-out infinite alternate}@keyframes driveTruck{0%{left:10%;transform:translate(-50%)}to{left:90%;transform:translate(-50%)}}.history-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.history-details p{margin:0;display:flex;flex-direction:column;gap:.3rem;font-size:.95rem}.history-details p span:first-child{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.status-badge{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);width:fit-content}.status-created{background:#3d9fff1a;color:var(--brand);border-color:#3d9fff4d}.status-assigned{background:#f7971e1a;color:#ffd200;border-color:#f7971e4d}.status-in_transit{background:#96c93d1a;color:#96c93d;border-color:#96c93d4d}.status-completed{background:#1fffa81a;color:var(--success);border-color:#1fffa84d}