:root{--brand-ink:#20242e;--brand-ink-soft:#363a44;--brand-grey:#717171;--brand-stone:#e3e3de;--brand-teal:#4f9286;--brand-teal-deep:#3b7268;--brand-sage:#afcfa6;--brand-blush:#efaac5;--brand-rose:#f583a0;--brand-rose-deep:#b83a5e;--brand-sky:#ccdfff;--brand-periwinkle:#8798f0;--color-bg:#f5f5f2;--color-surface:#fff;--color-surface-muted:#fafaf8;--color-surface-sunken:#f0f0ec;--color-border:var(--brand-stone);--color-border-strong:#cfcfc8;--color-text:var(--brand-ink);--color-text-muted:var(--brand-grey);--color-text-subtle:#9a9a96;--color-heading:var(--brand-ink);--color-subtitle:var(--brand-grey);--color-primary:var(--brand-ink);--color-primary-hover:var(--brand-ink-soft);--color-on-primary:#fff;--color-secondary:var(--color-surface);--color-secondary-hover:var(--color-surface-sunken);--color-on-secondary:var(--brand-ink);--color-accent:var(--brand-teal);--color-accent-text:var(--brand-teal-deep);--color-accent-soft:#4f928614;--color-danger:var(--brand-rose-deep);--color-danger-bg:#fdecf1;--color-danger-border:#f6c4d3;--color-success:var(--brand-teal-deep);--color-success-bg:#edf5ea;--color-success-border:var(--brand-sage);--color-warning:#8a5d14;--color-warning-bg:#fbf4e6;--color-warning-border:#ecd8ae;--color-focus-ring:#4f928640;--topbar-bg:var(--brand-ink);--topbar-text:#f5f5f2;--topbar-height:60px;--font-sans:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-heading:var(--font-sans);--font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-size:15px;--font-sm:.85rem;--font-xs:.75rem;--line-height:1.5;--letter-spacing-heading:-.02em;--letter-spacing-overline:.06em;--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #20242e0a;--shadow:0 4px 16px #20242e0f;--shadow-lg:0 20px 48px #20242e24;--outline-interface:0 0 0 6px #fff9;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--container:1080px;--container-narrow:560px}*,:before,:after{box-sizing:border-box}html,body,#app{height:100dvh}body{font-family:var(--font-sans);font-size:var(--font-size);line-height:var(--line-height);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3{font-family:var(--font-heading);color:var(--color-heading);letter-spacing:var(--letter-spacing-heading);margin:0;font-weight:600}code,pre,kbd,samp{font-family:var(--font-mono);font-size:.9em}a{color:var(--color-accent-text);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit}::selection{background:var(--brand-sky);color:var(--brand-ink)}.app-main{max-width:var(--container);padding:var(--space-6) var(--space-5);margin:0 auto}.app-main--bare{height:100dvh}.app-main--fullbleed{max-width:none!important;height:calc(100vh - var(--topbar-height))!important;height:calc(100dvh - var(--topbar-height))!important;margin:0!important;padding:0!important;overflow:hidden!important}.page__title{margin-bottom:var(--space-2);font-size:1.75rem;font-weight:600}.page--narrow{max-width:var(--container-narrow);margin:0 auto}.page>.card,.page--narrow>.card{margin-top:var(--space-5)}.text-muted{color:var(--color-text-muted)}.overline{font-family:var(--font-mono);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-overline);color:var(--color-text-muted);font-weight:500}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--space-5)}.card__title{margin-bottom:var(--space-2);font-size:1.2rem}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:var(--color-surface);color:var(--color-text);padding:10px 18px;font-size:.8rem;font-weight:500;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--color-surface-muted);border-color:var(--color-border-strong)}.btn:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:6px 12px;font-size:.72rem}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--secondary{background:var(--color-secondary);border-color:var(--color-border-strong);color:var(--color-on-secondary)}.btn--secondary:hover:not(:disabled){background:var(--color-secondary-hover);border-color:var(--color-border-strong)}.btn--block{width:100%}.form-field{margin-bottom:var(--space-4)}.form-label{margin-bottom:var(--space-2);font-family:var(--font-mono);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-overline);color:var(--color-text-muted);font-weight:500;display:block}.input{width:100%;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--color-text-subtle)}.input:hover:not(:focus):not(:disabled){border-color:var(--color-border-strong)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.alert{border-radius:var(--radius-sm);margin-bottom:var(--space-4);padding:10px 14px;font-size:.9rem}.alert--error{color:var(--color-danger);background:var(--color-danger-bg);border:1px solid var(--color-danger-border)}.alert--success{color:var(--color-success);background:var(--color-success-bg);border:1px solid var(--color-success-border)}.alert--warning{color:var(--color-warning);background:var(--color-warning-bg);border:1px solid var(--color-warning-border)}.realtime-pill{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;-webkit-user-select:none;user-select:none;border-radius:9999px;align-items:center;gap:6px;padding:3px 10px;font-size:.7rem;font-weight:500;line-height:1.2;transition:all .2s;display:inline-flex}.realtime-pill__dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.realtime-pill--connected{color:var(--brand-sage);background:#afcfa61f;border:1px solid #afcfa659}.realtime-pill--connected .realtime-pill__dot{background:var(--brand-sage)}.realtime-pill--connecting,.realtime-pill--reconnecting{color:var(--brand-sky);background:#8798f024;border:1px solid #8798f066}.realtime-pill--connecting .realtime-pill__dot,.realtime-pill--reconnecting .realtime-pill__dot{background:var(--brand-periwinkle);animation:1.4s ease-in-out infinite realtime-pulse}.realtime-pill--disconnected{color:var(--brand-blush);cursor:pointer;background:#f583a024;border:1px solid #f583a066}.realtime-pill--disconnected:hover{background:#f583a03d}.realtime-pill--disconnected .realtime-pill__dot{background:var(--brand-rose)}@keyframes realtime-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.topbar__realtime{margin-right:var(--space-4);align-items:center;display:flex}.realtime-banner{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-left:3px solid var(--color-warning);border-radius:var(--radius-sm);color:var(--color-warning);font-size:var(--font-sm);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.realtime-banner__content{align-items:center;gap:var(--space-2);display:flex}.realtime-banner__action{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;border:none;padding:5px 10px;font-size:.7rem;font-weight:500;transition:background .15s}.realtime-banner__action:hover{background:var(--color-primary-hover)}.topbar{height:var(--topbar-height);padding:0 var(--space-5);background:var(--topbar-bg);color:var(--topbar-text);z-index:1100;border-bottom:1px solid #ffffff0f;align-items:center;display:flex;position:relative}.topbar__brand{align-items:center;display:inline-flex}.topbar__logo{width:auto;height:22px;display:block}.topbar__spacer{flex:1}.dropdown{position:relative}.dropdown__trigger{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);color:var(--topbar-text);cursor:pointer;background:0 0;border:1px solid #0000;padding:6px 10px;display:inline-flex}.dropdown__trigger:hover{background:#ffffff14;border-color:#ffffff1a}.dropdown__avatar{background:var(--brand-teal);color:#fff;width:30px;height:30px;font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:500;display:inline-flex}.dropdown__name{font-size:.88rem;font-weight:600}.dropdown__caret{font-size:.7rem;transition:transform .15s}.dropdown__caret--open{transform:rotate(180deg)}.dropdown__menu{min-width:180px;padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:1200;margin:0;list-style:none;position:absolute;top:calc(100% + 8px);right:0}.dropdown__item{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--color-text);cursor:pointer;background:0 0;border:none;padding:9px 12px;font-size:.9rem;display:block}.dropdown__item:hover{background:var(--color-surface-sunken)}.dropdown__item--danger{color:var(--color-danger)}.auth-screen{min-height:100%;padding:var(--space-5);background:var(--brand-sky);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-screen:before{content:"";filter:blur(40px);pointer-events:none;background:radial-gradient(55% 35% at 20% 30%,#8798f0bf,#0000 70%),radial-gradient(45% 30% at 85% 45%,#f583a0d9,#0000 70%),radial-gradient(50% 28% at 15% 55%,#efaac5e6,#0000 70%),radial-gradient(70% 30% at 45% 78%,#4f9286d9,#0000 70%),radial-gradient(60% 25% at 85% 95%,#afcfa6e6,#0000 70%),linear-gradient(#ccdfff 0% 30%,#e9c6dc 55%,#7fb3a6 80%,#afcfa6 100%);position:absolute;inset:-15%}.auth-card{width:100%;max-width:400px;padding:var(--space-7) var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--outline-interface), var(--shadow-lg);border:none;position:relative}.auth-card__logo{width:auto;height:30px;margin:0 auto var(--space-5);display:block}.auth-card__title{text-align:center;text-transform:uppercase;font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-subtitle);margin-bottom:var(--space-6);font-size:.8rem;font-weight:500}.table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-top:var(--space-4);overflow:hidden}.table{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}.table th,.table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.table th{background:var(--color-surface-muted);color:var(--color-text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--letter-spacing-overline);-webkit-user-select:none;user-select:none;font-size:.7rem;font-weight:500}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--color-surface-muted)}.table th.sortable{cursor:pointer}.table th.sortable:hover{background:var(--color-surface-sunken);color:var(--color-text)}.table code{background:var(--color-surface-sunken);border-radius:4px;padding:1px 6px;font-size:.82rem}.table-logo{border-radius:var(--radius-sm);object-fit:cover;background:var(--color-bg);border:1px solid var(--color-border);vertical-align:middle;width:32px;height:32px;display:inline-block}.table-logo-placeholder{border-radius:var(--radius-sm);background:var(--brand-ink);color:#fff;width:32px;height:32px;font-family:var(--font-mono);justify-content:center;align-items:center;font-size:.85rem;font-weight:500;display:inline-flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#20242e66;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:500px;animation:.2s ease-out modalEnter;overflow:hidden}.modal-header{padding:var(--space-5) var(--space-5) var(--space-3);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--space-5);max-height:70dvh;overflow-y:auto}.modal-footer{padding:var(--space-4) var(--space-5);background:var(--color-surface-muted);border-top:1px solid var(--color-border);justify-content:flex-end;gap:var(--space-3);display:flex}@keyframes modalEnter{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.topbar__left{align-items:center;display:flex}.topbar__nav{gap:var(--space-4);margin-left:var(--space-6);display:flex}.topbar__nav-link{color:var(--topbar-text);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--letter-spacing-overline);opacity:.7;padding:4px 0;font-size:.75rem;font-weight:500;text-decoration:none;transition:opacity .2s,color .2s;position:relative}.topbar__nav-link:hover,.topbar__nav-link.router-link-active{opacity:1;color:#fff;text-decoration:none}.topbar__nav-link.router-link-active:after{content:"";background:var(--brand-teal);border-radius:2px;height:2px;position:absolute;bottom:-2px;left:0;right:0}.topbar__tenant-ctx{margin-right:var(--space-4);align-items:center;display:flex}.tenant-selector{align-items:center;gap:var(--space-2);display:flex}.tenant-selector__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--letter-spacing-overline);opacity:.6;color:var(--topbar-text);font-size:.7rem}.tenant-selector__select{border-radius:var(--radius-sm);color:#fff;padding:var(--space-1) var(--space-3);font-size:var(--font-sm);cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;outline:none;font-weight:500;transition:background .2s,border-color .2s}.tenant-selector__select:hover,.tenant-selector__select:focus{background:#ffffff24;border-color:#fff6}.tenant-selector__select option{background:var(--brand-ink);color:#fff}.tenant-label{align-items:center;gap:var(--space-1);font-size:var(--font-sm);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:#ffffff14;border:1px solid #ffffff1f;display:inline-flex}.tenant-label__prefix{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--letter-spacing-overline);opacity:.6;font-size:.7rem}.tenant-label__value{font-weight:600}.topbar__hamburger{border-radius:var(--radius-sm);color:var(--topbar-text);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:6px;transition:background .15s,color .15s;display:none}.topbar__hamburger:hover{color:#fff;background:#ffffff1a}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2100;background:#20242e8c;position:fixed;inset:0}.mobile-drawer{background:var(--brand-ink);width:320px;max-width:85vw;color:var(--topbar-text);z-index:2200;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 24px #0000004d}.mobile-drawer__header{padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);background:#ffffff08;border-bottom:1px solid #ffffff1a;display:flex}.mobile-drawer__user{align-items:center;gap:var(--space-3);min-width:0;display:flex}.mobile-drawer__avatar{background:var(--brand-teal);color:#fff;width:38px;height:38px;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:500;display:inline-flex}.mobile-drawer__user-details{flex-direction:column;min-width:0;display:flex}.mobile-drawer__name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.mobile-drawer__user-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:2px;display:flex}.mobile-drawer__role-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--brand-sage);background:#4f928640;border-radius:4px;padding:1px 6px;font-size:.62rem;font-weight:500;display:inline-block}.mobile-drawer__email{color:#fff9;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.mobile-drawer__close{color:#ffffffbf;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:background .15s,color .15s;display:flex}.mobile-drawer__close:hover{color:#fff;background:#ffffff1a}.mobile-drawer__body{padding:var(--space-5);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.mobile-drawer__section{gap:var(--space-2);flex-direction:column;display:flex}.mobile-drawer__section-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;font-size:.68rem;font-weight:500}.mobile-drawer__tenant-select{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;outline:none;width:100%;padding:10px 12px;font-size:.9rem;transition:border-color .15s,background-color .15s}.mobile-drawer__tenant-select:hover,.mobile-drawer__tenant-select:focus{background:#ffffff24;border-color:#fff6}.mobile-drawer__tenant-select option{background:var(--brand-ink);color:#fff}.mobile-drawer__tenant-badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff1a;padding:8px 12px;font-size:.85rem;display:inline-flex}.mobile-drawer__nav{flex-direction:column;gap:4px;display:flex}.mobile-drawer__link{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);color:#ffffffd1;padding:10px 14px;font-size:.92rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.mobile-drawer__link:hover{color:#fff;background:#ffffff14;text-decoration:none}.mobile-drawer__link.router-link-active{color:#fff;border-left:3px solid var(--brand-teal);background:#4f928633;font-weight:600}.mobile-drawer__footer{padding:var(--space-4) var(--space-5);gap:var(--space-2);background:#ffffff08;border-top:1px solid #ffffff1a;flex-direction:column;display:flex}.mobile-drawer__action-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);color:#fff;width:100%;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;padding:10px 14px;font-size:.78rem;font-weight:500;transition:background .15s,border-color .15s;display:flex}.mobile-drawer__action-btn:hover{background:#ffffff1f;border-color:#ffffff4d}.mobile-drawer__action-btn--danger{color:var(--brand-blush);background:#f583a01f;border-color:#f583a066}.mobile-drawer__action-btn--danger:hover{color:#fff;background:#f583a03d;border-color:#f583a099}.drawer-fade-enter-active,.drawer-fade-leave-active{transition:opacity .25s}.drawer-fade-enter-from,.drawer-fade-leave-to{opacity:0}.drawer-slide-enter-active,.drawer-slide-leave-active{transition:transform .25s cubic-bezier(.16,1,.3,1)}.drawer-slide-enter-from,.drawer-slide-leave-to{transform:translate(100%)}.leaflet-container{font-family:var(--font-sans);background:var(--color-surface-sunken)}.leaflet-container .leaflet-tile-pane{filter:saturate(.55)contrast(.95)brightness(1.03)}.leaflet-container .leaflet-popup-content-wrapper{border-radius:var(--radius);box-shadow:var(--shadow-lg);color:var(--color-text)}.leaflet-container .leaflet-popup-content{font-size:.85rem}.leaflet-container .leaflet-popup-content strong{letter-spacing:var(--letter-spacing-heading);font-weight:600}.leaflet-container .leaflet-popup-content .badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:2px 8px;font-size:.62rem;font-weight:500;display:inline-block}.leaflet-container .leaflet-popup-content .badge--success{background:var(--color-success-bg);color:var(--color-success)}.leaflet-container .leaflet-popup-content .badge--neutral{background:var(--color-surface-sunken);color:var(--color-text-muted)}.leaflet-container .leaflet-popup-content .btn--primary{color:var(--color-on-primary)}.leaflet-container .reported-position-marker{stroke:var(--color-success);fill:var(--color-success)}.leaflet-container .leaflet-marker-icon:not(.marker-cluster){filter:drop-shadow(0 2px 3px #20242e4d)}.leaflet-container .leaflet-bar a{color:var(--color-text)}.leaflet-container .marker-cluster-small,.leaflet-container .marker-cluster-medium,.leaflet-container .marker-cluster-large{background-color:#4f92864d}.leaflet-container .marker-cluster-small div,.leaflet-container .marker-cluster-medium div,.leaflet-container .marker-cluster-large div{background-color:var(--brand-ink);color:#fff}.leaflet-container .marker-cluster span{font-family:var(--font-mono);font-weight:500}@media (width<=768px){.topbar{padding:0 var(--space-4)}.topbar__logo{height:20px}.topbar__nav,.topbar__tenant-ctx,.topbar .dropdown{display:none!important}.topbar__hamburger{display:inline-flex}}