:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .9375rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.5rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--leading-tight: 1.2;--leading-normal: 1.5;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 999px;--ease: cubic-bezier(.2, 0, .2, 1);--dur-fast: .12s;--dur: .2s;--touch: 44px;--wrap-max: 1180px;--wrap-narrow: 580px}:root,:root[data-theme=dark]{--bg: #0d0f13;--surface: #161a21;--surface-2: #1e232c;--surface-3: #272d38;--border: #2b313c;--border-strong: #3a4250;--text: #e9ecf1;--text-secondary: #b3bccb;--text-muted: #8b95a6;--accent: #ff7a45;--accent-hover: #ff8f61;--accent-contrast: #26120a;--accent-soft: #3a2114;--accent-border: #7a3a1f;--ok: #45d49a;--ok-soft: #12321f;--ok-border: #1d5637;--warn: #f5b342;--warn-soft: #3a2f14;--warn-border: #5a4a20;--err: #ff6b6b;--err-soft: #331617;--err-border: #5c2325;--info: #67aeff;--info-soft: #142b45;--info-border: #1f4a70;--map-grid: #232935;--skeleton: linear-gradient(90deg, #1e232c 25%, #272d38 37%, #1e232c 63%);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .55);--overlay: rgba(0, 0, 0, .6)}:root[data-theme=light]{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f1f3f6;--surface-3: #e6e9ee;--border: #dde1e8;--border-strong: #c3cad6;--text: #131820;--text-secondary: #46505f;--text-muted: #5d6878;--accent: #c9410b;--accent-hover: #a83609;--accent-contrast: #ffffff;--accent-soft: #fdece4;--accent-border: #f0b193;--ok: #0f7a4f;--ok-soft: #e4f6ed;--ok-border: #9fd9bf;--warn: #8a5a00;--warn-soft: #fdf1d9;--warn-border: #e8c887;--err: #b3261e;--err-soft: #fdeaea;--err-border: #f0b0ad;--info: #10508f;--info-soft: #e5f0fb;--info-border: #a9cbeb;--map-grid: #e6e9ee;--skeleton: linear-gradient(90deg, #eceff3 25%, #f6f8fa 37%, #eceff3 63%);--shadow-md: 0 2px 10px rgba(16, 24, 40, .08);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .14);--overlay: rgba(16, 24, 40, .45)}@media (prefers-color-scheme: light){:root:not([data-theme]){--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f1f3f6;--surface-3: #e6e9ee;--border: #dde1e8;--border-strong: #c3cad6;--text: #131820;--text-secondary: #46505f;--text-muted: #5d6878;--accent: #c9410b;--accent-hover: #a83609;--accent-contrast: #ffffff;--accent-soft: #fdece4;--accent-border: #f0b193;--ok: #0f7a4f;--ok-soft: #e4f6ed;--ok-border: #9fd9bf;--warn: #8a5a00;--warn-soft: #fdf1d9;--warn-border: #e8c887;--err: #b3261e;--err-soft: #fdeaea;--err-border: #f0b0ad;--info: #10508f;--info-soft: #e5f0fb;--info-border: #a9cbeb;--map-grid: #e6e9ee;--skeleton: linear-gradient(90deg, #eceff3 25%, #f6f8fa 37%, #eceff3 63%);--shadow-md: 0 2px 10px rgba(16, 24, 40, .08);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .14);--overlay: rgba(16, 24, 40, .45)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;line-height:var(--leading-tight)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-4);top:-60px;z-index:100;background:var(--accent);color:var(--accent-contrast);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-weight:600;transition:top var(--dur) var(--ease)}.skip-link:focus{top:var(--space-4)}.wrap{max-width:var(--wrap-max);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7)}.wrap--narrow{max-width:var(--wrap-narrow)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);margin:calc(var(--space-5) * -1) calc(var(--space-4) * -1) var(--space-5);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-lg);letter-spacing:-.01em}.brand__dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--accent);flex-shrink:0}.topbar__actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.section-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text-muted);margin:var(--space-6) 0 var(--space-3)}.stack>*+*{margin-top:var(--space-3)}.row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.muted{color:var(--text-muted);font-size:var(--text-sm)}.kpis{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.kpi__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:650}.kpi__value{font-size:var(--text-2xl);font-weight:750;line-height:1.1;margin-top:var(--space-1);letter-spacing:-.02em}.kpi--alert{border-color:var(--warn-border);background:var(--warn-soft)}.kpi--alert .kpi__value,.kpi--alert .kpi__label{color:var(--warn)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color var(--dur) var(--ease)}.card--interactive:hover{border-color:var(--border-strong)}.card--flag{border-left:3px solid var(--warn)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.card__title{font-weight:650;font-size:var(--text-lg);letter-spacing:-.01em}.grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:650;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid transparent;white-space:nowrap;line-height:1.4}.badge--pending{background:var(--warn-soft);color:var(--warn);border-color:var(--warn-border)}.badge--accepted,.badge--assigned{background:var(--info-soft);color:var(--info);border-color:var(--info-border)}.badge--in_transit{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.badge--delivered{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-border)}.badge--cancelled{background:var(--err-soft);color:var(--err);border-color:var(--err-border)}.badge--available{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-border)}.badge--busy{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.badge--offline{background:var(--surface-2);color:var(--text-muted);border-color:var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch);padding:var(--space-2) var(--space-4);background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;font-size:var(--text-sm);font-weight:650;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--danger{color:var(--err);border-color:var(--err-border);background:transparent}.btn--danger:hover:not(:disabled){background:var(--err-soft)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--border)}.btn--sm{min-height:34px;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn--icon{min-width:var(--touch);padding:var(--space-2)}.btn--block{display:flex;width:100%;min-height:56px;font-size:var(--text-md);margin-top:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.label{font-size:var(--text-xs);font-weight:650;color:var(--text-secondary)}.input,.select{min-height:var(--touch);padding:var(--space-2) var(--space-3);background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;font-size:var(--text-sm)}.input::placeholder{color:var(--text-muted)}.input:hover,.select:hover{border-color:var(--border-strong)}.input--code{width:7ch;font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;letter-spacing:.24em;text-align:center;padding-right:0}.input--search{min-width:220px;flex:1}.input--code-lg{width:100%;min-height:64px;font-size:var(--text-2xl);letter-spacing:.4em;padding-right:0;text-indent:.4em}.sugerencias{list-style:none;margin:var(--space-2) 0 0;padding:var(--space-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:260px;overflow-y:auto}.sugerencia{display:block;width:100%;text-align:left;background:transparent;border:none;border-radius:var(--radius-sm);padding:var(--space-3);font:inherit;font-size:var(--text-sm);color:var(--text);cursor:pointer;line-height:1.4}.sugerencia:hover{background:var(--surface-2)}.duty{border-color:var(--border-strong)}.tienda{display:block;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}.alarma{background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);text-align:center;animation:latido 1.2s ease-in-out 3}.alarma__titulo{font-size:var(--text-lg);font-weight:750;margin-bottom:var(--space-1)}@keyframes latido{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.kv{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0;font-size:var(--text-sm);border-bottom:1px solid var(--border)}.kv:last-child{border-bottom:none}.kv__k{color:var(--text-muted)}.kv__v{text-align:right;font-weight:550}.code{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;letter-spacing:.24em;color:var(--accent);background:var(--accent-soft);border:1px dashed var(--accent-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);padding-right:calc(var(--space-3) - .24em)}.tabs{display:flex;gap:var(--space-1);background:var(--surface-2);padding:var(--space-1);border-radius:var(--radius-md);border:1px solid var(--border);overflow-x:auto}.tab{display:inline-flex;align-items:center;gap:var(--space-2);min-height:36px;padding:var(--space-1) var(--space-3);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer;white-space:nowrap}.tab:hover{color:var(--text);background:var(--surface-3)}.tab[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-md)}.tab__count{font-size:var(--text-xs);color:var(--text-muted);background:var(--surface-3);padding:0 var(--space-2);border-radius:var(--radius-full);font-weight:700}.tab[aria-selected=true] .tab__count{background:var(--accent);color:var(--accent-contrast)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid;margin-bottom:var(--space-3)}.alert--error{background:var(--err-soft);border-color:var(--err-border);color:var(--err)}.alert--warn{background:var(--warn-soft);border-color:var(--warn-border);color:var(--warn)}.alert--info{background:var(--info-soft);border-color:var(--info-border);color:var(--info)}.empty{text-align:center;padding:var(--space-7) var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-muted)}.empty__title{font-size:var(--text-lg);font-weight:650;color:var(--text);margin-bottom:var(--space-2)}.skeleton{background:var(--skeleton);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton--line{height:12px;margin-bottom:var(--space-2)}.skeleton--title{height:20px;width:40%;margin-bottom:var(--space-3)}.skeleton--card{height:132px;border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.skeleton--kpi{height:82px;border-radius:var(--radius-md)}.map{width:100%;height:260px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);display:block}.map--empty{display:grid;place-items:center}.map__empty-text{color:var(--text-muted);font-size:var(--text-sm)}.signal{display:flex;align-items:center;gap:var(--space-2);justify-content:center;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-3)}.signal__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--ok);animation:pulse 1.8s ease-in-out infinite;flex-shrink:0}.signal__dot--stale{background:var(--warn);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.track-hero{text-align:center;padding:var(--space-4) 0 var(--space-5)}.track-status{font-size:var(--text-2xl);font-weight:750;letter-spacing:-.02em;margin-bottom:var(--space-2)}.track-eta{font-size:var(--text-3xl);font-weight:800;color:var(--accent);line-height:1;letter-spacing:-.03em}.track-eta__unit{display:block;font-size:var(--text-xs);font-weight:650;color:var(--text-muted);letter-spacing:.08em;margin-top:var(--space-2)}.timeline{display:flex;align-items:flex-start;margin:var(--space-5) 0 var(--space-4);padding:0;list-style:none}.tl-step{flex:1;text-align:center;position:relative;font-size:var(--text-xs);color:var(--text-muted)}.tl-step:before{content:"";position:absolute;top:9px;left:-50%;width:100%;height:2px;background:var(--border)}.tl-step:first-child:before{display:none}.tl-step--done:before{background:var(--accent)}.tl-step__dot{display:block;width:20px;height:20px;border-radius:var(--radius-full);background:var(--surface-2);border:2px solid var(--border);margin:0 auto var(--space-2);position:relative;z-index:1}.tl-step--done .tl-step__dot{background:var(--accent);border-color:var(--accent)}.tl-step--done{color:var(--text);font-weight:650}.items{list-style:none;padding:0;margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.items li{padding:var(--space-1) 0}kbd{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--surface-3);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:var(--radius-sm);padding:1px var(--space-2);color:var(--text-secondary)}@media (max-width: 640px){:root{--text-3xl: 2rem;--text-2xl: 1.5rem}.wrap{padding:var(--space-4) var(--space-3) var(--space-7)}.topbar{margin:calc(var(--space-4) * -1) calc(var(--space-3) * -1) var(--space-4)}.kpis{grid-template-columns:repeat(2,1fr)}}