:root{--ink:#172033;--muted:#687386;--line:#dce4ef;--blue:#1368d8;--blue-dark:#0d4fb3;--teal:#0f9c8f;--green:#16845c;--red:#d63b3b;--paper:#ffffff;--card:#ffffff;--field:#ffffff;--field-soft:#f7f9fc;--soft:#f4f7fb;--gold:#d59b22;--shadow:rgba(23,32,51,0.2)}:root[data-theme=dark]{--ink:#edf3fb;--muted:#a5b3c6;--line:#26374d;--blue:#5ca2ff;--blue-dark:#84b8ff;--teal:#3fd0c1;--green:#4fd69b;--red:#ff7272;--paper:#111927;--card:#162235;--field:#0f1724;--field-soft:#111c2c;--soft:#0c1320;--gold:#f0bb42;--shadow:rgba(0,0,0,0.34)}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:var(--soft);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.panel-topline,.tracking-actions{align-items:center;display:flex;gap:12px;justify-content:space-between}.theme-toggle{align-items:center;background:var(--field);border:1px solid var(--line);border-radius:8px;color:var(--ink);display:inline-flex;font-weight:800;gap:8px;min-height:38px;padding:0 12px}.helper-copy{color:var(--muted);font-size:13px;font-weight:700;margin:12px 0 0!important}.home-page{background:linear-gradient(115deg,rgba(15,156,143,.18) 0 18%,transparent 18% 42%,rgba(213,155,34,.12) 42% 44%,transparent 44%),linear-gradient(245deg,rgba(19,104,216,.2) 0 22%,transparent 22% 58%,rgba(15,156,143,.1) 58% 62%,transparent 62%),linear-gradient(180deg,#101416,#17232b 52%,#11151d);background-position:50%;background-size:cover}.admin-login,.center-page,.home-page{align-items:center;display:flex;justify-content:center;min-height:100svh;padding:24px;position:relative;overflow:hidden}.admin-login,.center-page{background:linear-gradient(120deg,rgba(19,104,216,.08),transparent 36%),linear-gradient(240deg,rgba(15,156,143,.12),transparent 42%),linear-gradient(180deg,#f8fbff,#edf3f8);background-position:50%;background-size:cover}.home-page:after,.home-page:before{content:"";pointer-events:none;position:absolute}.home-page:before{background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.06) 1px,transparent 0);background-size:68px 68px;inset:0;-webkit-mask-image:linear-gradient(180deg,transparent,black 18%,black 78%,transparent);mask-image:linear-gradient(180deg,transparent,black 18%,black 78%,transparent);opacity:.52}.home-page:after{animation:runway-drift 11s linear infinite;background:repeating-linear-gradient(105deg,transparent 0 34px,rgba(255,255,255,.09) 34px 36px,transparent 36px 70px,rgba(15,156,143,.12) 70px 72px),linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);inset:-25% -15%;opacity:.58;transform:rotate(-2deg)}:root[data-theme=dark] .admin-login,:root[data-theme=dark] .center-page{background:linear-gradient(120deg,rgba(92,162,255,.12),transparent 36%),linear-gradient(240deg,rgba(63,208,193,.11),transparent 42%),linear-gradient(180deg,#07101c,#0c1320);background-position:50%;background-size:cover}:root[data-theme=dark] .home-page{background:linear-gradient(115deg,rgba(63,208,193,.16) 0 18%,transparent 18% 42%,rgba(240,187,66,.1) 42% 44%,transparent 44%),linear-gradient(245deg,rgba(92,162,255,.18) 0 22%,transparent 22% 58%,rgba(63,208,193,.08) 58% 62%,transparent 62%),linear-gradient(180deg,#070b10,#0f1724 52%,#070a10)}.empty-card,.login-card,.lookup-panel{background:color-mix(in srgb,var(--card) 94%,transparent);border:1px solid var(--line);border-radius:8px;box-shadow:0 28px 80px var(--shadow);max-width:500px;padding:34px;position:relative;width:100%;z-index:1}.lookup-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.lookup-panel:before{animation:panel-sweep 4.5s ease-in-out infinite;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--blue) 36%,transparent),transparent);content:"";height:2px;left:-35%;position:absolute;right:auto;top:0;width:35%}.empty-card h1,.login-card h1,.lookup-panel h1{font-size:clamp(26px,4vw,38px);line-height:1.05;margin:24px 0 12px}.empty-card p,.login-card p,.lookup-panel p{color:var(--muted);line-height:1.6;margin:0 0 24px}.brand-mark{align-items:center;display:flex;gap:12px}.brand-icon{align-items:center;background:linear-gradient(135deg,var(--blue),var(--teal));border-radius:8px;box-shadow:0 10px 26px color-mix(in srgb,var(--blue) 28%,transparent);color:white;display:inline-flex;height:46px;justify-content:center;width:46px}.brand-word{font-size:20px;font-weight:800}.brand-word b{color:var(--blue)}.moto-route{margin:26px 0 8px}.route-labels{color:var(--muted);display:flex;font-size:11px;font-weight:900;justify-content:space-between;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.route-map{background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 12%,transparent),color-mix(in srgb,var(--teal) 14%,transparent)),var(--field-soft);border:1px solid var(--line);border-radius:8px;box-shadow:inset 0 1px 0 color-mix(in srgb,white 66%,transparent);height:126px;overflow:hidden;position:relative}.route-map:after,.route-map:before{content:"";position:absolute}.route-map:before{animation:map-drift 14s linear infinite;background-image:radial-gradient(color-mix(in srgb,var(--blue) 35%,transparent) 1px,transparent 1px);background-size:18px 18px;inset:0;opacity:.24}.route-map:after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--blue) 34%,transparent),transparent);height:1px;left:34px;right:34px;top:67px}.route-beam{background:linear-gradient(90deg,var(--blue),var(--teal));border-radius:999px;box-shadow:0 0 24px color-mix(in srgb,var(--teal) 45%,transparent);height:4px;left:38px;overflow:hidden;position:absolute;right:38px;top:65px}.route-beam:after{animation:route-shine 2.4s ease-in-out infinite;background:linear-gradient(90deg,transparent,rgba(255,255,255,.94),transparent);content:"";inset:0 auto 0 -40%;position:absolute;width:40%}.route-ping{animation:ping-run 3.2s cubic-bezier(.42,0,.2,1) infinite;background:var(--gold);border:3px solid var(--card);border-radius:999px;box-shadow:0 0 0 8px color-mix(in srgb,var(--gold) 20%,transparent);height:18px;left:34px;position:absolute;top:58px;width:18px;z-index:3}.route-dot{background:var(--card);border:3px solid var(--blue);border-radius:999px;box-shadow:0 8px 22px color-mix(in srgb,var(--blue) 18%,transparent);height:22px;position:absolute;top:56px;width:22px;z-index:2}.route-dot-start{left:30px}.route-dot-end{border-color:var(--teal);right:30px}.moto-illustration{animation:moto-float 2.6s ease-in-out infinite;color:var(--blue);height:88px;left:50%;position:absolute;top:17px;transform:translateX(-50%);width:168px;z-index:4}.moto-shadow{fill:rgba(23,32,51,.14)}:root[data-theme=dark] .moto-shadow{fill:rgba(0,0,0,.38)}.moto-cargo{fill:color-mix(in srgb,var(--blue) 72%,white);stroke:color-mix(in srgb,var(--blue) 78%,#0b2a56)}.moto-front,.moto-seat{fill:color-mix(in srgb,var(--teal) 78%,white);stroke:color-mix(in srgb,var(--teal) 78%,#064b47)}.moto-fork,.moto-frame,.moto-handle,.moto-spark{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:5}.moto-wheel{animation:wheel-spin .9s linear infinite;fill:var(--field);stroke:var(--ink);stroke-dasharray:10 8;stroke-width:6;transform-box:fill-box;transform-origin:center}.moto-hub{fill:var(--gold);stroke:var(--card);stroke-width:3}.moto-spark{animation:spark-slide 1.25s ease-in-out infinite;opacity:.72;stroke:var(--gold);stroke-width:4}.lookup-form{display:grid;grid-gap:14px;gap:14px}.input-wrap{align-items:center;background:var(--field);border:1px solid var(--line);border-radius:8px;display:flex;gap:10px;min-height:54px;padding:0 14px;transition:border .16s ease,box-shadow .16s ease,transform .16s ease}.input-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(19,104,216,.12);transform:translateY(-1px)}.input-wrap input{background:transparent;border:0;color:var(--ink);flex:1 1;font-weight:700;min-width:0;outline:0;text-transform:uppercase}.card-buttons button,.card-link-row button,.created-banner button,.ghost-button,.icon-button,.primary-button,.secondary-button{align-items:center;border-radius:8px;display:inline-flex;gap:8px;justify-content:center;min-height:44px;padding:0 16px;transition:transform .16s ease,background .16s ease,border .16s ease}.primary-button{background:var(--blue);border:1px solid var(--blue);color:white;font-weight:800;overflow:hidden;position:relative}.primary-button:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);content:"";inset:0 auto 0 -44%;position:absolute;transform:skewX(-18deg);transition:left .42s ease;width:38%}.primary-button:hover{background:var(--blue-dark);transform:translateY(-1px)}.primary-button:focus-visible:after,.primary-button:hover:after{left:120%}@keyframes moto-float{0%,to{transform:translateX(-50%) translateY(0) rotate(-.5deg)}50%{transform:translateX(-50%) translateY(-5px) rotate(.7deg)}}@keyframes wheel-spin{to{transform:rotate(1turn)}}@keyframes spark-slide{0%,to{opacity:.34;transform:translateX(5px)}45%{opacity:.9;transform:translateX(-6px)}}@keyframes route-shine{0%{left:-44%}56%,to{left:104%}}@keyframes ping-run{0%{left:34px;transform:scale(.86)}18%{transform:scale(1)}78%,to{left:calc(100% - 52px);transform:scale(.86)}}@keyframes runway-drift{to{transform:translateX(-72px) rotate(-2deg)}}@keyframes panel-sweep{0%,28%{left:-36%}72%,to{left:102%}}@keyframes map-drift{to{background-position:36px 18px}}@keyframes current-step-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.primary-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.primary-button.compact{min-height:42px}.card-buttons button,.card-link-row button,.created-banner button,.ghost-button,.icon-button,.secondary-button{background:var(--card);border:1px solid var(--line);color:var(--ink);font-weight:700}.ghost-button{min-height:38px}.icon-button{min-width:44px;padding:0}.tracking-page{margin:0 auto;max-width:840px;min-height:100svh;padding:24px}.admin-top,.tracking-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.status-hero{background:linear-gradient(135deg,rgba(19,104,216,.08),rgba(15,156,143,.08)),var(--card);border:1px solid var(--line);display:grid;grid-gap:24px;gap:24px;grid-template-columns:auto 1fr;margin:28px 0 18px;padding:28px}.status-hero,.status-icon{align-items:center;border-radius:8px}.status-icon{background:linear-gradient(135deg,var(--blue),var(--teal));color:white;display:inline-flex;height:88px;justify-content:center;width:88px}.eyebrow{color:var(--blue);font-size:12px;font-weight:900;text-transform:uppercase}.status-hero h1{font-size:clamp(26px,4vw,42px);line-height:1;margin:8px 0 12px}.status-hero p{color:var(--muted);line-height:1.6;margin:0}.shipment-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:18px}.admin-shipment-card,.created-banner,.destination-card,.edit-card,.filters-card,.info-item,.stat-card,.timeline-card{background:var(--card);border:1px solid var(--line);border-radius:8px}.info-item{align-items:center;display:flex;gap:12px;padding:16px}.info-item svg{color:var(--blue)}.info-item span{color:var(--muted);display:block;font-size:12px;text-transform:uppercase}.info-item strong{display:block;margin-top:2px}.code-pill,.mono{font-family:SFMono-Regular,Consolas,monospace}.timeline-card{padding:22px}.destination-card{margin-bottom:18px;padding:22px}.destination-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:16px}.destination-item{align-items:flex-start;background:var(--field-soft);display:flex;gap:12px;min-height:74px;padding:14px}.destination-item,.destination-item>span{border:1px solid var(--line);border-radius:8px}.destination-item>span{align-items:center;background:var(--card);color:var(--blue);display:inline-flex;height:36px;justify-content:center;width:36px}.destination-item small{color:var(--muted);display:block;font-size:12px;font-weight:800;text-transform:uppercase}.destination-item strong{display:block;line-height:1.35;margin-top:3px}.section-head{align-items:center;display:flex;justify-content:space-between}.section-head h2{font-size:18px;margin:0}.section-head span{color:var(--blue);font-weight:900}.mini-progress,.progress-track{background:color-mix(in srgb,var(--line) 70%,transparent);border-radius:999px;height:9px;margin:18px 0;overflow:hidden}.mini-progress span,.progress-track span{background:linear-gradient(90deg,var(--blue),var(--teal));display:block;height:100%}.timeline{list-style:none;margin:0;padding:2px 0 0}.timeline-item{--step-line:var(--line);--step-dot-bg:var(--field-soft);--step-dot-color:#7a8598;display:grid;grid-gap:16px;gap:16px;grid-template-columns:42px 1fr;min-height:74px;padding:0 0 20px;position:relative}.timeline-item:before{background:var(--step-line);border-radius:999px;content:"";left:20px;position:absolute;top:42px;bottom:-2px;width:3px}.timeline-item.last{min-height:44px;padding-bottom:0}.timeline-item.last:before{display:none}.timeline-item.done{--step-line:linear-gradient(180deg,var(--blue),var(--teal));--step-dot-bg:var(--blue);--step-dot-color:white}.timeline-item.current{--step-line:color-mix(in srgb,var(--blue) 34%,var(--line));--step-dot-bg:linear-gradient(135deg,var(--blue),var(--teal));--step-dot-color:white}.timeline-dot{align-items:center;background:var(--step-dot-bg);border:3px solid var(--card);border-radius:999px;box-shadow:0 0 0 1px var(--line),0 10px 22px color-mix(in srgb,var(--blue) 16%,transparent);color:var(--step-dot-color);display:inline-flex;height:42px;justify-content:center;position:relative;width:42px;z-index:2}.timeline-item.current .timeline-dot{animation:current-step-pulse 1.8s ease-in-out infinite;box-shadow:0 0 0 1px color-mix(in srgb,var(--blue) 44%,var(--line)),0 0 0 7px color-mix(in srgb,var(--blue) 10%,transparent),0 12px 28px color-mix(in srgb,var(--blue) 24%,transparent)}.timeline-item.current strong{color:var(--blue)}.timeline-item>div{background:color-mix(in srgb,var(--field-soft) 72%,transparent);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:8px;padding:12px 14px}.timeline-item.current>div,.timeline-item.done>div{background:color-mix(in srgb,var(--blue) 7%,var(--card))}.timeline-item strong{display:block}.timeline-item p{color:var(--muted);line-height:1.45;margin:4px 0 0}.admin-page{background:linear-gradient(180deg,var(--soft) 0,var(--paper) 100%);min-height:100svh;padding:24px}.admin-shell{margin:0 auto;max-width:1120px}.admin-top{background:linear-gradient(135deg,rgba(19,104,216,.07),rgba(15,156,143,.06)),var(--card);border:1px solid var(--line);border-radius:8px;padding:18px}.admin-top p{color:var(--muted);margin:8px 0 0 58px}.admin-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.stats-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,1fr);margin:18px 0}.stat-card{padding:18px;position:relative;overflow:hidden}.stat-card:after{background:var(--blue);content:"";height:3px;inset:auto 18px 0;opacity:.75;position:absolute}.stat-card strong{display:block;font-size:30px}.stat-card span{color:var(--muted);font-size:13px}.filters-card{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr 180px 220px;padding:14px}.admin-search{min-height:46px}.form-grid input,.form-grid textarea,.pin-row input,select{background:var(--field);border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:46px;outline:0;padding:0 12px;width:100%}.form-grid textarea{min-height:98px;padding:12px;resize:vertical}.created-banner{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding:14px}.error-banner{background:color-mix(in srgb,var(--red) 10%,var(--card));border-color:color-mix(in srgb,var(--red) 35%,var(--line));color:var(--red);font-weight:800}.created-banner strong{margin-right:auto}.edit-card{margin-top:18px;padding:18px}.form-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,1fr);margin-top:18px}.form-grid label{color:var(--muted);display:grid;font-size:13px;font-weight:800;grid-gap:7px;gap:7px}.form-grid .wide{grid-column:1/-1}.form-section-title{border-bottom:1px solid var(--line);color:var(--blue);font-size:12px;font-weight:900;margin-top:4px;padding:8px 0 10px;text-transform:uppercase}.form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:16px}.inline-error{color:var(--red);flex:1 1 260px;font-size:13px;font-weight:800;line-height:1.45;margin:0 auto 0 0}.shipments-list{margin-top:22px}.admin-shipment-card{margin-top:12px;overflow:hidden;padding:18px;transition:border .16s ease,box-shadow .16s ease,transform .16s ease}.admin-shipment-card:hover{border-color:rgba(19,104,216,.35);box-shadow:0 16px 40px rgba(23,32,51,.08);transform:translateY(-1px)}.shipment-main{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.shipment-main h3{margin:0 0 4px}.shipment-main p{color:var(--muted);margin:0}.shipment-main .contact-line{color:var(--blue);font-size:13px;font-weight:700;margin-top:7px}.card-buttons,.card-link-row{display:flex;flex-wrap:wrap;gap:8px}.card-buttons .danger{color:var(--red);min-width:42px;padding:0}.admin-card-meta{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.admin-card-meta strong{color:var(--blue);margin-left:auto}.code-pill{background:color-mix(in srgb,var(--blue) 14%,var(--field));color:var(--blue);font-weight:900;padding:6px 8px}.admin-card-meta span:not(.code-pill){background:var(--field-soft);border:1px solid var(--line);border-radius:8px;padding:6px 8px}.mini-progress{height:7px;margin:12px 0}.empty-list{background:var(--card);border:1px dashed var(--line);border-radius:8px;color:var(--muted);padding:28px;text-align:center}.pin-row{display:grid;grid-gap:12px;gap:12px}.pin-row input{font-size:24px;font-weight:900;letter-spacing:8px;text-align:center}.form-error{color:var(--red)!important;font-weight:800;margin-top:12px!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media (max-width:820px){.destination-grid,.filters-card,.form-grid,.shipment-grid,.stats-grid,.status-hero{grid-template-columns:1fr}.admin-top,.shipment-main,.tracking-header{align-items:stretch;flex-direction:column}.admin-actions,.card-buttons{justify-content:flex-start}.admin-top p{margin-left:0}.status-hero{text-align:left}}@media (max-width:520px){.admin-page,.empty-card,.login-card,.lookup-panel,.tracking-page{padding:16px}.empty-card,.login-card,.lookup-panel{padding:22px}.admin-shipment-card,.admin-top,.edit-card,.status-hero,.timeline-card{padding:16px}.route-map{height:104px}.route-map:after{top:58px}.route-beam{top:56px}.route-ping{top:49px}.route-dot{top:47px}.moto-illustration{height:78px;top:12px;width:148px}.route-labels{font-size:10px}}