:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "Cascadia Code", Menlo, Consolas, monospace;--fs-xs:11px;--fs-sm:12px;--fs-base:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:18px;--fs-2xl:22px;--lh-tight:1.3;--lh-normal:1.5;--c-bg-app:#f5f7fa;--c-bg-surface:#fff;--c-bg-subtle:#f3f4f6;--c-bg-row-alt:#fafbfc;--c-fg-strong:#0f172a;--c-fg-primary:#1f2937;--c-fg-muted:#475569;--c-fg-subtle:#64748b;--c-border:#e5e7eb;--c-border-strong:#d1d5db;--c-accent:#2563eb;--c-accent-hover:#1d4ed8;--c-accent-tint:#2563eb14;--c-accent-tint-2:#2563eb0a;--c-status-to-pickup-bg:#d977061f;--c-status-to-pickup-fg:#b45309;--c-status-enroute-bg:#2563eb1f;--c-status-enroute-fg:#1d4ed8;--c-status-dropoff-bg:#0596691f;--c-status-dropoff-fg:#047857;--c-status-neutral-bg:#64748b1f;--c-status-neutral-fg:#334155;--c-error-bg:#fef2f2;--c-error-fg:#991b1b;--c-error-border:#fecaca;--c-info-bg:#eff6ff;--c-info-fg:#1d4ed8;--c-info-border:#bfdbfe;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-pill:999px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 16px 40px #0f172a2e;--ease:cubic-bezier(.4, 0, .2, 1);--t-fast:.12s;--t-base:.2s;--z-sticky:10;--z-drawer:100;--z-drawer-backdrop:99}*,:before,:after{box-sizing:border-box}:root{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--c-fg-primary);background:var(--c-bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--c-accent);text-decoration:none}a:hover{text-decoration:underline}:focus{outline:none}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{max-width:1200px;padding:var(--space-8) var(--space-6) var(--space-12);margin:0 auto}.app h1{font-size:var(--fs-2xl);color:var(--c-fg-strong);letter-spacing:-.01em;margin:0;font-weight:700}.app-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 0 var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--c-border);display:flex}.app-header__brand{align-items:center;gap:var(--space-3);display:flex}.app-header__logo{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.app-header__wordmark{flex-direction:column;line-height:1.2;display:flex}.app-header__title{font-size:var(--fs-lg);color:var(--c-fg-strong);letter-spacing:-.01em;font-weight:700}.app-header__section{font-size:var(--fs-xs);color:var(--c-fg-subtle);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.app-header__user{align-items:center;gap:var(--space-3);display:flex}.app-header__avatar{background:var(--c-accent-tint);width:32px;height:32px;color:var(--c-accent-hover);font-size:var(--fs-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.app-header__identity{text-align:right;flex-direction:column;line-height:1.2;display:flex}.app-header__email{font-size:var(--fs-sm);color:var(--c-fg-primary);font-weight:500}.app-header__role{font-size:var(--fs-xs);color:var(--c-fg-subtle);text-transform:uppercase;letter-spacing:.04em}.app-header__logout{padding:var(--space-2) var(--space-4);border:1px solid var(--c-border-strong);border-radius:var(--radius-md);background:var(--c-bg-surface);color:var(--c-fg-primary);font-size:var(--fs-sm);transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);font-weight:500}.app-header__logout:hover{background:var(--c-bg-subtle);border-color:var(--c-fg-subtle)}.status-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0 var(--space-3);font-size:var(--fs-sm);color:var(--c-fg-muted);display:flex}.status-bar__meta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.status-bar__dot{color:var(--c-border-strong)}.chip-row{gap:var(--space-2);margin:0 0 var(--space-3);flex-wrap:wrap;display:flex}.chip-row:empty{display:none}.chip{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);background:var(--c-accent-tint);color:var(--c-accent-hover);font-size:var(--fs-sm);transition:background var(--t-fast) var(--ease);border:none;padding:2px 4px 2px 10px;font-weight:500;display:inline-flex}.chip:hover{background:#2563eb24}.chip__x{color:currentColor;opacity:.7;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.chip:hover .chip__x{opacity:1}.loading{color:var(--c-fg-muted);padding:var(--space-4) 0;font-style:italic}.banner-error{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin:0 0 var(--space-4);color:var(--c-error-fg);background:var(--c-error-bg);border:1px solid var(--c-error-border);border-radius:var(--radius-md);font-size:var(--fs-md);display:flex}.banner-error__actions{gap:var(--space-2);display:flex}.banner-error button{padding:var(--space-1) var(--space-3);border:1px solid var(--c-error-border);background:var(--c-bg-surface);color:var(--c-error-fg);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:500}.banner-error button:hover{background:var(--c-error-bg)}.empty-state{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);text-align:center;background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.empty-state__icon{color:var(--c-fg-subtle);opacity:.7}.empty-state__title{font-size:var(--fs-lg);color:var(--c-fg-strong);margin:0;font-weight:600}.empty-state__hint{font-size:var(--fs-md);color:var(--c-fg-muted);max-width:360px;margin:0}.empty-state__action{margin-top:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--c-accent);background:var(--c-accent);color:#fff;font-size:var(--fs-sm);border-radius:var(--radius-md);transition:background var(--t-fast) var(--ease);font-weight:600}.empty-state__action:hover{background:var(--c-accent-hover);border-color:var(--c-accent-hover)}@media (width<=900px){.app{padding:var(--space-5) var(--space-4) var(--space-10)}.app-header{flex-wrap:wrap}.status-bar{flex-direction:column;align-items:flex-start}}.login-shell{min-height:100vh;padding:var(--space-6);background:var(--c-bg-app);justify-content:center;align-items:center;display:flex}.login-form{width:100%;max-width:420px;padding:var(--space-7) var(--space-6);background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.login-form__logo{border-radius:var(--radius-md);color:#fff;width:40px;height:40px;margin:0 0 var(--space-4);background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);justify-content:center;align-items:center;display:flex}.login-form__title{margin:0 0 var(--space-1);font-size:var(--fs-xl);color:var(--c-fg-strong);letter-spacing:-.01em;font-weight:700}.login-form__subtitle{margin:0 0 var(--space-6);font-size:var(--fs-md);color:var(--c-fg-muted)}.login-form__flash{align-items:flex-start;gap:var(--space-2);margin:0 0 var(--space-4);padding:var(--space-3);background:var(--c-info-bg);border:1px solid var(--c-info-border);color:var(--c-info-fg);border-radius:var(--radius-md);font-size:var(--fs-sm);display:flex}.login-form__field{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.login-form__field span{font-size:var(--fs-xs);color:var(--c-fg-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.login-form__field input{padding:var(--space-3);border:1px solid var(--c-border-strong);border-radius:var(--radius-md);background:var(--c-bg-surface);font-size:var(--fs-md);color:var(--c-fg-primary);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease)}.login-form__field input:hover{border-color:var(--c-fg-subtle)}.login-form__field input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-tint);outline:none}.login-form__error{margin:0 0 var(--space-4)}.login-form__submit{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--c-accent);border-radius:var(--radius-md);background:var(--c-accent);color:#fff;font-weight:600;font-size:var(--fs-md);justify-content:center;align-items:center;gap:var(--space-2);transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);display:inline-flex}.login-form__submit:hover:not(:disabled){background:var(--c-accent-hover);border-color:var(--c-accent-hover)}.login-form__submit:disabled{opacity:.6;cursor:not-allowed}.error{padding:var(--space-3) var(--space-4);color:var(--c-error-fg);background:var(--c-error-bg);border:1px solid var(--c-error-border);border-radius:var(--radius-sm);margin:0}.control{padding:var(--space-2) var(--space-3);border:1px solid var(--c-border-strong);border-radius:var(--radius-md);background:var(--c-bg-surface);font-size:var(--fs-md);color:var(--c-fg-primary);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease)}.control:hover{border-color:var(--c-fg-subtle)}.control::placeholder{color:var(--c-fg-subtle)}.control:disabled{background:var(--c-bg-subtle);color:var(--c-fg-subtle);cursor:not-allowed}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--fs-md);transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);white-space:nowrap;border:1px solid #0000;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--c-accent-hover);border-color:var(--c-accent-hover)}.btn--secondary{background:var(--c-bg-surface);border-color:var(--c-border-strong);color:var(--c-fg-primary)}.btn--secondary:hover:not(:disabled){background:var(--c-bg-subtle);border-color:var(--c-fg-subtle)}.btn--ghost{color:var(--c-fg-muted);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--c-bg-subtle);color:var(--c-fg-primary)}.btn--danger-ghost{color:var(--c-error-fg);background:0 0;border-color:#0000}.btn--danger-ghost:hover:not(:disabled){background:var(--c-error-bg)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--fs-sm)}.filter-bar{gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-3);background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);grid-template-columns:180px minmax(220px,1fr) auto;align-items:end;display:grid}.filter-bar__row-2{gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--c-border);grid-column:1/-1;grid-template-columns:180px 140px 140px auto 140px;align-items:end;display:grid}.filter-bar__field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.filter-bar__label{font-size:var(--fs-xs);color:var(--c-fg-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.filter-bar__label-count{margin-left:var(--space-2);color:var(--c-accent-hover);text-transform:none;letter-spacing:0;font-weight:500}.filter-bar select,.filter-bar input{padding:var(--space-2) var(--space-3);border:1px solid var(--c-border-strong);border-radius:var(--radius-md);background:var(--c-bg-surface);font-size:var(--fs-md);color:var(--c-fg-primary);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);width:100%;min-width:0}.filter-bar select:hover,.filter-bar input:hover{border-color:var(--c-fg-subtle)}.filter-bar select:focus,.filter-bar input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-tint);outline:none}.filter-bar__actions{gap:var(--space-2);align-items:end;display:flex}.filter-bar__geo-error{margin:var(--space-1) 0 0;font-size:var(--fs-sm);color:var(--c-error-fg);grid-column:1/-1}@media (width<=900px){.filter-bar{grid-template-columns:1fr}.filter-bar__row-2{grid-template-columns:1fr 1fr}.filter-bar__actions{grid-column:1/-1}}.filters{gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-6);background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;display:flex}.filters select,.filters input{padding:var(--space-2) var(--space-3);border:1px solid var(--c-border-strong);border-radius:var(--radius-md);background:var(--c-bg-surface);font-size:var(--fs-md);color:var(--c-fg-primary);min-width:160px;transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease)}.filters input{flex:220px}.filters input.filters__gps{flex:0 0 140px;min-width:120px}.filters select:hover,.filters input:hover{border-color:var(--c-fg-subtle)}.filters select:focus,.filters input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-tint);outline:none}.filters button{padding:var(--space-2) var(--space-4);border:1px solid var(--c-accent);border-radius:var(--radius-md);background:var(--c-accent);color:#fff;font-weight:600;font-size:var(--fs-md);transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease)}.filters button:hover:not(:disabled){background:var(--c-accent-hover);border-color:var(--c-accent-hover)}.filters button:disabled{opacity:.5;cursor:not-allowed}.table-wrap{background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.table-scroll{overflow-x:auto}.ride-table{border-collapse:collapse;background:var(--c-bg-surface);width:100%}.ride-table th,.ride-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--c-border);vertical-align:middle;line-height:var(--lh-tight)}.ride-table thead th{background:var(--c-bg-subtle);color:var(--c-fg-muted);font-weight:600;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;z-index:var(--z-sticky);position:sticky;top:0}.ride-table tbody tr{transition:background var(--t-fast) var(--ease)}.ride-table tbody tr:nth-child(2n){background:var(--c-bg-row-alt)}.ride-table tbody tr:hover{background:var(--c-accent-tint-2);cursor:pointer}.ride-table tbody tr.is-selected{background:var(--c-accent-tint);box-shadow:inset 2px 0 0 0 var(--c-accent)}.ride-table tbody tr:last-child td{border-bottom:none}.ride-table__mono{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--c-fg-muted)}.ride-table__rider{color:inherit;text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:2px;padding:0;display:inline-flex}.ride-table__rider-name{color:var(--c-fg-primary);font-weight:500}.ride-table__rider-email{font-size:var(--fs-sm);color:var(--c-fg-subtle)}.ride-table__rider:hover .ride-table__rider-email{color:var(--c-accent-hover);text-decoration:underline}.ride-table__driver{color:var(--c-fg-primary)}.ride-table__time{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--c-fg-primary);white-space:nowrap}.ride-table__time-rel{font-family:var(--font-sans);font-size:var(--fs-xs);color:var(--c-fg-subtle);margin-top:2px;display:block}.ride-table .subtle{font-size:var(--fs-sm);color:var(--c-fg-subtle)}.th-sort{padding:0!important}.th-sort__btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);width:100%;height:100%;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;text-align:left;background:0 0;border:0;font-weight:600;display:inline-flex}.th-sort__btn:hover{color:var(--c-fg-strong)}.th-sort--active .th-sort__btn{color:var(--c-accent-hover)}.th-sort__arrow{opacity:0;transition:opacity var(--t-fast) var(--ease);color:currentColor}.th-sort--active .th-sort__arrow,.th-sort__btn:hover .th-sort__arrow{opacity:1}.status-chip{border-radius:var(--radius-pill);font-size:var(--fs-sm);background:var(--c-status-neutral-bg);color:var(--c-status-neutral-fg);text-transform:lowercase;transition:filter var(--t-fast) var(--ease);border:0;align-items:center;padding:2px 10px;font-weight:600;display:inline-flex}.status-chip--button{cursor:pointer}.status-chip--button:hover{filter:brightness(.95)}.status-chip--to-pickup{background:var(--c-status-to-pickup-bg);color:var(--c-status-to-pickup-fg)}.status-chip--en-route{background:var(--c-status-enroute-bg);color:var(--c-status-enroute-fg)}.status-chip--dropoff{background:var(--c-status-dropoff-bg);color:var(--c-status-dropoff-fg)}.events-none{color:var(--c-fg-subtle);font-family:var(--font-mono);font-size:var(--fs-md)}.events-pill{min-width:28px;height:22px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--c-accent-tint);color:var(--c-accent-hover);font-weight:600;font-size:var(--fs-sm);transition:background var(--t-fast) var(--ease);border:0;justify-content:center;align-items:center;display:inline-flex}.events-pill:hover{background:#2563eb24}@keyframes skeleton-pulse{0%{background-position:-320px 0}to{background-position:calc(320px + 100%) 0}}.skeleton-bar{height:10px;width:var(--skeleton-w,120px);border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--c-bg-subtle) 0%, var(--c-bg-row-alt) 50%, var(--c-bg-subtle) 100%);animation:skeleton-pulse 1.2s var(--ease) infinite;background-size:320px 100%;display:inline-block}@media (prefers-reduced-motion:reduce){.skeleton-bar{background:var(--c-bg-subtle);animation:none}}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.spinner{transform-origin:50%;animation:.9s linear infinite spinner-rotate}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.app-nav{gap:var(--space-1);padding:0 var(--space-2);border-bottom:1px solid var(--c-border);margin-bottom:var(--space-4);display:flex}.app-nav__tab{appearance:none;padding:var(--space-3) var(--space-4);font-size:var(--fs-md);color:var(--c-fg-muted);cursor:pointer;transition:color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:500}.app-nav__tab:hover{color:var(--c-fg-primary)}.app-nav__tab.is-active{color:var(--c-accent);border-bottom-color:var(--c-accent)}.app-nav__tab:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:var(--radius-sm)}.ride-table__num{text-align:right;font-variant-numeric:tabular-nums}.pagination{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-size:var(--fs-sm);color:var(--c-fg-muted);flex-wrap:wrap;display:flex}.pagination__summary{white-space:nowrap}.pagination__summary strong{color:var(--c-fg-primary);font-weight:600}.pagination__list{align-items:center;gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.pagination__btn{min-width:32px;height:32px;padding:0 var(--space-2);border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-bg-surface);color:var(--c-fg-muted);font-size:var(--fs-sm);transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);justify-content:center;align-items:center;font-weight:500;display:inline-flex}.pagination__btn:hover:not(:disabled):not([aria-current=page]){background:var(--c-bg-subtle);color:var(--c-fg-primary);border-color:var(--c-border-strong)}.pagination__btn:disabled{opacity:.35;cursor:not-allowed}.pagination__btn[aria-current=page]{background:var(--c-accent);border-color:var(--c-accent);color:#fff;cursor:default}.pagination__ellipsis{min-width:32px;color:var(--c-fg-subtle);font-size:var(--fs-sm);justify-content:center;align-items:center;display:inline-flex}@media (width<=700px){.pagination{text-align:center;flex-direction:column;align-items:stretch}.pagination__list{justify-content:center}}.drawer-backdrop{z-index:var(--z-drawer-backdrop);animation:backdrop-fade-in var(--t-base) var(--ease);background:#0f172a52;position:fixed;inset:0}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}.drawer{background:var(--c-bg-surface);border-left:1px solid var(--c-border);width:min(520px,95vw);height:100vh;box-shadow:var(--shadow-lg);z-index:var(--z-drawer);animation:drawer-slide-in var(--t-base) var(--ease);flex-direction:column;display:flex;position:fixed;top:0;right:0}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--c-border);flex-shrink:0;display:flex}.drawer__title{align-items:center;gap:var(--space-3);font-size:var(--fs-lg);color:var(--c-fg-strong);margin:0;font-weight:600;display:flex}.drawer__title-id{font-family:var(--font-mono);font-size:var(--fs-md);color:var(--c-fg-muted)}.drawer__close{border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg-surface);width:32px;height:32px;color:var(--c-fg-muted);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);justify-content:center;align-items:center;padding:0;display:inline-flex}.drawer__close:hover{background:var(--c-bg-subtle);color:var(--c-fg-primary)}.drawer__body{padding:var(--space-5);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.drawer__section-title{margin:0 0 var(--space-2);font-size:var(--fs-xs);color:var(--c-fg-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.drawer__meta{gap:var(--space-2) var(--space-4);font-size:var(--fs-md);grid-template-columns:max-content 1fr;margin:0;display:grid}.drawer__meta dt{color:var(--c-fg-muted);font-weight:500}.drawer__meta dd{color:var(--c-fg-primary);margin:0}.drawer__meta dd strong{color:var(--c-fg-strong);font-weight:600;display:block}.drawer__meta dd span{font-size:var(--fs-sm);color:var(--c-fg-subtle);margin-top:2px;display:block}.drawer__coords{gap:var(--space-3);padding:var(--space-3);background:var(--c-bg-subtle);border-radius:var(--radius-md);border:1px solid var(--c-border);grid-template-columns:1fr 1fr;display:grid}.drawer__coord{gap:var(--space-1);flex-direction:column;display:flex}.drawer__coord-label{font-size:var(--fs-xs);color:var(--c-fg-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.drawer__coord-value{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--c-fg-primary);display:flex}.drawer__coord-copy{border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-bg-surface);width:22px;height:22px;color:var(--c-fg-muted);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);justify-content:center;align-items:center;padding:0;display:inline-flex}.drawer__coord-copy:hover{background:var(--c-bg-subtle);color:var(--c-fg-primary)}.drawer__coord-copy.is-copied{color:var(--c-status-dropoff-fg);border-color:var(--c-status-dropoff-fg)}.drawer__events{gap:var(--space-3);flex-direction:column;display:flex}.drawer__events-empty{padding:var(--space-4);border:1px dashed var(--c-border-strong);border-radius:var(--radius-md);color:var(--c-fg-muted);font-size:var(--fs-sm);line-height:1.6}.drawer__events-empty strong{color:var(--c-fg-primary);margin-bottom:var(--space-1);display:block}.drawer__event{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg-surface);display:flex}.drawer__event-bullet{background:var(--c-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.drawer__event-body{flex:1;min-width:0}.drawer__event-desc{margin:0 0 var(--space-1);font-size:var(--fs-md);color:var(--c-fg-strong);font-weight:500}.drawer__event-time{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--c-fg-subtle);margin:0}.drawer__loading{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8);color:var(--c-fg-muted);font-size:var(--fs-md);display:flex}.drawer__error{padding:var(--space-4);background:var(--c-error-bg);border:1px solid var(--c-error-border);color:var(--c-error-fg);border-radius:var(--radius-md);gap:var(--space-2);flex-direction:column;display:flex}@media (width<=700px){.drawer{width:100vw}.drawer__coords{grid-template-columns:1fr}}