:root{--bg: #0b0d10;--panel: #14181d;--panel-2: #1b2027;--text: #e7ecf2;--muted: #8b97a7;--accent: #3b82f6;--fresh: #22c55e;--stale: #f59e0b;--unknown: #64748b;--danger: #ef4444;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text)}.app-shell{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--panel);border-bottom:1px solid #222933}.brand{font-weight:600}.app-body{flex:1;display:flex;min-height:0}.map-container{flex:1;min-width:0}.side-column{width:340px;max-width:92vw;background:var(--panel);border-left:1px solid #222933;overflow-y:auto;display:flex;flex-direction:column}.status-panel{padding:1rem}.panel-section{padding:1rem;border-top:1px solid #222933}.banner{padding:.5rem .75rem;border-radius:6px;margin-bottom:.75rem;font-size:.9rem}.banner-offline{background:#f59e0b26;color:var(--stale)}.status-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.status-dot{width:12px;height:12px;border-radius:50%;background:var(--unknown);flex:none}.status-driving,.status-online_stationary,.status-connected{background:var(--fresh)}.status-stale{background:var(--stale)}.status-asleep_or_offline,.status-unknown{background:var(--unknown)}.status-title{font-weight:600}.freshness{font-size:.8rem;color:var(--muted)}.freshness-fresh{color:var(--fresh)}.freshness-stale{color:var(--stale)}.metrics{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:0 0 1rem}.metrics dt{font-size:.75rem;color:var(--muted)}.metrics dd{margin:0;font-size:1.1rem;font-weight:600;white-space:nowrap}.battery-block{margin:0 0 1rem;padding:.75rem;border-radius:8px;background:var(--panel-2)}.battery-label{font-size:.75rem;color:var(--muted)}.battery-reading{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.4rem}.battery-value{font-size:1.8rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.battery-age{font-size:.85rem;color:var(--muted);white-space:nowrap}.battery-meter{margin-top:.4rem;height:6px;border-radius:3px;background:var(--bg);overflow:hidden}.battery-fill{height:100%;background:var(--accent)}.section-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:1rem 0 .5rem}.rule-list{list-style:none;margin:0;padding:0}.rule-row{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #222933}.rule-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rule-distance{font-variant-numeric:tabular-nums;color:var(--accent)}.rule-eta{color:var(--muted);font-variant-numeric:tabular-nums}.stale-dim dd,.stale-dim .rule-distance{color:var(--muted)}.position-age{white-space:nowrap}.last-notification-age{color:var(--muted);white-space:nowrap}.muted{color:var(--muted)}.tesla-marker{width:18px;height:18px;border-radius:50%;background:#e11d48;border:2px solid #fff;box-shadow:0 0 0 4px #e11d4840}.tesla-marker-stale{background:var(--unknown);box-shadow:none}.login-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:320px;max-width:100%;background:var(--panel);padding:1.5rem;border-radius:10px;display:flex;flex-direction:column;gap:.5rem}.login-card h1{margin:0;font-size:1.3rem}.login-card label{font-size:.85rem;color:var(--muted);margin-top:.5rem}.login-card input{padding:.6rem;border-radius:6px;border:1px solid #2a323c;background:var(--panel-2);color:var(--text)}.login-card button{margin-top:.75rem;padding:.6rem;border:none;border-radius:6px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.login-card button:disabled{opacity:.5;cursor:not-allowed}.form-error{color:var(--danger);font-size:.85rem;margin:.25rem 0 0}.link-button{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.9rem}.app-loading{display:grid;place-items:center;height:100vh;color:var(--muted)}.app-nav{display:flex;gap:.25rem;flex:1;margin:0 1rem;overflow-x:auto}.nav-link{padding:.35rem .7rem;border-radius:6px;color:var(--muted);text-decoration:none;font-size:.9rem;white-space:nowrap}.nav-link-active{background:var(--panel-2);color:var(--text)}.header-actions{display:flex;gap:.75rem;align-items:center}.page-scroll{flex:1;overflow-y:auto;padding:1.25rem;max-width:900px;width:100%;margin:0 auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.page-head h1{font-size:1.4rem;margin:0}.card{background:var(--panel);border:1px solid #222933;border-radius:10px;padding:1rem;margin-bottom:1rem}.section-head{display:flex;align-items:center;justify-content:space-between}.stack-form{display:flex;flex-direction:column;gap:.35rem}.stack-form label,.card label{font-size:.8rem;color:var(--muted);margin-top:.4rem}.stack-form input,.stack-form select,.card input:not([type=checkbox]),.card select{padding:.5rem;border-radius:6px;border:1px solid #2a323c;background:var(--panel-2);color:var(--text);width:100%}.field-row{display:flex;gap:.6rem}.field-row>div{flex:1}.checkbox-row{display:flex;align-items:center;gap:.5rem;flex-direction:row!important;margin-top:.6rem}.checkbox-row input{width:auto}.primary-button,.stack-form button,.card button.primary-button{margin-top:.5rem;padding:.55rem .9rem;border:none;border-radius:6px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.primary-button:disabled,.stack-form button:disabled{opacity:.5;cursor:not-allowed}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:.4rem .5rem;border-bottom:1px solid #222933}.data-table td{padding:.55rem .5rem;border-bottom:1px solid #1b2027}.clickable-row{cursor:pointer}.clickable-row:hover{background:var(--panel-2)}.entity-list{list-style:none;margin:.5rem 0 0;padding:0}.entity-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #1b2027}.entity-name{font-weight:600}.badge{display:inline-block;padding:.1rem .45rem;border-radius:999px;font-size:.72rem;margin-left:.4rem;background:var(--panel-2);color:var(--muted)}.badge-sent{background:#22c55e26;color:var(--fresh)}.badge-pending{background:#f59e0b26;color:var(--stale)}.badge-dead_letter{background:#ef444426;color:var(--danger)}.badge-muted{background:#64748b33;color:var(--muted)}.switch{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--muted)}.switch.big{font-size:1rem;color:var(--text)}.pager{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.kv{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;margin:0}.kv dt{font-size:.75rem;color:var(--muted)}.kv dd{margin:0;font-weight:600}.metrics-details{margin-top:.75rem}.metrics-pre{background:var(--panel-2);padding:.6rem;border-radius:6px;overflow-x:auto;font-size:.78rem;max-height:260px}.event-detail{padding:1rem;border-bottom:1px solid #222933;background:var(--panel-2)}.link-button.danger{color:var(--danger)}.small{font-size:.8rem}.draft-marker{width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 0 0 4px #3b82f640}@media (max-width: 720px){.app-body{flex-direction:column}.side-column{width:100%;max-width:none;border-left:none;border-top:1px solid #222933;max-height:50vh}.app-header{flex-wrap:wrap;gap:.25rem .5rem;padding:.5rem}.brand{display:none}.app-nav{flex:1 1 auto;flex-wrap:wrap;min-width:0;margin:0;overflow-x:visible;gap:.15rem}.nav-link{padding:.35rem .45rem;font-size:.85rem}}