:root{--ink:#152033;--muted:#637084;--line:#d9e3ef;--blue:#155fd3;--blue-dark:#0d4aab;--teal:#13897f;--green:#14805a;--red:#d63b3b;--paper:#ffffff;--card:#ffffff;--field:#ffffff;--field-soft:#f6f8fb;--soft:#eef3f8;--gold:#c88918;--shadow:rgba(21,32,51,0.14)}: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:linear-gradient(180deg,var(--soft) 0,var(--paper) 100%);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}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 26%,transparent);outline-offset:2px}.panel-topline,.tracking-actions{align-items:center;display:flex;gap:12px;justify-content:space-between}.theme-toggle{align-items:center;background:color-mix(in srgb,var(--field) 92%,var(--soft));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(180deg,rgba(255,255,255,.88),rgba(238,243,248,.94)),linear-gradient(90deg,rgba(21,95,211,.08),transparent 34%,rgba(19,137,127,.08)),#edf3f8;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(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(21,95,211,.08) 1px,transparent 0),linear-gradient(180deg,rgba(21,32,51,.06) 1px,transparent 0);background-size:72px 72px;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:.46}.home-page:after{background:linear-gradient(90deg,transparent,rgba(21,95,211,.18),rgba(19,137,127,.18),transparent);height:1px;left:8%;opacity:.76;right:8%;top:92px}: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(180deg,rgba(7,16,28,.94),rgba(12,19,32,.98)),linear-gradient(90deg,rgba(92,162,255,.12),transparent 34%,rgba(63,208,193,.1)),#0c1320}.empty-card,.login-card,.lookup-panel{background:color-mix(in srgb,var(--card) 96%,transparent);border:1px solid var(--line);border-radius:8px;box-shadow:0 22px 60px var(--shadow);max-width:540px;padding:36px;position:relative;width:100%;z-index:1}.lookup-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}.lookup-panel:before{background:linear-gradient(90deg,var(--blue),var(--teal),var(--gold));content:"";height:4px;left:0;position:absolute;right:auto;top:0;width:100%}.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;min-width:0}.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;min-width:0;overflow-wrap:anywhere}.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(180deg,color-mix(in srgb,white 74%,transparent),color-mix(in srgb,var(--soft) 76%,transparent)),repeating-linear-gradient(90deg,transparent 0 58px,color-mix(in srgb,var(--line) 56%,transparent) 58px 59px),repeating-linear-gradient(0deg,transparent 0 34px,color-mix(in srgb,var(--line) 48%,transparent) 34px 35px),var(--field-soft);border:1px solid var(--line);border-radius:8px;box-shadow:inset 0 1px 0 color-mix(in srgb,white 66%,transparent),0 12px 28px color-mix(in srgb,var(--blue) 8%,transparent);height:126px;overflow:hidden;position:relative}.route-map:after,.route-map:before{content:"";position:absolute}.route-map:before{background:linear-gradient(90deg,transparent 0 16%,color-mix(in srgb,var(--blue) 11%,transparent) 16% 27%,transparent 27% 72%,color-mix(in srgb,var(--teal) 12%,transparent) 72% 84%,transparent 84%),linear-gradient(0deg,transparent 0 42%,color-mix(in srgb,var(--gold) 12%,transparent) 42% 48%,transparent 48%);inset:0;opacity:.88}.route-map:after{background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 42%,transparent) 0 12px,transparent 12px 22px);height:2px;left:34px;opacity:.34;right:34px;top:67px}.route-beam{background:linear-gradient(90deg,color-mix(in srgb,var(--blue) 78%,white),var(--teal));border-radius:999px;box-shadow:0 8px 20px color-mix(in srgb,var(--teal) 18%,transparent);height:6px;left:38px;overflow:hidden;position:absolute;right:38px;top:64px}.route-beam:after{animation:route-shine 5.8s ease-in-out infinite;background:linear-gradient(90deg,transparent,rgba(255,255,255,.68),transparent);content:"";inset:0 auto 0 -40%;position:absolute;width:34%}.route-ping{animation:ping-run 6.2s cubic-bezier(.42,0,.2,1) infinite;background:var(--gold);border:3px solid var(--card);border-radius:999px;box-shadow:0 0 0 7px color-mix(in srgb,var(--gold) 16%,transparent),0 12px 22px color-mix(in srgb,var(--gold) 18%,transparent);height:16px;left:34px;position:absolute;top:59px;width:16px;z-index:3}.route-dot{background:var(--card);border:3px solid var(--blue);border-radius:999px;box-shadow:0 8px 18px color-mix(in srgb,var(--blue) 14%,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-cruise 7.2s 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 2.6s linear infinite;fill:var(--field);stroke:var(--ink);stroke-dasharray:9 10;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 3.8s ease-in-out infinite;opacity:.34;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,box-shadow .16s ease}.primary-button{background:linear-gradient(135deg,var(--blue),var(--blue-dark));border:1px solid var(--blue);color:white;font-weight:800;position:relative}.primary-button:after{display:none}.primary-button:hover{background:var(--blue-dark);box-shadow:0 10px 22px color-mix(in srgb,var(--blue) 18%,transparent);transform:translateY(-1px)}@keyframes moto-cruise{0%,to{transform:translateX(-50%) translateY(0) rotate(0deg)}50%{transform:translateX(calc(-50% + 10px)) translateY(-2px) rotate(.4deg)}}@keyframes wheel-spin{to{transform:rotate(1turn)}}@keyframes spark-slide{0%,to{opacity:.18;transform:translateX(2px)}45%{opacity:.42;transform:translateX(-4px)}}@keyframes route-shine{0%{left:-44%}56%,to{left:104%}}@keyframes ping-run{0%{left:34px;transform:scale(.92)}18%{transform:scale(1)}78%,to{left:calc(100% - 52px);transform:scale(.92)}}@keyframes current-step-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.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:color-mix(in srgb,var(--card) 92%,var(--soft));border:1px solid var(--line);color:var(--ink);font-weight:700}.card-buttons button:hover,.card-link-row button:hover,.created-banner button:hover,.ghost-button:hover,.icon-button:hover,.secondary-button:hover{border-color:color-mix(in srgb,var(--blue) 34%,var(--line));box-shadow:0 8px 20px color-mix(in srgb,var(--blue) 8%,transparent);transform:translateY(-1px)}.ghost-button{min-height:38px}.icon-button{min-width:44px;padding:0}.tracking-page{margin:0 auto;max-width:940px;min-height:100svh;padding:28px 24px 40px}.admin-top,.tracking-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.status-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 8%,transparent),color-mix(in srgb,var(--teal) 7%,transparent)),var(--card);border:1px solid var(--line);border-left:5px solid var(--blue);box-shadow:0 18px 45px color-mix(in srgb,var(--blue) 8%,transparent);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));box-shadow:0 14px 28px color-mix(in srgb,var(--blue) 18%,transparent);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.06;margin:8px 0 12px;overflow-wrap:anywhere}.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;box-shadow:0 10px 26px color-mix(in srgb,var(--ink) 4%,transparent)}.info-item{align-items:center;display:flex;gap:12px;padding:16px;min-height:82px;min-width:0}.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;overflow-wrap:anywhere}.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:color-mix(in srgb,var(--field-soft) 86%,var(--card));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;overflow-wrap:anywhere}.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:10px;margin:18px 0;overflow:hidden}.mini-progress span,.progress-track span{background:linear-gradient(90deg,var(--blue),var(--teal));box-shadow:0 0 18px color-mix(in srgb,var(--teal) 24%,transparent);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 3.2s ease-in-out infinite;box-shadow:0 0 0 1px color-mix(in srgb,var(--blue) 44%,var(--line)),0 0 0 6px color-mix(in srgb,var(--blue) 9%,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) 82%,var(--card));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,#f7faff 0,var(--soft) 44%,var(--paper) 100%);min-height:100svh;padding:24px}.admin-shell{margin:0 auto;max-width:1120px}.admin-top{background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 6%,transparent),color-mix(in srgb,var(--teal) 5%,transparent)),var(--card);border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:8px;box-shadow:0 14px 35px color-mix(in srgb,var(--ink) 5%,transparent);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:linear-gradient(90deg,var(--blue),var(--teal));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;position:-webkit-sticky;position:sticky;top:12px;z-index:5}.form-anchor{scroll-margin-top:20px}.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 input:focus,.form-grid textarea:focus,.pin-row input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 12%,transparent)}.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:color-mix(in srgb,var(--blue) 36%,var(--line));box-shadow:0 16px 40px color-mix(in srgb,var(--blue) 10%,transparent);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,.tracking-actions{justify-content:flex-start;width:100%}.admin-top p{margin-left:0}.status-hero{text-align:left}.filters-card{position:static}.form-anchor{scroll-margin-top:12px}}@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}.brand-word{font-size:18px}.tracking-header{gap:14px}.tracking-actions{flex-wrap:wrap}.status-icon{height:76px;width:76px}.status-hero h1{font-size:24px;line-height:1.12}.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}}