:root{color-scheme:light dark;--bg0: #0b1a2b;--bg1: #12263d;--bg2: #1a3552;--text: #e8f1ff;--muted: #9bb0c9;--accent: #3d8bfd;--accent-2: #5eead4;--danger: #ff6b6b;--ok: #6ee7b7;--radius: 16px;--font: "Segoe UI", "Trebuchet MS", "Gill Sans", sans-serif;--display: "Trebuchet MS", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%,#1e3a5f 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#0f3d4a 0%,transparent 50%),linear-gradient(165deg,var(--bg0),var(--bg1) 45%,#0a1522);color:var(--text)}.screen{min-height:100dvh;display:flex;flex-direction:column;padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));max-width:480px;margin:0 auto}.center{align-items:center;justify-content:center;text-align:center}.login{justify-content:center}.login-card{background:color-mix(in srgb,var(--bg2) 80%,transparent);border:1px solid color-mix(in srgb,#fff 12%,transparent);border-radius:var(--radius);padding:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-family:var(--display);font-size:1.75rem;font-weight:700;letter-spacing:.04em;margin:0 0 .25rem;color:var(--accent-2)}.login-card h1{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}label{display:flex;flex-direction:column;gap:.35rem;margin:.85rem 0;font-size:.9rem;color:var(--muted)}input,select{font:inherit;padding:.85rem 1rem;border-radius:12px;border:1px solid color-mix(in srgb,#fff 18%,transparent);background:color-mix(in srgb,#000 35%,var(--bg1));color:var(--text)}.btn{font:inherit;border:none;border-radius:14px;padding:.95rem 1.1rem;cursor:pointer;width:100%;min-height:52px;font-weight:600}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,var(--accent),#2563eb);color:#fff}.btn.primary.huge{min-height:64px;font-size:1.15rem}.btn.secondary{background:color-mix(in srgb,#fff 10%,transparent);color:var(--text);border:1px solid color-mix(in srgb,#fff 16%,transparent);margin-top:.65rem}.btn.ghost{background:transparent;color:var(--muted);border:1px solid color-mix(in srgb,#fff 14%,transparent)}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.state-pill{margin:0;display:inline-block;padding:.35rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--accent-2) 18%,transparent);color:var(--accent-2);font-size:.85rem;font-weight:600}.route-name{margin:.4rem 0 0;font-size:1.05rem;font-weight:600}.icon-btn{background:color-mix(in srgb,#fff 8%,transparent);border:1px solid color-mix(in srgb,#fff 12%,transparent);color:var(--text);width:44px;height:44px;border-radius:12px;font-size:1.25rem}.menu-panel{background:var(--bg2);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;border:1px solid color-mix(in srgb,#fff 10%,transparent)}.shift-main{flex:1}.actions{position:sticky;bottom:0;padding-top:1rem;background:linear-gradient(transparent,var(--bg0) 30%)}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger)}.status-ok{color:var(--ok)}.gps-msg{color:var(--accent-2);font-size:.9rem}.meta{color:var(--muted)}.route-picker,.trip-info,.done-box{background:color-mix(in srgb,var(--bg2) 70%,transparent);border-radius:var(--radius);padding:1rem;margin:.75rem 0;border:1px solid color-mix(in srgb,#fff 8%,transparent)}.next-stage{font-style:italic;opacity:.85}.warehouse-meta{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.btn.compact{min-height:44px;padding:.55rem .85rem;font-size:.9rem}.menu-link{display:block;color:var(--accent-2);text-decoration:none;font-weight:600;padding:.65rem 0}.back-link{color:var(--accent-2);text-decoration:none;font-weight:600}.brand-inline{margin:0;font-weight:700;color:var(--accent-2)}.calendar .cal-controls{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.5rem 0 1rem}.cal-title{margin:0;font-size:1.1rem;text-transform:capitalize;text-align:center;flex:1}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.mode{border:1px solid color-mix(in srgb,#fff 14%,transparent);background:transparent;color:var(--muted);border-radius:12px;min-height:44px;font:inherit;font-weight:600}.mode.active{background:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--text);border-color:var(--accent)}.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.35rem;text-align:center;color:var(--muted);font-size:.75rem}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem}.cal-cell{aspect-ratio:1;border:none;border-radius:12px;background:color-mix(in srgb,#fff 6%,transparent);color:var(--text);position:relative;font:inherit;padding:.25rem}.cal-cell.empty{background:transparent}.cal-num{font-size:.85rem;font-weight:600}.cal-badge{position:absolute;right:4px;bottom:4px;font-size:.65rem;opacity:.9}.cal-green{background:color-mix(in srgb,#22c55e 35%,transparent)}.cal-green-active{background:color-mix(in srgb,#22c55e 55%,transparent);box-shadow:inset 0 0 0 2px #86efac}.cal-yellow{background:color-mix(in srgb,#eab308 40%,transparent)}.cal-red{background:color-mix(in srgb,#ef4444 35%,transparent)}.cal-gray{background:color-mix(in srgb,#fff 6%,transparent);opacity:.7}.cal-legend{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.85rem;align-items:center}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:.2rem}.dot.green{background:#22c55e}.dot.green-active{background:#86efac}.dot.yellow{background:#eab308}.dot.red{background:#ef4444}.dot.gray{background:#64748b}.day-detail{margin-top:1rem;padding:1rem;border-radius:var(--radius);background:color-mix(in srgb,var(--bg2) 80%,transparent);border:1px solid color-mix(in srgb,#fff 10%,transparent)}.day-detail h2{margin:0 0 .5rem;font-size:1rem}.shift-card{padding:.65rem 0;border-top:1px solid color-mix(in srgb,#fff 8%,transparent)}.gps-panel{margin:.75rem 0;padding:1rem;border-radius:var(--radius);background:color-mix(in srgb,#0ea5e9 12%,var(--bg2));border:1px solid color-mix(in srgb,#38bdf8 35%,transparent)}.gps-panel-title{margin:0 0 .35rem;font-weight:700}.gps-fail{margin-top:.65rem}.gps-diag{margin-top:.75rem;color:var(--muted)}.gps-diag ul{margin:.35rem 0 0;padding-left:1.1rem}.eta-hero{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(800px 500px at 50% 30%,#1a4a5c 0%,transparent 60%),linear-gradient(165deg,#0b1a2b,#12263d 50%,#0a1522);animation:eta-hero-in .45s ease-out}.eta-hero-label{margin:0;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;color:var(--muted)}.eta-hero-time{margin:.35rem 0;font-family:var(--display);font-size:clamp(3.5rem,18vw,5.5rem);font-weight:700;line-height:1;color:var(--accent-2);animation:eta-time-pop .55s ease-out .15s both}.eta-hero-dest{margin:.5rem 0 0;font-size:1.15rem;font-weight:600}.eta-hero-meta,.eta-hero-basis{margin:.35rem 0 0;color:var(--muted);text-align:center;max-width:22rem}.eta-compact{margin:0 0 1rem;padding:.9rem 1rem;border-radius:var(--radius);background:color-mix(in srgb,var(--accent-2) 10%,var(--bg2));border:1px solid color-mix(in srgb,var(--accent-2) 28%,transparent);transition:opacity .35s ease,transform .45s ease}.eta-compact-hidden{opacity:0;transform:translateY(12px);pointer-events:none}.eta-compact-top{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.eta-compact-label{margin:0;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.eta-compact-time{margin:.1rem 0 0;font-family:var(--display);font-size:2.1rem;font-weight:700;line-height:1;color:var(--accent-2);animation:eta-digit .35s ease}.eta-remaining{margin:0;font-weight:600;text-align:right}.eta-compact-right{text-align:right}.eta-progress{position:relative;margin:.85rem 0 .4rem;height:8px;border-radius:999px;background:color-mix(in srgb,#fff 10%,transparent);overflow:visible}.eta-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#2a6f8f,var(--accent-2));transition:width .6s ease}.eta-progress-marker{position:absolute;top:50%;width:14px;height:14px;margin-left:-7px;margin-top:-7px;border-radius:50%;background:var(--text);border:2px solid var(--accent-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-2) 25%,transparent);transition:left .6s ease}.eta-basis{margin:0}@keyframes eta-hero-in{0%{opacity:0}to{opacity:1}}@keyframes eta-time-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes eta-digit{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.eta-hero,.eta-hero-time,.eta-compact-time,.eta-progress-fill,.eta-progress-marker,.eta-compact{animation:none!important;transition:none!important}}