:root{color-scheme:light;--background: #f6f8fb;--surface: #ffffff;--surface-soft: #eef2f7;--surface-strong: #111827;--text: #111827;--muted: #64748b;--border: #d7dee8;--border-strong: #b8c2d0;--primary: #2563eb;--primary-strong: #1d4ed8;--primary-soft: #e8f0ff;--success: #16734d;--success-soft: #e4f6ed;--info: #245c8f;--info-soft: #e5f1fb;--warning: #92400e;--warning-soft: #fffbeb;--danger: #b42318;--danger-soft: #fff0ed;--shadow: 0 18px 48px -34px rgba(15, 23, 42, .32);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(226,232,240,.7)),var(--background);color:var(--text)}button,input{font:inherit}a{color:inherit}.app-shell{min-height:100vh;padding:20px}.page-frame{width:min(1120px,100%);margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.site-header img{width:112px;height:auto;display:block}.site-header a{display:inline-flex;align-items:center;gap:8px;min-height:40px;border:1px solid var(--border);border-radius:999px;padding:0 14px;background:rgba(255,255,255,.72);color:var(--muted);font-size:.9rem;font-weight:650;text-decoration:none}.site-header svg{width:16px;height:16px}.panel,.hero-panel{border:1px solid rgba(215,222,232,.92);border-radius:8px;background:rgba(255,255,255,.88);box-shadow:var(--shadow)}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:clamp(22px,4vw,38px)}.hero-copy{max-width:720px}.eyebrow-pill,.status-pill{display:inline-flex;align-items:center;width:fit-content;min-height:30px;border:1px solid var(--border);border-radius:999px;padding:4px 11px;background:var(--surface);color:var(--text);font-size:.78rem;font-weight:750}.eyebrow-pill{color:var(--primary-strong);background:var(--primary-soft);border-color:#bfdbfe}h1,h2,h3,p{margin-top:0}.hero-copy h1,.code-panel h1,.error-panel h1,.loading-panel h1{margin:14px 0 10px;max-width:760px;font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:0}.hero-copy p,.code-panel p,.error-panel p,.loading-panel p{margin-bottom:0;max-width:680px;color:var(--muted);font-size:1.03rem}.hero-copy small,.detail-card small,.live-panel small,.shipment-card small{display:block;margin-top:8px;color:var(--muted);font-size:.88rem}.hero-status{display:flex;align-items:center;gap:14px;min-width:220px;border:1px solid var(--border);border-radius:8px;padding:16px;background:var(--surface-soft)}.hero-status svg{width:30px;height:30px;color:var(--primary)}.hero-status span,.section-label,.detail-label span{display:block;color:var(--muted);font-size:.73rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-status strong{display:block;margin-top:3px;font-size:1rem}.stops-stack{display:grid;gap:18px;margin-top:18px}.stop-panel{padding:clamp(18px,3vw,28px)}.stop-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.stop-header h2,.shipment-panel h2,.inline-heading h3{margin:4px 0 0;font-size:clamp(1.35rem,2.5vw,1.8rem);line-height:1.15;letter-spacing:0}.status-pill-scheduled,.status-pill-assigned{border-color:#fde68a;background:var(--warning-soft);color:var(--warning)}.status-pill-approaching{border-color:#bdd8ee;background:var(--info-soft);color:var(--info)}.status-pill-completed{border-color:#b9dfca;background:var(--success-soft);color:var(--success)}.status-pill-cancelled{border-color:#f1b8b2;background:var(--danger-soft);color:var(--danger)}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.detail-card,.timeline-card,.shipment-card,.live-panel{border:1px solid rgba(215,222,232,.92);border-radius:8px;background:rgba(248,250,252,.86);padding:16px}.detail-label,.inline-heading{display:flex;align-items:center;gap:8px}.detail-label svg,.inline-heading svg{width:17px;height:17px;color:var(--primary)}.detail-card p,.shipment-card p{margin:8px 0 0;color:var(--text);font-size:.96rem;font-weight:700}.notice{display:flex;gap:12px;align-items:flex-start;border:1px solid transparent;border-radius:8px;padding:13px 14px;margin:14px 0;font-size:.95rem}.notice p{margin:0}.notice svg{flex:0 0 auto;width:18px;height:18px;margin-top:2px}.notice-info{background:var(--info-soft);border-color:#c8def0;color:#173f63}.notice-warning{background:var(--warning-soft);border-color:#efd596;color:#5c3905}.page-notice{margin-bottom:0}.live-panel{display:flex;gap:14px;align-items:flex-start;margin-top:14px}.live-panel-active{background:linear-gradient(135deg,#f7fbff,#e5f1fb);border-color:#c8def0}.live-panel-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:999px;background:var(--surface);color:var(--info)}.live-panel-icon svg{width:22px;height:22px}.live-panel h3{margin:0 0 4px;font-size:1rem}.live-panel p{margin:0;color:var(--muted)}.stop-footer{margin-top:14px}.timeline-card{background:var(--surface)}.timeline{margin-top:16px}.timeline-row{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding-bottom:18px}.timeline-row:last-child{padding-bottom:0}.timeline-line{position:absolute;left:13px;top:29px;bottom:1px;width:1px;background:var(--border)}.timeline-dot{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.timeline-dot:after{content:"";width:8px;height:8px;border-radius:999px;background:var(--border-strong)}.timeline-dot-current{border-color:#bdd8ee;background:var(--info-soft)}.timeline-dot-current:after{background:var(--info)}.timeline-dot-completed{border-color:#b9dfca;background:var(--success-soft)}.timeline-dot-completed:after{display:none}.timeline-dot svg{width:16px;height:16px;color:var(--success)}.timeline-heading{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline}.timeline-heading span{font-size:.96rem;font-weight:700}.timeline-heading small,.timeline-copy p,.muted-text{margin:0;color:var(--muted);font-size:.9rem}.shipment-panel{margin-top:18px;padding:clamp(18px,3vw,24px)}.shipment-card{margin-top:14px}.code-panel,.loading-panel,.error-panel{display:grid;gap:20px;padding:clamp(22px,4vw,34px)}.code-panel{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:end}.code-form{display:grid;gap:8px}.code-form label{color:var(--muted);font-size:.86rem;font-weight:750}.code-form div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.code-form input{min-height:48px;min-width:0;border:1px solid var(--border);border-radius:8px;padding:0 14px;background:var(--surface);color:var(--text);font-weight:700}.code-form button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:1px solid var(--primary-strong);border-radius:8px;padding:0 16px;background:var(--primary);color:#fff;cursor:pointer;font-weight:800}.code-form button svg{width:18px;height:18px}.loading-panel,.error-panel{grid-template-columns:auto minmax(0,1fr);align-items:start}.error-panel>svg,.loading-panel>svg{width:34px;height:34px;margin-top:11px;color:var(--primary)}.loading-panel>svg{animation:spin 1s linear infinite}.error-panel .code-panel{grid-column:1 / -1;box-shadow:none;background:var(--surface-soft)}.stop-panel-empty{background:rgba(255,255,255,.6);box-shadow:none}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 800px){.app-shell{padding:14px}.hero-panel,.code-panel{grid-template-columns:1fr}.hero-status{width:100%}.detail-grid{grid-template-columns:1fr}}@media (max-width: 560px){.site-header{align-items:flex-start}.site-header img{width:96px}.site-header a{min-height:36px;padding:0 11px;font-size:.82rem}.stop-header{flex-direction:column}.status-pill{min-height:28px}.code-form div{grid-template-columns:1fr}.code-form button{width:100%}.loading-panel,.error-panel{grid-template-columns:1fr}}