:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #eff6ff;--color-primary-border: #bfdbfe;--color-success: #10b981;--color-success-light: #d1fae5;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-light: #fee2e2;--color-warning: #f59e0b;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-inverse: #ffffff;--color-surface: #ffffff;--color-surface-subtle: #f9fafb;--color-surface-hover: #f3f4f6;--color-surface-active: #e5e7eb;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--font-family: "Inter", 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;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -1px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.04);--header-height: 56px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;height:100dvh;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-surface-subtle);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{display:flex;flex-direction:column;height:100%;height:100dvh}.app-header{height:var(--header-height);flex-shrink:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-6);position:relative;z-index:100}.app-header__brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;flex-shrink:0}.app-header__logo{width:32px;height:32px;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:var(--font-weight-bold);flex-shrink:0}.app-header__brand-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.app-header__nav{display:flex;align-items:center;gap:var(--space-1);flex:1}.app-header__nav-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:color .15s,background .15s}.app-header__nav-link:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.app-header__nav-link.active{color:var(--color-primary);background:var(--color-primary-light)}.app-header__right{display:flex;align-items:center;gap:var(--space-3);margin-left:auto;flex-shrink:0}.app-header__status-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-text-tertiary);flex-shrink:0}.app-header__status-dot--connected{background:var(--color-success)}.app-header__status-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.app-header__username{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.app-header__avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-surface-active);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:default;-webkit-user-select:none;user-select:none}.app-main{flex:1;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary)}.btn-danger{background:var(--color-surface);color:var(--color-danger);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background:var(--color-danger-light);border-color:var(--color-danger)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);border-radius:var(--radius-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-input{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);outline:none;transition:border-color .15s,box-shadow .15s;line-height:var(--line-height-normal)}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:2.25rem}.form-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-danger-light);color:var(--color-danger);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.card__header{padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--color-border)}.card__body{padding:var(--space-6)}.login-page{height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-surface-subtle);padding:var(--space-4)}.login-card{width:100%;max-width:380px}.login-card__logo{text-align:center;margin-bottom:var(--space-6)}.login-card__logo-mark{width:48px;height:48px;background:var(--color-primary);border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.login-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1)}.login-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.login-card__form{display:flex;flex-direction:column;gap:var(--space-4)}.sidebar{height:100%;display:flex;flex-direction:column;background:var(--color-surface);border-right:1px solid var(--color-border)}.sidebar__header{padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.sidebar__collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.sidebar__collapse-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.sidebar__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin:0}.sidebar__list{flex:1;overflow-y:auto;list-style:none;padding:var(--space-2) 0;margin:0}.device-item{padding:var(--space-3) var(--space-4);cursor:pointer;border-left:3px solid transparent;transition:background .12s,border-color .12s}.device-item:hover{background:var(--color-surface-hover)}.device-item--active{background:var(--color-primary-light);border-left-color:var(--color-primary)}.device-item--disabled{opacity:.45;cursor:default}.device-item__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-item__model{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0 0 var(--space-1)}.device-item__meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.device-item__id{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:ui-monospace,Cascadia Code,monospace}.badge{display:inline-flex;align-items:center;padding:1px var(--space-2);border-radius:var(--radius-sm);font-size:11px;font-weight:var(--font-weight-medium);line-height:1.6}.badge-blue{background:var(--color-primary-light);color:var(--color-primary)}.badge-green{background:var(--color-success-light);color:var(--color-success)}.badge-gray{background:var(--color-surface-active);color:var(--color-text-secondary)}.device-item__time{font-size:11px;color:var(--color-text-tertiary);margin-top:var(--space-1)}.sidebar__empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.dashboard{display:flex;height:100%;position:relative}.dashboard__sidebar{width:280px;flex-shrink:0;transition:width .2s ease;overflow:hidden}.dashboard__sidebar--collapsed{width:0}.dashboard__map{flex:1;position:relative;z-index:0}.sidebar-open-btn{position:absolute;top:12px;left:12px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;box-shadow:var(--shadow-md);transition:background .15s}.sidebar-open-btn:hover{background:var(--color-surface-hover)}@media(max-width:767px){.leaflet-control-zoom{display:none}.dashboard__sidebar{position:absolute;top:0;left:0;height:100%;z-index:200;width:100%;transition:transform .25s ease;overflow:hidden;transform:translate(0)}.dashboard__sidebar--collapsed{width:100%;transform:translate(-100%)}.dashboard__backdrop{display:block}}.dashboard__backdrop{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#00000059}.page-content{padding:var(--space-8);max-width:720px}.page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-6)}.add-user-form{display:flex;gap:var(--space-3);align-items:flex-end;margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.add-user-form .form-group{flex:1}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table thead th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border);background:var(--color-surface-subtle)}.data-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--color-surface-subtle)}.health-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.health-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.health-card__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin:0 0 var(--space-2)}.health-card__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.health-card__value--ok{color:var(--color-success)}.history-selector{position:absolute;top:12px;right:12px;z-index:1000;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-primary);cursor:pointer;box-shadow:var(--shadow-md);outline:none;min-width:130px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:24px}.history-selector:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.journey-selector{position:absolute;top:56px;right:12px;z-index:1000;width:240px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-primary);overflow:hidden}.journey-selector__toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--color-border)}.journey-selector__toggle input{margin:0;cursor:pointer}.journey-selector__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-subtle);border-bottom:1px solid var(--color-border)}.journey-selector__title{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.journey-selector__actions{display:flex;gap:var(--space-1)}.journey-selector__action{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px var(--space-2);font-size:.7rem;color:var(--color-text-secondary);cursor:pointer;font-family:inherit}.journey-selector__action:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary)}.journey-selector__action:disabled{opacity:.4;cursor:not-allowed}.journey-selector__list{max-height:280px;overflow-y:auto;margin:0;padding:0;list-style:none}.journey-selector__row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;border-bottom:1px solid var(--color-border)}.journey-selector__row:last-child{border-bottom:none}.journey-selector__row:hover{background:var(--color-surface-hover)}.journey-selector__row--hovered{background:var(--color-surface-hover);box-shadow:inset 3px 0 #2563eb}.journey-selector__row--hidden{opacity:.45}.journey-selector__row--hidden .journey-selector__time{text-decoration:line-through}.journey-selector__swatch{display:inline-block;width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.journey-selector__num{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 3px;border-radius:var(--radius-full);background:var(--color-surface-hover);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;flex-shrink:0}.sentinel-journey-start{position:relative;width:28px;height:32px}.sentinel-journey-num{position:absolute;top:-4px;left:14px;min-width:13px;height:13px;padding:0 2px;border-radius:var(--radius-full);color:#fff;font:700 9px/13px Inter,system-ui,sans-serif;text-align:center;box-shadow:0 0 0 1.5px #fff;box-sizing:border-box}.journey-selector__time{font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.journey-selector__profile{color:var(--color-text-secondary)}.journey-selector__distance{margin-left:auto;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.journey-selector__badge{background:var(--color-success-light);color:var(--color-success);border-radius:var(--radius-sm);padding:1px var(--space-1);font-size:.65rem;font-weight:var(--font-weight-semibold);text-transform:uppercase}.journey-selector__disabled-note{color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);font-style:italic}.map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffffbf;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.map-overlay__text{font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);background:var(--color-surface);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.upload-area{height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-surface-subtle)}.upload-dropzone{text-align:center;padding:var(--space-12) var(--space-10);border:2px dashed var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-surface);transition:border-color .15s,background .15s;min-width:360px}.upload-dropzone--dragging{border-color:var(--color-primary);background:var(--color-primary-light)}.upload-dropzone__icon{font-size:2.5rem;margin-bottom:var(--space-4);opacity:.4}.upload-dropzone__text{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--space-5)}.upload-dropzone__code{font-family:ui-monospace,Cascadia Code,monospace;background:var(--color-surface-hover);padding:1px 6px;border-radius:var(--radius-sm);font-size:.9em}.replay-panel{width:280px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;background:var(--color-surface);border-right:1px solid var(--color-border)}.replay-panel__meta{padding:var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0}.replay-panel__meta-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.replay-panel__meta-label{font-weight:var(--font-weight-medium);color:var(--color-text-primary);flex-shrink:0}.replay-panel__list{flex:1;overflow-y:auto;padding:var(--space-2) 0}.waypoint-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);cursor:pointer;border-left:3px solid transparent;transition:background .1s,border-color .1s}.waypoint-row:hover{background:var(--color-surface-hover)}.waypoint-row--selected{background:var(--color-primary-light);border-left-color:var(--color-primary)}.waypoint-row__time{font-family:ui-monospace,Cascadia Code,monospace;font-size:var(--font-size-xs);color:var(--color-text-primary);flex-shrink:0;min-width:60px}.waypoint-row__stats{font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm);color:var(--color-text-primary)}.switch__input{position:absolute;opacity:0;width:0;height:0}.switch__slider{position:relative;flex-shrink:0;width:38px;height:22px;border-radius:var(--radius-full);background:var(--color-border-strong);transition:background .15s ease}.switch__slider:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:var(--radius-full);background:#fff;box-shadow:var(--shadow-sm);transition:transform .15s ease}.switch__input:checked+.switch__slider{background:var(--color-primary)}.switch__input:checked+.switch__slider:after{transform:translate(16px)}.switch__input:focus-visible+.switch__slider{box-shadow:0 0 0 3px #2563eb40}.trackers-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.trackers-group{margin-bottom:var(--space-6)}.trackers-group__title{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.trackers-group__count{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.tracker-list{display:flex;flex-direction:column}.tracker-item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.tracker-item:last-child{border-bottom:none}.tracker-item__id{display:flex;flex-direction:column;gap:2px;flex:1 1 220px;min-width:0}.tracker-item__imei{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis}.tracker-item__meta{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.tracker-item__status{flex:0 0 auto}.tracker-item__label{flex:1 1 180px;min-width:140px}.tracker-item__actions{flex:0 0 auto;margin-left:auto}.tracker-badge{display:inline-flex;align-items:center;padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:capitalize;letter-spacing:.01em}.tracker-badge--claimed{background:var(--color-success-light);color:var(--color-success)}.tracker-badge--unclaimed{background:var(--color-surface-active);color:var(--color-text-secondary)}@media(max-width:640px){.tracker-item__actions{margin-left:0;width:100%}.tracker-item__actions .btn{width:100%}.tracker-item__label{flex-basis:100%}}.alert-pin{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-full);background:var(--alert-color, #ef4444);border:2px solid #fff;box-shadow:var(--shadow-md)}.alert-pin span{font-size:14px;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.map-legend{position:absolute;bottom:var(--space-5);right:var(--space-5);z-index:1000;max-width:220px;max-height:45%;overflow-y:auto;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.map-legend__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.map-legend__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.map-legend__actions{display:flex;gap:var(--space-2)}.map-legend__action{background:none;border:none;padding:0;font-size:var(--font-size-xs);color:#60a5fa;cursor:pointer}.map-legend__action:hover{text-decoration:underline}.map-legend__items{display:flex;flex-direction:column;gap:var(--space-1)}.map-legend__item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.map-legend__item input{margin:0;width:13px;height:13px;cursor:pointer}.map-legend__item--off{opacity:.4}.map-legend__emoji{width:18px;text-align:center}.live-location-tooltip{font:600 11px/1.3 Inter,system-ui,sans-serif;padding:2px 7px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.panel-header__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.panel-collapse{background:none;border:none;padding:0 2px;font-size:12px;line-height:1;color:var(--color-text-secondary);cursor:pointer}.panel-collapse:hover{color:var(--color-text-primary)}@media(max-width:640px){.map-legend{max-width:150px;bottom:var(--space-3);right:var(--space-3)}}.segments-panel__open{position:absolute;bottom:12px;right:12px;z-index:1000;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer}.segments-panel__open:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.segments-panel{position:absolute;bottom:12px;right:12px;z-index:1000;width:280px;max-height:60%;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-primary);overflow:hidden}.segments-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-subtle);border-bottom:1px solid var(--color-border)}.segments-panel__title{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.segments-panel__actions{display:flex;align-items:center;gap:var(--space-1)}.segments-panel__device{max-width:120px;font-size:.7rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);padding:1px var(--space-1)}.segments-panel__note{margin:0;padding:var(--space-2) var(--space-3);color:var(--color-text-secondary)}.segments-panel__list{margin:0;padding:0;list-style:none;overflow-y:auto}.segments-panel__row{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);cursor:pointer}.segments-panel__row:hover,.segments-panel__row--hovered{background:var(--color-surface-hover)}.segments-panel__row--selected{background:var(--color-surface-subtle);box-shadow:inset 2px 0 0 var(--color-primary)}.segments-panel__row-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.segments-panel__kind{font-weight:var(--font-weight-semibold)}.segments-panel__class{color:#fff;border-radius:999px;padding:1px var(--space-2);font-size:.65rem;line-height:1.4}.segments-panel__meta{color:var(--color-text-secondary);margin-top:2px}.segments-panel__badges{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:4px}.segments-panel__badge{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 var(--space-1);font-size:.65rem;color:var(--color-text-secondary)}.segments-panel__badge--grade{border-color:#16a34a;color:#16a34a}.segments-panel__badge--carried{border-color:#d97706;color:#d97706}.segments-panel__codes{margin-top:4px;font-size:.65rem;color:var(--color-text-secondary)}.segments-panel__codes ul{margin:2px 0 0;padding-left:var(--space-4)}.signup-type-step{display:flex;flex-direction:column;gap:var(--space-3)}.signup-type-card{display:flex;flex-direction:column;gap:2px;text-align:left;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:border-color .15s,background .15s}.signup-type-card:hover{border-color:var(--color-primary);background:var(--color-surface-hover, var(--color-surface))}.signup-type-title{font-weight:600;color:var(--color-text)}.signup-type-desc{font-size:.85rem;color:var(--color-text-muted, #6b7280)}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font:inherit}.btn-link:hover:not(:disabled){text-decoration:underline}