*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d1520;--surface:#141e2e;--surface2:#1a2a3a;--border:#2a3a4a;--text:#c8d0d8;--text-dim:#7a8898;--text-bright:#dde4ea;--accent:#5a8fcc;--green:#3db87a;--yellow:#d4a017;--red:#c05050}body,html{height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;font-size:13px}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit;background:var(--bg);color:var(--text-bright);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:12px;outline:none}input:focus,select:focus{border-color:var(--accent)}.leaflet-container{background:#1a2a3a}