@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100svh;font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5}#root{min-height:100svh}h1,h2,h3,h4,p{margin:0}button{font-family:inherit}img{max-width:100%;display:block}.camera-capture-overlay{z-index:9999;padding:var(--space-lg);background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.camera-capture-overlay__panel{background:var(--surface);border-radius:var(--radius-xl);width:min(100%,420px);box-shadow:var(--shadow-lg);overflow:hidden}.camera-capture-overlay__video{object-fit:cover;background:#000;width:100%;max-height:60vh;display:block}.camera-capture-overlay__hint{padding:var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;margin:0}.camera-capture-overlay__actions{gap:var(--space-sm);padding:var(--space-md);display:flex}.camera-capture-overlay__btn{border-radius:var(--radius-lg);padding:var(--space-md);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;border:none;flex:1;font-weight:700}.camera-capture-overlay__btn--ghost{background:var(--background);color:var(--text)}.camera-capture-overlay__btn--primary{background:var(--primary);color:#fff}.action-button{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius);font-size:var(--font-size-sm);letter-spacing:.01em;cursor:pointer;border:none;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex}.action-button:active{transform:scale(.98)}.action-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-button--sm{padding:var(--space-sm) var(--space-lg);min-height:36px}.action-button--md{padding:var(--space-md) var(--space-xl);min-height:44px}.action-button--full{width:100%}.action-button--primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #0f6b3a40}.action-button--primary:hover:not(:disabled){background:var(--primary-hover)}.action-button--secondary{background:var(--primary-light);color:var(--primary)}.action-button--secondary:hover:not(:disabled){background:#d1f0df}.action-button--outline{color:var(--primary);border:1.5px solid var(--border);background:0 0}.action-button--outline:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary)}.action-button--warning{background:var(--warning);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.action-button--warning:hover:not(:disabled){background:#d97706}.action-button--info{color:#fff;background:#1e3a5f;box-shadow:0 2px 8px #1e3a5f40}.action-button--info:hover:not(:disabled){background:#152a45}.action-button--success{background:var(--success);color:#fff;box-shadow:0 2px 8px #10b9814d}.action-button--success:hover:not(:disabled){background:#059669}@keyframes auth-spin{to{transform:rotate(360deg)}}.bottom-nav{z-index:100;-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-light);box-shadow:var(--shadow-nav);padding-bottom:env(safe-area-inset-bottom,0);background:#fffffff0;position:fixed;bottom:0;left:0;right:0}.bottom-nav__inner{max-width:var(--app-max-width);min-height:var(--bottom-nav-height);padding:var(--space-sm) var(--space-md);justify-content:space-around;align-items:stretch;margin:0 auto;display:flex}.bottom-nav__item{min-width:0;padding:var(--space-xs) var(--space-sm);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius);transition:color var(--transition-base), background var(--transition-base), transform var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex}.bottom-nav__item:hover{color:var(--primary);background:var(--primary-muted);transform:translateY(-1px)}.bottom-nav__item--active{color:var(--primary)}.bottom-nav__item--active .bottom-nav__icon-wrap{background:var(--primary-light);transform:scale(1.05)}.bottom-nav__icon-wrap{border-radius:var(--radius-full);width:36px;height:28px;transition:background var(--transition-base), transform var(--transition-base);justify-content:center;align-items:center;display:flex}.bottom-nav__label{letter-spacing:.01em;font-size:.6875rem;font-weight:600}.bottom-nav__item--active .bottom-nav__label{font-weight:700}@media (width>=640px){.bottom-nav__label{font-size:var(--font-size-xs)}}.corporate-footer{padding:var(--space-sm) var(--space-md) calc(var(--space-sm) + env(safe-area-inset-bottom,0px));text-align:center;color:var(--text-secondary);opacity:.85;flex-shrink:0;font-size:.6875rem;line-height:1.45}.corporate-footer p{margin:0}@media (width>=640px){.module-stats-grid{grid-template-columns:repeat(4,1fr)}}.floating-button{bottom:calc(var(--bottom-nav-height) + var(--space-xl));right:var(--space-lg);z-index:90;justify-content:center;align-items:center;gap:var(--space-sm);min-width:56px;height:56px;padding:0 var(--space-lg);border-radius:var(--radius-full);background:var(--primary);color:#fff;font-family:inherit;font-size:var(--font-size-sm);box-shadow:var(--shadow-md);cursor:pointer;border:none;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s;display:flex;position:fixed}.floating-button:hover{background:var(--primary-hover);box-shadow:var(--shadow-lg)}.floating-button:active{transform:scale(.96)}.floating-button--extended{padding:0 var(--space-xl)}@media (width>=640px){.floating-button{right:calc(50% - var(--app-max-width) / 2 + var(--space-lg))}}.notification-bell{border-radius:var(--radius-full);background:var(--card);width:40px;height:40px;color:var(--accent);cursor:pointer;transition:background var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);border:none;justify-content:center;align-items:center;display:flex;position:relative}.notification-bell--on-dark{color:#fff;background:#ffffff1f}.notification-bell:hover{background:var(--primary-light);color:var(--primary);box-shadow:var(--shadow-sm);transform:scale(1.05)}.notification-bell--on-dark:hover{color:#fff;background:#fff3}.notification-bell:active{transform:scale(.96)}.notification-bell__badge{border-radius:var(--radius-full);background:var(--danger);color:#fff;text-align:center;border:2px solid var(--card);min-width:18px;height:18px;padding:0 5px;font-size:.625rem;font-weight:700;line-height:18px;position:absolute;top:4px;right:4px}.notification-bell--on-dark .notification-bell__badge{border-color:#1a1a1a}.notification-bell__dot{border-radius:var(--radius-full);background:var(--danger);border:2px solid var(--card);width:8px;height:8px;position:absolute;top:8px;right:8px}.notification-bell--on-dark .notification-bell__dot{border-color:#1a1a1a}@keyframes skeleton-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}:root{--primary:#0f7a43;--primary-hover:#0d6939;--primary-light:#e8f5ee;--primary-muted:#0f7a431f;--accent:#000;--background:#fff;--card:#f5f5f5;--surface:#fff;--text:#000;--text-secondary:#6b7280;--border:#e5e7eb;--border-light:#f0f0f0;--success:#0f7a43;--success-bg:#e8f5ee;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--info:#2563eb;--info-bg:#eff6ff;--shadow-sm:0 1px 3px #0000000a;--shadow:0 4px 20px #0000000f;--shadow-md:0 8px 32px #0f7a431a;--shadow-lg:0 16px 48px #0000001a;--shadow-nav:0 -4px 24px #0000000f;--radius-sm:12px;--radius:16px;--radius-lg:20px;--radius-xl:24px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--font-sans:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.9375rem;--font-size-lg:1.0625rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--header-height:72px;--bottom-nav-height:72px;--app-max-width:480px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-smooth:.35s cubic-bezier(.4, 0, .2, 1)}.auth-page{min-height:100svh;padding:var(--space-xl);background:linear-gradient(160deg, var(--primary-light) 0%, var(--background) 55%);flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-page__main{flex:1;place-items:center;width:100%;display:grid}.auth-card{width:100%;max-width:420px;padding:var(--space-2xl) var(--space-xl);border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border-light);box-shadow:var(--shadow-md);text-align:center}.auth-card__logo{margin:0 auto var(--space-lg)}.auth-card__title{font-size:var(--font-size-xl);color:var(--text);letter-spacing:-.03em;font-weight:700}.auth-card__subtitle{margin-top:var(--space-sm);margin-bottom:var(--space-xl);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.auth-card__hint{margin-top:var(--space-lg);font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.45}.auth-card__hint--warning{padding:var(--space-md);border-radius:var(--radius);color:#7a5b00;text-align:left;background:#fff8e6;border:1px solid #f0d58c}.auth-card__hint code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em}.auth-loading{justify-content:center;align-items:center;gap:var(--space-md);min-height:40svh;padding:var(--space-xl);flex-direction:column;display:flex}.auth-loading__spinner{border:3px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite auth-spin}.auth-loading__text{font-size:var(--font-size-sm);color:var(--text-secondary)}.query-skeleton{gap:var(--space-md);padding:var(--space-lg);animation:1.2s ease-in-out infinite skeleton-pulse;display:grid}.query-skeleton--stats{grid-template-columns:repeat(3,minmax(0,1fr))}.query-skeleton__card,.query-skeleton__row,.query-skeleton__block,.query-skeleton__line{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--card) 0%, var(--border-light) 50%, var(--card) 100%);background-size:200% 100%}.query-skeleton__card{height:88px}.query-skeleton__row{height:96px}.query-skeleton__block{height:160px}.query-skeleton__line{height:16px}.query-skeleton__line--lg{width:60%;height:24px}.query-error{align-items:center;gap:var(--space-sm);padding:var(--space-2xl) var(--space-lg);text-align:center;flex-direction:column;display:flex}.query-error--compact{padding:var(--space-lg)}.query-error__icon{color:var(--danger)}.query-error__title{font-size:var(--font-size-md);color:var(--text);margin:0;font-weight:700}.query-error__text{margin:0 0 var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary);max-width:28rem}.offline-banner{z-index:1000;justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:#fff;font-size:var(--font-size-xs);background:#1f2937;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.offline-banner__dot{background:var(--warning);border-radius:50%;width:8px;height:8px}.app-toast-stack{right:var(--space-md);bottom:calc(var(--bottom-nav-height,72px) + var(--space-md));z-index:1001;gap:var(--space-sm);max-width:min(360px, calc(100vw - 2 * var(--space-md)));flex-direction:column;display:flex;position:fixed}.app-toast{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius);box-shadow:var(--shadow-md);font-size:var(--font-size-sm);line-height:1.4;display:flex}.app-toast--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.app-toast--info{background:var(--info-bg);color:#1e3a8a;border:1px solid #bfdbfe}.app-toast--warning{color:#92400e;background:#fffbeb;border:1px solid #fcd34d}.app-toast__close{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;line-height:0}.route-fallback{place-items:center;min-height:40svh;display:grid}.route-stops-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.route-stop{gap:var(--space-md);padding:var(--space-md);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--surface);display:flex}.route-stop--active{background:var(--primary-light);border-color:#0f7a4359}.route-stop--completed{opacity:.75}.route-stop__order{border-radius:var(--radius-full);background:var(--card);width:28px;height:28px;font-size:var(--font-size-xs);color:var(--primary);flex-shrink:0;place-items:center;font-weight:700;display:grid}.route-stop__body{flex:1;min-width:0}.route-stop__header{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);display:flex}.route-stop__label{font-size:var(--font-size-sm)}.route-stop__address,.route-stop__coords{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}.route-stop__actions{gap:var(--space-xs);margin-top:var(--space-sm);display:flex}.route-stop__action{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius);border:1px solid var(--border-light);background:var(--surface);font-family:inherit;font-size:var(--font-size-xs);cursor:pointer;font-weight:600}.route-stop__action:disabled{opacity:.5;cursor:not-allowed}.route-stop__action--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.route-status-panel{gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--border-light);margin-bottom:var(--space-md);display:grid}.route-status-panel__row{justify-content:space-between;gap:var(--space-md);font-size:var(--font-size-sm);display:flex}.route-status-panel__label{color:var(--text-secondary)}.route-map-preview{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--surface);margin-bottom:var(--space-md);overflow:hidden}.route-map-preview__header{align-items:center;gap:var(--space-sm);padding:var(--space-md);font-size:var(--font-size-sm);border-bottom:1px solid var(--border-light);font-weight:600;display:flex}.route-map-preview__frame-wrap{background:var(--card);height:220px}.route-map-preview__frame{border:0;width:100%;height:100%}.route-map-preview__gps{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}.route-map-preview__link{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);border:none;border-top:1px solid var(--border-light);background:var(--primary-light);color:var(--primary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;font-weight:600;display:flex}.route-toolbar{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.gps-status{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius);font-size:var(--font-size-xs);margin-bottom:var(--space-md);display:flex}.gps-status--ok{background:var(--success-bg);color:var(--success)}.gps-status--warn{background:var(--warning-bg);color:#92400e}.gps-status--error{color:#991b1b;background:#fef2f2}.gps-status__dot{background:currentColor;border-radius:50%;width:8px;height:8px}.gps-status__dot--pulse{animation:1.5s ease-in-out infinite gps-pulse}@keyframes gps-pulse{0%,to{opacity:1}50%{opacity:.35}}.demo-mode-banner{gap:var(--space-sm);margin:0 var(--space-lg) var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);color:#713f12;background:#fefce8;border:1px solid #fde047;align-items:flex-start;display:flex}.demo-mode-banner svg{flex-shrink:0;margin-top:2px}.demo-mode-banner__content{flex:1;min-width:0}.demo-mode-banner__title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-weight:700}.demo-mode-banner__text{font-size:var(--font-size-xs);margin:0;line-height:1.45}.demo-mode-banner__text a{color:var(--primary);font-weight:600;text-decoration:none}.admin-support-banner{gap:var(--space-sm);margin:0 var(--space-lg) var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);color:#1e3a8a;background:#eff6ff;border:1px solid #93c5fd;align-items:flex-start;display:flex}.admin-support-banner svg{flex-shrink:0;margin-top:2px}.admin-support-banner__content{flex:1;min-width:0}.admin-support-banner__title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-weight:700}.admin-support-banner__text{margin:0 0 var(--space-xs);font-size:var(--font-size-xs);line-height:1.45}.admin-support-banner__link{font-size:var(--font-size-xs);color:var(--primary);font-weight:600;text-decoration:none}.role-module-banner{gap:var(--space-sm);margin:0 var(--space-lg) var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);background:var(--info-bg);border:1px solid #bfdbfe;flex-direction:column;display:flex}.role-module-banner__eyebrow{font-size:var(--font-size-xs);color:#1e3a8a;text-transform:uppercase;letter-spacing:.04em;margin:0;font-weight:700}.role-module-banner__text{font-size:var(--font-size-xs);color:#1e40af;margin:0}.role-module-banner__links{gap:var(--space-sm);flex-wrap:wrap;display:flex}.role-module-banner__link{font-size:var(--font-size-xs);color:var(--primary);font-weight:600;text-decoration:none}.unauthorized-page{min-height:50svh;padding:var(--space-xl);place-items:center;display:grid}.unauthorized-card{text-align:center;max-width:420px;padding:var(--space-2xl);border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border-light);box-shadow:var(--shadow-md)}.unauthorized-card__icon{color:var(--danger);margin-bottom:var(--space-md)}.unauthorized-card__title{margin:0 0 var(--space-sm);font-size:var(--font-size-lg)}.unauthorized-card__text{margin:0 0 var(--space-lg);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.unauthorized-card__link{text-decoration:none}.coordinator-actions{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.vrp-panel{margin-bottom:var(--space-lg)}.vrp-panel__header{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.vrp-panel__summary{gap:var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.vrp-panel__warning{color:var(--warning,#b45309);font-weight:600}.vrp-panel__phase-actions{margin-bottom:var(--space-md)}.vrp-panel__routes{margin:0 0 var(--space-md);gap:var(--space-md);flex-direction:column;padding:0;list-style:none;display:flex}.vrp-panel__route{padding:var(--space-md);border-radius:var(--radius-md);background:var(--background);border:1px solid var(--border-light);gap:var(--space-xs);font-size:var(--font-size-sm);flex-direction:column;display:flex}.vrp-panel__stops{margin:var(--space-xs) 0 0;padding-left:var(--space-lg);color:var(--text-secondary)}.vrp-panel__balance h4{font-size:var(--font-size-sm);margin:0 0 var(--space-xs)}.vrp-panel__balance ul{padding-left:var(--space-lg);font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.vrp-history-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.vrp-history-item{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--background);border:1px solid var(--border-light);font-size:var(--font-size-sm);flex-direction:column;gap:2px;display:flex}.vrp-history-item span{color:var(--text-secondary);font-size:var(--font-size-xs)}.demo-role-bar{align-items:center;gap:var(--space-xs);max-width:var(--app-max-width);margin:var(--space-sm) auto 0;padding:var(--space-sm) var(--space-lg);flex-wrap:wrap;display:flex}.demo-role-bar__label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;font-weight:700}.demo-role-bar__btn{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--background);color:var(--text);font-family:inherit;font-size:var(--font-size-xs);cursor:pointer;padding:6px 12px;font-weight:600}.demo-role-bar__btn--active{background:var(--primary);border-color:var(--primary);color:#fff}.live-tracking-map{margin-bottom:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--border-light);background:var(--surface);overflow:hidden}.live-tracking-map .osm-map-embed{border:none;border-top:1px solid var(--border-light);border-radius:0}.live-tracking-map__header{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-light);background:var(--card);display:flex}.live-tracking-map__title{font-size:var(--font-size-sm);font-weight:600}.live-tracking-map__live-badge{letter-spacing:.06em;color:#fff;border-radius:var(--radius-full);background:#dc2626;padding:2px 8px;font-size:10px;font-weight:700;animation:2s ease-in-out infinite live-pulse-badge}@keyframes live-pulse-badge{0%,to{opacity:1}50%{opacity:.65}}.live-tracking-map__svg{display:none}.live-tracking-map__trail{stroke:#2563eb;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.live-tracking-map__stop{fill:#94a3b8;stroke:#fff;stroke-width:2px}.live-tracking-map__stop--in_progress{fill:#f59e0b}.live-tracking-map__stop--completed{fill:#16a34a}.live-tracking-map__stop-label{fill:#334155;text-anchor:middle;font-size:9px;font-weight:700}.live-tracking-map__driver{fill:#dc2626;stroke:#fff;stroke-width:2px}.live-tracking-map__driver-pulse{fill:#dc262640;animation:2s ease-out infinite live-driver-pulse}@keyframes live-driver-pulse{0%{r:6;opacity:.8}to{r:18;opacity:0}}.live-tracking-map__legend{gap:var(--space-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);color:var(--text-secondary);flex-wrap:wrap;display:flex}.live-tracking-map__dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.live-tracking-map__dot--driver{background:#dc2626}.live-tracking-map__dot--stop{background:#64748b}.tracking-sync-bar{gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:calc(var(--space-xs) * -1);margin-bottom:var(--space-md);flex-wrap:wrap;align-items:center;display:flex}.tracking-sync-bar__ok{color:#15803d}.tracking-sync-bar__warn{color:#b45309}.tracking-sync-bar__error{color:var(--danger)}.page-header{align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--surface);border-bottom:1px solid var(--border-light);z-index:40;display:flex;position:sticky;top:0}.page-header__back{border-radius:var(--radius-full);background:var(--background);width:40px;height:40px;color:var(--text);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.page-header__back:hover{background:var(--border-light)}.page-header__content{flex:1;min-width:0}.page-header__title{font-size:var(--font-size-lg);color:var(--text);letter-spacing:-.02em;font-weight:600}.page-header__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:2px}.page-header__action{flex-shrink:0}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-lg);color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{border-radius:var(--radius-full);background:var(--primary-light);width:64px;height:64px;color:var(--primary);margin-bottom:var(--space-lg);justify-content:center;align-items:center;display:flex}.empty-state__title{font-size:var(--font-size-lg);color:var(--text);margin-bottom:var(--space-sm);font-weight:600}.empty-state__text{font-size:var(--font-size-sm);max-width:280px}.action-stack{gap:var(--space-md);flex-direction:column;display:flex}.integration-hint{align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--info-bg);border-radius:var(--radius);font-size:var(--font-size-xs);color:#1d4ed8;margin-top:var(--space-md);display:flex}.map-placeholder{background:linear-gradient(180deg, #e8f5ee 0%, var(--background) 100%);border-radius:var(--radius-lg);border:1px dashed var(--border);min-height:280px;color:var(--text-secondary);text-align:center;padding:var(--space-xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.map-placeholder__icon{color:var(--primary);margin-bottom:var(--space-md)}.notification-item{gap:var(--space-md);padding:var(--space-lg);background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:background .15s;display:flex}.notification-item--unread{background:var(--primary-light);border-color:#0f6b3a26}.notification-item__icon{border-radius:var(--radius-sm);background:var(--background);width:40px;height:40px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.notification-item__content{flex:1;min-width:0}.notification-item__title{font-size:var(--font-size-base);color:var(--text);font-weight:600}.notification-item__message{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-xs);line-height:1.4}.notification-item__time{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--space-sm)}.profile-section{margin-bottom:var(--space-xl)}.profile-section__title{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-md);padding:0 var(--space-xs);font-weight:600}.profile-hero{text-align:center;padding:var(--space-2xl) var(--space-lg);background:var(--surface);border-bottom:1px solid var(--border-light);flex-direction:column;align-items:center;display:flex}.profile-hero__name{font-size:var(--font-size-xl);color:var(--text);margin-top:var(--space-md);letter-spacing:-.02em;font-weight:700}.profile-hero__role{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-xs)}.integration-list{gap:var(--space-sm);flex-direction:column;display:flex}.integration-item{padding:var(--space-md) var(--space-lg);background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius);justify-content:space-between;align-items:center;display:flex}.integration-item__label{font-size:var(--font-size-base);color:var(--text);font-weight:500}.integration-item__status{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-weight:600}.integration-item__status--active{background:var(--success-bg);color:#047857}.integration-item__status--pending{background:var(--warning-bg);color:#b45309}.history-date-group{margin-bottom:var(--space-xl)}.history-date-group__label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-md);padding:0 var(--space-xs);font-weight:600}.notifications-list,.history-list{gap:var(--space-md);flex-direction:column;display:flex}button.notification-item{text-align:left;cursor:pointer;width:100%;font-family:inherit}.map-actions{gap:var(--space-md);margin-top:var(--space-lg);display:flex}.map-actions .action-button{flex:1}.detail-grid{gap:var(--space-md);flex-direction:column;display:flex}.detail-route-card{background:var(--background);border-radius:var(--radius);padding:var(--space-lg)}.detail-route-card__row{gap:var(--space-md);align-items:flex-start;display:flex}.detail-route-card__dot{border-radius:var(--radius-full);background:var(--primary);width:10px;height:10px;box-shadow:0 0 0 3px var(--primary-light);flex-shrink:0;margin-top:5px}.detail-route-card__dot--dest{background:var(--text-secondary);box-shadow:0 0 0 3px var(--border-light)}.detail-route-card__connector{background:linear-gradient(to bottom, var(--primary), var(--border));width:2px;height:24px;margin:var(--space-xs) 0 var(--space-xs) 4px}.detail-route-card__label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.detail-route-card__value{font-size:var(--font-size-base);color:var(--text);font-weight:500}.active-trip-panel+.detail-grid,.page-content>.active-trip-panel+.detail-grid{margin-top:var(--space-xl)}.page-content>.active-trip-panel,.page-content>.active-trip-panel .active-trip-panel{margin-top:0;padding-left:0;padding-right:0}.trip-panel-link{justify-content:center;align-items:center;gap:var(--space-xs);width:calc(100% - var(--space-lg) * 2);margin:var(--space-sm) var(--space-lg) 0;padding:var(--space-md);border-radius:var(--radius-lg);background:var(--primary-light);color:var(--primary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-base), transform var(--transition-fast);border:1px solid #0f7a4333;font-weight:600;display:inline-flex}.trip-panel-link:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.trip-detail{min-height:100%;padding-bottom:calc(88px + var(--space-xl));flex-direction:column;display:flex}.trip-detail__hero{padding:var(--space-lg) var(--space-lg) var(--space-2xl);color:#fff;background:linear-gradient(160deg,#000 0%,#1a1a1a 100%);position:relative;overflow:hidden}.trip-detail__hero:after{content:"";background:var(--background);border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:24px;position:absolute;bottom:0;left:0;right:0}.trip-detail__hero-inner{z-index:1;position:relative}.trip-detail__hero-top{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.trip-detail__logo{border-radius:var(--radius-sm);object-fit:contain;background:#fff;width:36px;height:36px;padding:4px}.trip-detail__live-badge{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:#7ddea8;background:#0f7a4340;border:1px solid #0f7a4380;font-weight:600;display:inline-flex}.trip-detail__live-dot{border-radius:var(--radius-full);background:var(--primary);width:8px;height:8px;box-shadow:0 0 8px var(--primary);animation:2s ease-in-out infinite trip-detail-pulse}@keyframes trip-detail-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.trip-detail__hero-title{font-size:var(--font-size-2xl);letter-spacing:-.03em;margin-bottom:var(--space-xs);font-weight:700;line-height:1.15}.trip-detail__hero-subtitle{font-size:var(--font-size-sm);color:#ffffffa6;margin-bottom:var(--space-lg)}.trip-detail__step-chip{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);background:var(--primary);color:#fff;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:700;display:inline-flex;box-shadow:0 4px 16px #0f7a4366}.trip-detail__body{gap:var(--space-lg);padding:0 var(--space-lg);margin-top:calc(var(--space-md) * -1);z-index:2;flex-direction:column;display:flex;position:relative}.trip-detail__section{gap:var(--space-lg);flex-direction:column;display:flex}.trip-detail__delivery-sections{gap:var(--space-md);flex-direction:column;display:flex}.trip-detail__start-bar{width:100%;max-width:var(--app-max-width);padding:var(--space-md) var(--space-lg) calc(var(--space-md) + env(safe-area-inset-bottom,0px));background:linear-gradient(to top, var(--background) 70%, transparent);z-index:50;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.trip-detail__start-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--primary);color:#fff;font-family:inherit;font-size:var(--font-size-base);letter-spacing:-.01em;cursor:pointer;box-shadow:var(--shadow-md);transition:background var(--transition-base), transform var(--transition-fast);border:none;font-weight:700;display:flex}.trip-detail__start-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.trip-detail__start-btn:active{transform:translateY(0)}.trip-detail .active-trip-panel{margin-top:0;padding:0}.trip-detail .active-trip-panel .trip-progress{box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.trip-detail .quick-actions{bottom:calc(88px + var(--space-md));z-index:40;padding:var(--space-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);box-shadow:var(--shadow-nav);border:1px solid var(--border-light);background:#ffffffeb;position:sticky}@media (width>=640px){.trip-detail__hero,.trip-detail__body,.trip-detail__start-bar{padding-left:var(--space-2xl);padding-right:var(--space-2xl)}}.history-stats-grid{gap:var(--space-md);padding:0 var(--space-lg) var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.history-stats-grid .statistics-card{border-radius:var(--radius-xl)}.history-toolbar{gap:var(--space-lg);padding:0 var(--space-lg) var(--space-lg);flex-direction:column;display:flex}.history-toolbar__section-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-sm);font-weight:600}.history-completed-list{gap:var(--space-md);flex-direction:column;display:flex}@media (width>=640px){.history-stats-grid{padding-left:var(--space-2xl);padding-right:var(--space-2xl);grid-template-columns:repeat(4,1fr)}.history-toolbar{padding-left:var(--space-2xl);padding-right:var(--space-2xl)}}.module-nav{gap:var(--space-sm);padding:var(--space-md) var(--space-lg);-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border-light);background:var(--surface);display:flex;overflow-x:auto}.module-nav__item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast);font-weight:600;text-decoration:none;display:inline-flex}.module-nav__item:hover{background:var(--card);color:var(--text)}.module-nav__item--active{background:var(--primary-light);color:var(--primary)}.module-module-header{align-items:center;gap:var(--space-md);padding:var(--space-lg);color:#fff;background:linear-gradient(160deg,#000 0%,#1a1a1a 100%);display:flex}.module-module-header__logo{border-radius:var(--radius-sm);object-fit:contain;background:#fff;width:40px;height:40px;padding:4px}.module-module-header__title{font-size:var(--font-size-lg);letter-spacing:-.02em;font-weight:700}.module-module-header__subtitle{font-size:var(--font-size-xs);color:#fff9}.module-module-header__actions{align-items:center;gap:var(--space-sm);margin-left:auto;display:flex}.module-page-content{padding:var(--space-lg);padding-bottom:var(--space-3xl)}.module-stats-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.module-card-list{gap:var(--space-md);flex-direction:column;display:flex}.coordinator-driver-card,.coordinator-vehicle-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow);transition:transform var(--transition-fast), box-shadow var(--transition-base)}.coordinator-driver-card:hover,.coordinator-vehicle-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.coordinator-driver-card__name,.coordinator-vehicle-card__label{font-size:var(--font-size-base);color:var(--text);margin-bottom:var(--space-xs);font-weight:700}.coordinator-driver-card__meta,.coordinator-vehicle-card__meta{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--space-sm)}.coordinator-driver-card__footer,.coordinator-vehicle-card__footer{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.module-page-desc{margin-bottom:var(--space-lg);color:var(--text-secondary);font-size:var(--font-size-sm)}.module-section{margin-top:var(--space-xl)}@media (width>=640px){.module-stats-grid{grid-template-columns:repeat(4,1fr)}}.app-shell{background:var(--background);min-height:100svh}.app-container{width:100%;max-width:var(--app-max-width);min-height:100svh;padding-bottom:calc(var(--bottom-nav-height) + var(--space-xl));margin:0 auto}.app-container--flush{padding-bottom:calc(var(--bottom-nav-height) + var(--space-xl))}.app-container--no-nav{padding-bottom:var(--space-xl)}.page-content{padding:0 var(--space-lg) var(--space-xl)}.stats-grid{gap:var(--space-md);padding:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.section-header{padding:0 var(--space-lg) var(--space-md);justify-content:space-between;align-items:center;display:flex}.section-header__title{font-size:var(--font-size-lg);color:var(--text);letter-spacing:-.02em;font-weight:600}.section-header__count{font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--card);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-weight:500}.section-header__link{font-size:var(--font-size-sm);color:var(--primary);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:background var(--transition-base), transform var(--transition-fast);background:0 0;border:none;align-items:center;gap:2px;font-weight:600;display:inline-flex}.section-header__link:hover{background:var(--primary-light);transform:translate(2px)}.home-section{margin-bottom:var(--space-md)}.page-fade-in{animation:pageFadeIn .4s var(--transition-smooth) both}.stagger-item{animation:staggerFadeUp .45s var(--transition-smooth) both}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes staggerFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stats-grid--profile{grid-template-columns:repeat(2,1fr);padding:0}.detail-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.detail-badges{gap:var(--space-sm);flex-wrap:wrap;justify-content:flex-end;display:flex}.empty-state--compact{padding:var(--space-xl) var(--space-lg)}.services-list{gap:var(--space-md);padding:0 var(--space-lg) var(--space-xl);flex-direction:column;display:flex}@media (width>=640px){.stats-grid{gap:var(--space-lg);padding:var(--space-xl) var(--space-2xl)}.section-header,.services-list{padding-left:var(--space-2xl);padding-right:var(--space-2xl)}}