:root{--bg:#0b1220;--panel:#121b2e;--panel-border:#223049;--text:#e7ecf5;--text-muted:#8394ad;--accent:#3d8bfd;--moving:#35d399;--stopped:#f2b84b;--lost:#f2545b;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--sans:-apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans)}.app{width:100vw;height:100dvh;position:relative;overflow:hidden}.vehicle-map{width:100%;height:100%}.overlay{z-index:1000;position:absolute}.overlay--top-left{top:110px;left:16px}.overlay--bottom{bottom:calc(16px + env(safe-area-inset-bottom,0px));max-height:calc(100% - 32px - env(safe-area-inset-bottom,0px));left:16px;right:16px;overflow-y:auto}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;min-width:220px;padding:14px 18px;box-shadow:0 8px 24px #00000059}.panel__row{justify-content:space-between;align-items:center;gap:16px;padding:4px 0;display:flex}.panel__row--head{border-bottom:1px solid var(--panel-border);margin-bottom:6px;padding-bottom:8px}.panel__plate{font-family:var(--mono);letter-spacing:.5px;font-size:17px;font-weight:600}.panel__label{color:var(--text-muted);font-size:12px}.panel__value{font-size:13px}.panel__value--mono{font-family:var(--mono)}.status-dot{background:var(--text-muted);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 3px #ffffff0f}.status-dot.status--moving{background:var(--moving);box-shadow:0 0 8px var(--moving)}.status-dot.status--stopped{background:var(--stopped);box-shadow:0 0 8px var(--stopped)}.status-dot.status--lost,.status-dot.status--off{background:var(--lost);box-shadow:0 0 8px var(--lost)}.status-dot.status--offline{background:var(--text-muted);box-shadow:0 0 0 3px #ffffff0f}.landing{justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:flex}.landing__card{background:var(--panel);border:1px solid var(--panel-border);text-align:center;border-radius:16px;max-width:460px;padding:40px 36px;box-shadow:0 8px 24px #00000059}.landing__title{letter-spacing:.5px;color:var(--accent);margin:0 0 8px;font-size:26px;font-weight:700}.landing__tagline{color:var(--text);margin:0 0 20px;font-size:15px;font-weight:600}.landing__desc{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.landing__desc code{font-family:var(--mono);color:var(--text)}.modal-backdrop{z-index:2000;background:#050910b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--panel-border);text-align:center;border-radius:14px;max-width:360px;padding:28px 24px;box-shadow:0 12px 32px #00000073}.modal__title{color:var(--text);margin:0 0 10px;font-size:16px;font-weight:700}.modal__message{color:var(--text-muted);margin:0 0 20px;font-size:13px;line-height:1.5}.modal__button{background:var(--accent);color:#0b1220;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600}.modal__button:hover{filter:brightness(1.08)}.vehicle-map--loading,.vehicle-map--error{width:100%;height:100%;color:var(--text-muted);font-family:var(--mono);text-align:center;justify-content:center;align-items:center;padding:24px;font-size:13px;display:flex}.vehicle-map--error{color:var(--lost)}