:root{--l2u-primary: #2b93ff;--l2u-primary-dark: #1a7ae6;--l2u-primary-light: #e8f4ff;--l2u-bg-page: #f4f7fb;--l2u-bg-white: #ffffff;--l2u-text-primary: #384553;--l2u-text-secondary: #737474;--l2u-text-muted: #94a3b8;--l2u-text-heading: #1c3e61;--l2u-border-light: #dee5ee;--l2u-status-pending: #b7791f;--l2u-status-pending-bg: rgba(245, 166, 35, .15);--l2u-status-en-route: #0891b2;--l2u-status-en-route-bg: rgba(6, 182, 212, .15);--l2u-status-in-progress: #2b93ff;--l2u-status-in-progress-bg: rgba(43, 147, 255, .15);--l2u-status-completed: #07875a;--l2u-status-completed-bg: rgba(11, 218, 142, .15);--l2u-status-failed: #dc2626;--l2u-status-failed-bg: rgba(239, 68, 68, .15);--l2u-status-cancelled: #dc2626;--l2u-status-cancelled-bg: rgba(239, 68, 68, .15);--l2u-brand: var(--l2u-primary);--shadow-card: 0 -4px 24px rgba(28, 62, 97, .14)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Roboto,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;background:var(--l2u-bg-page);color:var(--l2u-text-primary);-webkit-font-smoothing:antialiased}button,select{font-family:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--l2u-primary);outline-offset:2px}.track{position:relative;height:100%;overflow:hidden}.track--message{display:flex;align-items:center;justify-content:center;padding:16px}.track-map,.track-map .track-map__canvas{position:absolute;top:0;right:0;bottom:0;left:0}.track-map--failed{display:flex;align-items:flex-start;justify-content:center;padding-top:96px;color:var(--l2u-text-secondary);font-size:14px}.track-map__recentre{position:absolute;top:88px;right:10px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:var(--l2u-bg-white);color:var(--l2u-text-heading);box-shadow:0 0 0 2px #0000001a;cursor:pointer}.track-map .mapboxgl-ctrl-top-right{top:0}.track-map .mapboxgl-ctrl-group button{width:44px;height:44px}.track-map__pin{width:28px;height:36px;background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36'%3E%3Cpath d='M14 0C6.3 0 0 6.2 0 13.9 0 24.3 14 36 14 36s14-11.7 14-22.1C28 6.2 21.7 0 14 0z' fill='%231C3E61'/%3E%3Ccircle cx='14' cy='14' r='5.5' fill='white'/%3E%3C/svg%3E")}.track-map__driver{width:22px;height:22px;border-radius:50%;background:var(--l2u-brand);border:3px solid var(--l2u-bg-white);box-shadow:0 0 0 6px #2b93ff40,0 2px 6px #0000004d}.track-lang{position:absolute;top:calc(12px + env(safe-area-inset-top));left:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:9999px;background:var(--l2u-bg-white);box-shadow:0 1px 4px #00000026;font-size:14px;color:var(--l2u-text-heading)}.track-lang__select{border:none;background:transparent;font-size:16px;color:inherit;padding:4px 0;cursor:pointer}.track-card{position:absolute;left:0;right:0;bottom:0;z-index:1;width:100%;max-width:480px;margin:0 auto;padding:0 16px calc(16px + env(safe-area-inset-bottom));background:var(--l2u-bg-white);border-radius:16px 16px 0 0;box-shadow:var(--shadow-card)}.track-card__top{display:flex;align-items:flex-end;gap:12px;margin-top:-28px}.track-card__avatar{width:64px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--l2u-brand);border:4px solid var(--l2u-bg-white);color:#fff;font-size:26px;font-weight:700;box-shadow:0 2px 8px #00000026}.track-status{display:inline-flex;align-items:center;margin-bottom:6px;padding:4px 10px;font-size:12px;font-weight:600;border-radius:9999px;white-space:nowrap}.track-status--pending{color:var(--l2u-status-pending);background:var(--l2u-status-pending-bg)}.track-status--enroute{color:var(--l2u-status-en-route);background:var(--l2u-status-en-route-bg)}.track-status--arrived{color:var(--l2u-status-in-progress);background:var(--l2u-status-in-progress-bg)}.track-status--delivered{color:var(--l2u-status-completed);background:var(--l2u-status-completed-bg)}.track-status--failed{color:var(--l2u-status-failed);background:var(--l2u-status-failed-bg)}.track-status--cancelled{color:var(--l2u-status-cancelled);background:var(--l2u-status-cancelled-bg)}.track-card__heading{margin:12px 0 16px;font-size:20px;font-weight:700;color:var(--l2u-text-heading);overflow-wrap:anywhere}.track-card__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;margin:0}.track-fact__label{font-size:12px;color:var(--l2u-text-secondary);margin-bottom:4px}.track-fact__value{margin:0;font-size:15px;font-weight:500;color:var(--l2u-text-heading)}.track-card__note{margin:16px 0 0;padding:12px;font-size:14px;line-height:1.45;border-radius:8px;background:var(--l2u-bg-page);color:var(--l2u-text-primary)}.track-card__footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding-top:12px;border-top:1px solid var(--l2u-border-light);font-size:12px;color:var(--l2u-text-muted)}.track-card__brand-logo{max-height:28px;max-width:160px}.track-message{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:360px;text-align:center;color:var(--l2u-text-secondary);font-size:14px}.track-message__title{margin:12px 0 0;font-size:20px;color:var(--l2u-text-heading)}.track-message__body{margin:0;line-height:1.5}.track-button{min-height:44px;padding:0 20px;border:none;border-radius:8px;background:var(--l2u-primary);color:#fff;font-size:15px;font-weight:500;cursor:pointer}.track-button:hover{background:var(--l2u-primary-dark)}.track-spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--l2u-border-light);border-top-color:var(--l2u-primary);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}